:root{--river-red:#e4002b;--river-red-hover:#c70024;--river-red-dark:#a5001e;--river-red-stripe:#3e1c30;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:50px;--bg-primary:#192231;--bg-secondary:#222c3d;--bg-tertiary:#2d384d;--bg-card:#222c3d;--text-primary:#fff;--text-secondary:#b0b7c6;--text-tertiary:#727c92;--modal-bg:#222c3d;--overlay-bg:#0a0e16c7;--input-bg:#222c3d;--input-border:#354257;--suggestion-hover:#2d384d;--border-color:#ffffff14;--cell-correct:#2e9d5c;--cell-partial:#c8870d;--cell-wrong:#2d384d;--cell-wrong-border:#3a475e;--cell-text:#fff;--header-bg:#131a26;--footer-bg:#131a26}[data-theme=light]{--river-red:#e4002b;--river-red-hover:#c70024;--river-red-dark:#a5001e;--river-red-stripe:#e4002b12;--bg-primary:#f4f5f8;--bg-secondary:#e9ebf0;--bg-tertiary:#dfe2ea;--bg-card:#fff;--text-primary:#151a24;--text-secondary:#4a5468;--text-tertiary:#7d889e;--modal-bg:#fff;--overlay-bg:#0f141e99;--input-bg:#fff;--input-border:#d0d5dd;--suggestion-hover:#f2f4f7;--border-color:#00000014;--cell-correct:#2e9d5c;--cell-partial:#c8870d;--cell-wrong:#c5cbd6;--cell-wrong-border:#adb5c4;--cell-text:#fff;--header-bg:#131a26;--footer-bg:#131a26}*,: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;position:relative;overflow-x:hidden}body:before{content:"";background:var(--river-red-stripe);pointer-events:none;z-index:0;width:55%;height:160%;transition:background .3s;position:fixed;top:-20%;left:-10%;transform:rotate(22deg)}header,main,footer,.modal-overlay{z-index:1;position:relative}.header{background-color:var(--header-bg);z-index:100;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.header__left,.header__right{align-items:center;gap:8px;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:10px;display:flex}.logo__img{object-fit:contain;flex-shrink:0;width:38px;height:38px;transition:transform .2s}.logo:hover .logo__img{transform:rotate(-5deg)scale(1.08)}.logo__text{letter-spacing:2px;color:#fff;font-size:2rem;font-weight:700;line-height:1}.icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s,transform .15s;display:inline-flex}.icon-btn:hover{color:#fff;background:#ffffff14;transform:scale(1.08)}.icon-btn:active{transform:scale(.95)}.icon-btn svg{stroke-width:2.2px}[data-theme=light] .icon-btn{color:#ffffffb3}[data-theme=light] .icon-btn:hover{color:#fff;background:#ffffff26}[data-theme=light] .icon-moon,[data-theme=dark] .icon-sun{display:none}.main{flex:1;width:100%;max-width:740px;margin:0 auto;padding:28px 16px 50px}.subtitle{text-align:center;color:var(--text-tertiary);margin-bottom:16px;font-size:1rem;font-weight:500}.mode-selector{justify-content:center;align-items:center;gap:10px;margin-bottom:8px;display:flex}.mode-btn{border-radius:var(--radius-pill);background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:9px 22px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.mode-btn svg{flex-shrink:0}.mode-btn:hover{color:var(--text-primary);background-color:#354259;border-color:#ffffff40}.mode-btn.active{background-color:var(--river-red);color:#fff;border-color:var(--river-red)}.mode-btn.active:hover{background-color:var(--river-red-hover);border-color:var(--river-red-hover)}[data-theme=light] .mode-btn{color:var(--text-secondary);background-color:#e9ebf0;border-color:#0000001a}[data-theme=light] .mode-btn:hover{background-color:#dfe2ea}[data-theme=light] .mode-btn.active{background-color:var(--river-red);color:#fff;border-color:var(--river-red)}[data-theme=light] .mode-btn.active:hover{background-color:var(--river-red-hover)}.mode-badge{color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:7px;margin-bottom:20px;font-size:.82rem;font-weight:500;display:flex}.mode-badge__dot{background-color:var(--river-red);border-radius:50%;width:7px;height:7px;display:inline-block}.search-container{margin-bottom:24px;position:relative}.search-box{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:13px 18px;transition:border-color .15s;display:flex}.search-box:focus-within{border-color:var(--river-red)}.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.05rem;font-weight:500}.search-box__input::placeholder{color:var(--text-tertiary)}.search-box__input:disabled{opacity:.45;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 .15s;display:inline-flex}.search-box__clear:hover{color:var(--text-primary)}.suggestions{background:var(--bg-card);border:1px solid var(--input-border);border-radius:var(--radius-md);z-index:50;max-height:280px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000073}.suggestions.active{display:block}.suggestion-item{cursor:pointer;border-bottom:1px solid #ffffff0a;align-items:center;gap:14px;padding:11px 16px;transition:background-color .15s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background-color:var(--suggestion-hover)}.suggestion-item__name{color:var(--text-primary);font-size:1rem;font-weight:600}.suggestion-item__info{color:var(--text-tertiary);font-size:.82rem;font-weight:500}.suggestion-item__avatar{background:var(--river-red);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.categories-header{grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:8px;padding:0 2px;display:grid}.cat-cell{text-align:center;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:6px 4px;font-size:.72rem;font-weight:600}.guesses-grid{flex-direction:column;gap:8px;display:flex}.guess-row{grid-template-columns:repeat(6,1fr);gap:8px;animation:.35s slideDown;display:grid}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.guess-cell{aspect-ratio:1;border-radius:var(--radius-sm);text-align:center;color:var(--cell-text);word-break:break-word;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;font-size:.78rem;font-weight:600;line-height:1.2;animation:.35s backwards popIn;display:flex;position:relative;overflow:hidden}.guess-cell:first-child{animation-delay:30ms}.guess-cell:nth-child(2){animation-delay:.1s}.guess-cell:nth-child(3){animation-delay:.17s}.guess-cell:nth-child(4){animation-delay:.24s}.guess-cell:nth-child(5){animation-delay:.31s}.guess-cell:nth-child(6){animation-delay:.38s}@keyframes popIn{0%{opacity:0;transform:scale(.75)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.guess-cell--correct{background-color:var(--cell-correct)}.guess-cell--partial{background-color:var(--cell-partial)}.guess-cell--wrong{background-color:var(--cell-wrong);border:1px solid var(--cell-wrong-border)}[data-theme=light] .guess-cell--wrong{color:#2e3646}.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:14px;height:14px}.game-over-banner{justify-content:center;align-items:center;margin-top:24px;display:flex}.btn-reopen-modal{background-color:var(--bg-tertiary);border-radius:var(--radius-pill);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1f;align-items:center;gap:9px;padding:11px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-reopen-modal:hover{background-color:var(--river-red);border-color:var(--river-red);color:#fff}[data-theme=light] .btn-reopen-modal{color:var(--text-primary);background-color:#e9ebf0;border-color:#0000001a}[data-theme=light] .btn-reopen-modal:hover{background-color:var(--river-red);border-color:var(--river-red);color:#fff}.modal-overlay{background:var(--overlay-bg);z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay.active{display:flex}.modal{background:var(--modal-bg);border-radius:var(--radius-lg);border:1px solid #ffffff1a;width:100%;max-width:480px;max-height:85vh;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalBounceIn;overflow-y:auto;box-shadow:0 20px 60px #0000008c}[data-theme=light] .modal{border-color:#00000014;box-shadow:0 20px 50px #0000002e}@keyframes modalBounceIn{0%{opacity:0;transform:scale(.9)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal__header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}[data-theme=light] .modal__header{border-bottom:1px solid #00000012}.modal__title{color:var(--text-primary);align-items:center;gap:8px;font-size:1.3rem;font-weight:700;display:flex}.modal__close{color:var(--text-tertiary);flex-shrink:0}.modal__close:hover{color:var(--text-primary)}.modal__body{padding:18px 22px 26px}.modal__body p{color:var(--text-secondary);margin-bottom:14px;font-size:.95rem;font-weight:500;line-height:1.6}.modal--result .modal__body{text-align:center}.result-reveal{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:6px;margin-bottom:18px;padding:16px 14px;display:flex}[data-theme=light] .result-reveal{background:#f0f2f6;border-color:#0000000f}.result-reveal__subtitle{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.result-reveal__name{color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-size:1.65rem;font-weight:700;line-height:1.2}.result-reveal__badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.result-badge{border-radius:var(--radius-pill);color:var(--text-secondary);background-color:#ffffff14;align-items:center;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}[data-theme=light] .result-badge{color:var(--text-secondary);background-color:#0000000f}.result-summary-text{color:var(--text-secondary);margin-bottom:18px;font-size:1rem;font-weight:500}.result-actions{flex-direction:column;gap:10px;margin-top:18px;display:flex}.btn-solid-red{background-color:var(--river-red);color:#fff;border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:background-color .15s;display:inline-flex}.btn-solid-red:hover{background-color:var(--river-red-hover)}.btn-solid-red:active{background-color:var(--river-red-dark)}.btn-solid-secondary{background-color:var(--bg-tertiary);width:100%;color:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:9px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.btn-solid-secondary:hover{background-color:#354259;border-color:#ffffff40}[data-theme=light] .btn-solid-secondary{color:var(--text-primary);background-color:#e9ebf0;border-color:#0000001a}[data-theme=light] .btn-solid-secondary:hover{background-color:#dfe2ea}.result-copied-toast{color:var(--cell-correct);text-align:center;margin-top:10px;font-size:.88rem;font-weight:600;display:none}.how-section{margin-bottom:22px}.how-section h3{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:10px;font-size:1rem;font-weight:700;display:flex}.how-section h3 svg{stroke-width:2.5px;color:var(--river-red)}.how-section ul{padding-left:0;list-style:none}.how-section ul li{color:var(--text-secondary);margin-bottom:7px;padding-left:18px;font-size:.92rem;line-height:1.5;position:relative}.how-section ul li:before{content:"";background-color:var(--river-red);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;left:0}.color-legend{flex-direction:column;gap:10px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:12px;font-size:.92rem;font-weight:500;display:flex}.legend-box{border-radius:var(--radius-sm);flex-shrink:0;width:30px;height:30px}.legend-box--correct{background-color:var(--cell-correct)}.legend-box--partial{background-color:var(--cell-partial)}.legend-box--wrong{background-color:var(--cell-wrong);border:1px solid var(--cell-wrong-border)}[data-theme=light] .legend-box--wrong{background-color:var(--cell-wrong)}.how-note{border-top:1px solid #ffffff12;margin-top:10px;padding-top:16px;font-style:italic;color:var(--text-tertiary)!important;font-size:.88rem!important}[data-theme=light] .how-note{border-top-color:#00000012}.stats-notice{border-radius:var(--radius-sm);color:var(--text-secondary);background-color:#e4002b14;border:1px solid #e4002b33;align-items:center;gap:10px;margin-bottom:18px;padding:10px 14px;font-size:.86rem;font-weight:500;display:flex}.stats-notice svg{color:var(--river-red);flex-shrink:0}.stats-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.stat-box{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid #ffffff0f;padding:14px 8px}[data-theme=light] .stat-box{background:#f0f2f6;border-color:#0000000f}.stat-box__value{color:var(--text-primary);margin-bottom:5px;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:.68rem;font-weight:600}.stats-distribution h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.95rem;font-weight:700}.distribution-chart{flex-direction:column;gap:5px;display:flex}.dist-row{align-items:center;gap:10px;display:flex}.dist-row__label{text-align:right;width:16px;color:var(--text-tertiary);font-size:.9rem;font-weight:700}.dist-row__bar{background-color:var(--bg-tertiary);min-width:26px;height:26px;color:var(--text-secondary);border:1px solid #ffffff0f;border-radius:5px;justify-content:flex-end;align-items:center;padding:0 10px;font-size:.78rem;font-weight:700;transition:width .4s;display:flex}[data-theme=light] .dist-row__bar{background-color:#e9ebf0;border-color:#0000000f}.dist-row__bar--highlight{background-color:var(--cell-correct);color:#fff}.stats-next{text-align:center;border-top:1px solid #ffffff12;margin-top:22px;padding-top:18px}[data-theme=light] .stats-next{border-top-color:#00000012}.stats-next__label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.8rem;font-weight:600}.stats-next__time{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:700}.footer{text-align:center;color:var(--text-tertiary);background-color:var(--footer-bg);border-top:1px solid #ffffff0f;padding:14px 20px;font-size:.8rem;font-weight:500}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (width<=600px){.header{padding:12px 16px}.logo__text{font-size:1.6rem}.logo__img{width:32px;height:32px}.main{padding:18px 10px 36px}.categories-header{gap:5px}.cat-cell{padding:4px 2px;font-size:.62rem}.guess-row{gap:5px}.guess-cell{border-radius:5px;padding:4px 2px;font-size:.65rem}.guess-cell .arrow-indicator svg{width:11px;height:11px}.icon-btn{width:36px;height:36px}.icon-btn svg{width:20px;height:20px}.search-box{padding:11px 14px}.search-box__input{font-size:.95rem}.modal{border-radius:var(--radius-md)}.modal__header{padding:14px 16px 12px}.modal__body{padding:14px 16px 22px}.stat-box__value{font-size:1.4rem}.mode-btn{padding:8px 16px;font-size:.88rem}.result-reveal__name{font-size:1.35rem}}