:root{--river-red:#cd1216;--river-red-dark:#9e0e11;--river-red-light:#ff4d4d;--border-width:3px;--border-color:#1a1a1a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:50px;--shadow-offset:5px;--shadow-cartoon:5px 5px 0px var(--border-color);--bg-primary:#fff;--bg-secondary:#f0f0f0;--bg-tertiary:#e0e0e0;--text-primary:#1a1a1a;--text-secondary:#444;--text-tertiary:#777;--modal-bg:#fff;--overlay-bg:#1a1a1a99;--input-bg:#fff;--suggestion-hover:#f5f5f5;--cell-correct:#4caf50;--cell-partial:#ffc107;--cell-wrong:#b0bec5;--cell-text:#1a1a1a;--header-bg:#fff;--footer-bg:#f0f0f0}[data-theme=dark]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-tertiary:#3d3d3d;--text-primary:#f0f0f0;--text-secondary:#ccc;--text-tertiary:#888;--border-color:#f0f0f0;--shadow-cartoon:5px 5px 0px #f0f0f04d;--modal-bg:#2d2d2d;--overlay-bg:#000c;--input-bg:#3d3d3d;--suggestion-hover:#3d3d3d;--cell-correct:#2e7d32;--cell-partial:#f57f17;--cell-wrong:#546e7a;--cell-text:#f0f0f0;--header-bg:#1a1a1a;--footer-bg:#2d2d2d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Fredoka,sans-serif;transition:background-color .3s,color .3s;display:flex}.header{background-color:var(--river-red);border-bottom:var(--border-width) solid var(--border-color);z-index:100;box-shadow:0 5px 0px var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.header__left,.header__right{align-items:center;gap:12px;min-width:80px;display:flex}.header__right{justify-content:flex-end}.header__center{justify-content:center;align-items:center;display:flex}.logo{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.logo__img{object-fit:cover;border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-color);width:42px;height:42px;box-shadow:3px 3px 0px var(--border-color);background-color:#000;flex-shrink:0;transition:transform .2s,box-shadow .2s}.logo:hover .logo__img{transform:rotate(-4deg)scale(1.05)}.logo__text{letter-spacing:1.5px;color:#fff;text-shadow:3px 3px #0003;-webkit-text-stroke:2px var(--border-color);font-size:2.2rem;font-weight:700;line-height:1}.icon-btn{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:44px;height:44px;color:var(--river-red);box-shadow:3px 3px 0px var(--border-color);background:#fff;justify-content:center;align-items:center;transition:transform .1s,box-shadow .1s;display:inline-flex}.icon-btn:hover{box-shadow:5px 5px 0px var(--border-color);transform:translate(-2px,-2px)}.icon-btn:active{box-shadow:1px 1px 0px var(--border-color);transform:translate(2px,2px)}.icon-btn svg{stroke-width:2.5px}[data-theme=dark] .icon-btn{background:var(--bg-tertiary);color:var(--river-red-light);border-color:var(--border-color);box-shadow:3px 3px #f0f0f033}[data-theme=dark] .icon-btn:hover{box-shadow:5px 5px #f0f0f033}[data-theme=dark] .icon-btn:active{box-shadow:1px 1px #f0f0f033}[data-theme=light] .icon-moon,[data-theme=dark] .icon-sun{display:none}.main{flex:1;width:100%;max-width:740px;margin:0 auto;padding:30px 16px 50px}.subtitle{text-align:center;color:var(--text-secondary);margin-bottom:18px;font-size:1.1rem;font-weight:600}.mode-selector{justify-content:center;align-items:center;gap:12px;margin-bottom:10px;display:flex}.mode-btn{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;box-shadow:3px 3px 0px var(--border-color);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:.95rem;font-weight:700;transition:transform .15s,box-shadow .15s,background-color .15s,color .15s;display:inline-flex}.mode-btn svg{flex-shrink:0;transition:transform .2s}.mode-btn:hover{box-shadow:5px 5px 0px var(--border-color);color:var(--text-primary);transform:translate(-2px,-2px)}.mode-btn:active{box-shadow:1px 1px 0px var(--border-color);transform:translate(2px,2px)}.mode-btn.active{background-color:var(--river-red);color:#fff;box-shadow:4px 4px 0px var(--border-color);transform:translate(-1px,-1px)}.mode-btn.active:hover{box-shadow:6px 6px 0px var(--border-color);transform:translate(-3px,-3px)}.mode-btn.active:active{box-shadow:2px 2px 0px var(--border-color);transform:translate(1px,1px)}.mode-btn.active svg{transform:scale(1.1)}.mode-badge{color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:22px;font-size:.85rem;font-weight:600;display:flex}.mode-badge__dot{background-color:var(--river-red);border-radius:50%;width:8px;height:8px;display:inline-block}[data-theme=dark] .mode-btn{background-color:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color);box-shadow:3px 3px #f0f0f033}[data-theme=dark] .mode-btn:hover{box-shadow:5px 5px #f0f0f04d}[data-theme=dark] .mode-btn.active{background-color:var(--river-red);color:#fff;box-shadow:4px 4px #f0f0f059}.search-container{margin-bottom:28px;position:relative}.search-box{background-color:var(--input-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);box-shadow:5px 5px 0px var(--border-color);align-items:center;gap:12px;padding:14px 20px;transition:transform .1s,box-shadow .1s;display:flex}.search-box:focus-within{box-shadow:7px 7px 0px var(--border-color);transform:translate(-2px,-2px)}.search-box__icon{color:var(--text-tertiary);flex-shrink:0}.search-box__input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.1rem;font-weight:500}.search-box__input::placeholder{color:var(--text-tertiary)}.search-box__input:disabled{opacity:.5;cursor:not-allowed}.search-box__clear{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:inline-flex}.search-box__clear:hover{color:var(--text-primary)}.suggestions{background:var(--modal-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);z-index:50;max-height:280px;box-shadow:6px 6px 0px var(--border-color);display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.suggestions.active{display:block}.suggestion-item{cursor:pointer;border-bottom:2px dashed var(--bg-tertiary);align-items:center;gap:14px;padding:12px 18px;transition:background-color .15s,transform .1s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background-color:var(--suggestion-hover);transform:scale(1.02)}.suggestion-item__name{font-size:1rem;font-weight:600}.suggestion-item__info{color:var(--text-tertiary);font-size:.85rem;font-weight:500}.suggestion-item__avatar{background:var(--river-red);color:#fff;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex}.categories-header{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:10px;padding:0 2px;display:grid}.cat-cell{text-align:center;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-sm);border:2px solid var(--border-color);padding:8px 4px;font-size:.75rem;font-weight:700}.guesses-grid{flex-direction:column;gap:8px;display:flex}.guess-row{grid-template-columns:repeat(6,1fr);gap:8px;animation:.6s cubic-bezier(.175,.885,.32,1.275) bounceIn;display:grid}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)translateY(-20px)}60%{transform:scale(1.05)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}.guess-cell{aspect-ratio:1;border-radius:var(--radius-sm);text-align:center;color:var(--cell-text);word-break:break-word;border:var(--border-width) solid var(--border-color);box-shadow:3px 3px 0px var(--border-color);flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;font-size:.8rem;font-weight:600;line-height:1.2;animation:.5s cubic-bezier(.175,.885,.32,1.275) backwards popIn;display:flex;position:relative;overflow:hidden}.guess-cell:first-child{animation-delay:50ms}.guess-cell:nth-child(2){animation-delay:.15s}.guess-cell:nth-child(3){animation-delay:.25s}.guess-cell:nth-child(4){animation-delay:.35s}.guess-cell:nth-child(5){animation-delay:.45s}.guess-cell:nth-child(6){animation-delay:.55s}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(-15deg)}70%{transform:scale(1.1)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.guess-cell--correct{background-color:var(--cell-correct)}.guess-cell--partial{background-color:var(--cell-partial)}.guess-cell--wrong{background-color:var(--cell-wrong)}.guess-cell .arrow-indicator{justify-content:center;align-items:center;margin-top:2px;font-size:.9rem;line-height:1;display:flex}.guess-cell .arrow-indicator svg{stroke-width:3px;width:16px;height:16px}.result-message{text-align:center;border-radius:var(--radius-lg);background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color);box-shadow:8px 8px 0px var(--border-color);margin-top:30px;padding:24px;animation:.6s cubic-bezier(.175,.885,.32,1.275) bounceIn}.result-message__title{margin-bottom:10px;font-size:1.6rem;font-weight:700}.result-message__title--win{color:var(--cell-correct)}.result-message__title--lose{color:var(--river-red)}.result-message__text{color:var(--text-secondary);margin-bottom:6px;font-size:1rem;font-weight:500}.result-message__player{color:var(--river-red);text-transform:uppercase;letter-spacing:1px;font-size:1.3rem;font-weight:700}.result-message__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.result-message__share{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--river-red);color:#fff;cursor:pointer;box-shadow:4px 4px 0px var(--border-color);align-items:center;gap:10px;padding:12px 26px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex}.result-message__share:hover{box-shadow:6px 6px 0px var(--border-color);transform:translate(-2px,-2px)}.result-message__share:active{box-shadow:2px 2px 0px var(--border-color);transform:translate(2px,2px)}.result-message__new-game{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-pill);background-color:var(--cell-correct);color:#fff;cursor:pointer;box-shadow:4px 4px 0px var(--border-color);align-items:center;gap:8px;padding:12px 26px;font-family:inherit;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s,filter .1s;display:inline-flex}.result-message__new-game:hover{box-shadow:6px 6px 0px var(--border-color);filter:brightness(1.08);transform:translate(-2px,-2px)}.result-message__new-game:active{box-shadow:2px 2px 0px var(--border-color);transform:translate(2px,2px)}[data-theme=dark] .result-message__share,[data-theme=dark] .result-message__new-game{box-shadow:4px 4px #f0f0f040}.result-message__copied{color:var(--cell-correct);margin-top:10px;font-size:.9rem;font-weight:700;display:none}.modal-overlay{background:var(--overlay-bg);z-index:200;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:var(--modal-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:85vh;box-shadow:10px 10px 0px var(--border-color);animation:.4s cubic-bezier(.175,.885,.32,1.275) modalBounceIn;overflow-y:auto}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.8)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal__header{border-bottom:3px dashed var(--bg-tertiary);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal__title{font-size:1.4rem;font-weight:700}.modal__close{flex-shrink:0}.modal__body{padding:20px 24px 28px}.modal__body p{color:var(--text-secondary);margin-bottom:16px;font-size:1rem;font-weight:500;line-height:1.6}.how-section{margin-bottom:24px}.how-section h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:12px;font-size:1.05rem;font-weight:700;display:flex}.how-section h3 svg{stroke-width:2.5px}.how-section ul{padding-left:0;list-style:none}.how-section ul li{color:var(--text-secondary);margin-bottom:8px;padding-left:24px;font-size:.95rem;line-height:1.5;position:relative}.how-section ul li:before{content:"";background-color:var(--river-red);border:2px solid var(--border-color);border-radius:50%;width:10px;height:10px;position:absolute;top:7px;left:0}.color-legend{flex-direction:column;gap:10px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:.95rem;font-weight:500;display:flex}.legend-box{border-radius:var(--radius-sm);border:3px solid var(--border-color);width:32px;height:32px;box-shadow:3px 3px 0px var(--border-color);flex-shrink:0}.legend-box--correct{background-color:var(--cell-correct)}.legend-box--partial{background-color:var(--cell-partial)}.legend-box--wrong{background-color:var(--cell-wrong)}.how-note{border-top:3px dashed var(--bg-tertiary);margin-top:12px;padding-top:18px;font-style:italic;color:var(--text-tertiary)!important;font-size:.9rem!important}.stats-notice{background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);box-shadow:2px 2px 0px var(--border-color);align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;font-size:.88rem;font-weight:500;display:flex}.stats-notice svg{color:var(--river-red);flex-shrink:0}[data-theme=dark] .stats-notice{background-color:var(--bg-tertiary);border-color:var(--border-color);box-shadow:2px 2px #f0f0f033}.stats-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;display:grid}.stat-box{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-md);border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);padding:14px 10px}.stat-box__value{color:var(--text-primary);margin-bottom:6px;font-size:1.8rem;font-weight:700;line-height:1}.stat-box__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.stats-distribution h3{margin-bottom:14px;font-size:1rem;font-weight:700}.distribution-chart{flex-direction:column;gap:6px;display:flex}.dist-row{align-items:center;gap:10px;display:flex}.dist-row__label{text-align:right;width:18px;color:var(--text-secondary);font-size:.95rem;font-weight:700}.dist-row__bar{background-color:var(--cell-wrong);border:2px solid var(--border-color);min-width:28px;height:28px;color:var(--text-primary);border-radius:6px;justify-content:flex-end;align-items:center;padding:0 10px;font-size:.8rem;font-weight:700;transition:width .5s cubic-bezier(.175,.885,.32,1.275);display:flex}.dist-row__bar--highlight{background-color:var(--cell-correct)}.stats-next{text-align:center;border-top:3px dashed var(--bg-tertiary);margin-top:24px;padding-top:20px}.stats-next__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.85rem;font-weight:600}.stats-next__time{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.footer{text-align:center;color:var(--text-tertiary);background-color:var(--footer-bg);border-top:var(--border-width) solid var(--border-color);padding:18px 20px;font-size:.85rem;font-weight:500}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-left:2px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border:2px solid var(--border-color);border-radius:0}@media (width<=600px){.header{padding:12px 16px}.logo__text{font-size:1.7rem}.logo__icon{width:34px;height:34px}.main{padding:20px 10px 40px}.categories-header{gap:6px}.cat-cell{border-width:2px;border-radius:6px;padding:6px 2px;font-size:.65rem}.guess-row{gap:6px}.guess-cell{box-shadow:2px 2px 0px var(--border-color);border-width:2px;border-radius:6px;padding:4px 2px;font-size:.68rem}.guess-cell .arrow-indicator svg{width:12px;height:12px}.icon-btn{width:40px;height:40px}.icon-btn svg{width:20px;height:20px}.search-box{box-shadow:4px 4px 0px var(--border-color);padding:12px 14px}.search-box__input{font-size:1rem}.modal{border-radius:var(--radius-md);box-shadow:6px 6px 0px var(--border-color)}.modal__header{padding:16px 16px 12px}.modal__body{padding:16px 16px 24px}.stat-box__value{font-size:1.4rem}}