@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@600;700;800;900&display=swap";:root{--bg:#ececec;--paper:#f7f7f7;--tile:#f2f2f2;--ink:#232323;--muted:#5f5f5f;--line:#212121;--accent:#ffd84a;--easy:#9fdf87;--med-yellow:#ffe36a;--med-orange:#ffbc6b;--hard:#ff7d73;--heart-on:#d73f20;--heart-off:#b4b4b4;--radius:15px;--shadow:4px 5px 0 #242424;--font-display:"Baloo 2", "Trebuchet MS", sans-serif;--font-body:"Nunito", "Trebuchet MS", sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-body);margin:0}#root{min-height:100vh}button,input{font:inherit}.page{width:min(760px,100% - .9rem);margin:.45rem auto;padding-bottom:.5rem}.topbar{grid-template-columns:1fr auto;align-items:center;gap:.5rem;margin-bottom:.55rem;display:grid}.user-chip,.brand-chip,.game-panel,.group-reveal,.modal{border:2px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:1px 2px #0002}.user-chip{justify-content:space-between;align-items:center;gap:.5rem;min-height:52px;padding:.35rem .45rem;display:flex}.user-chip-main{align-items:center;gap:.45rem;min-width:0;display:flex}.user-chip span{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-weight:900;overflow:hidden}.user-chip-actions{align-items:center;gap:.35rem;display:flex}.brand-chip{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;padding:.45rem .9rem;font-size:clamp(1.06rem,3vw,1.42rem);font-weight:800}.mini-btn,.icon-btn,.actions button,.auth-mode-switch button,.auth-form button,.close{border:2px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;font-weight:900;transition:transform .12s;box-shadow:2px 3px #2a2a2a}.mini-btn,.close{padding:.3rem .52rem}.mini-btn:hover,.icon-btn:hover,.actions button:hover,.auth-mode-switch button:hover,.auth-form button:hover,.close:hover{transform:translateY(-1px)}.icon-btn{place-items:center;width:35px;height:35px;padding:0;display:grid}.icon-btn svg,.streak-chip svg{width:22px;height:22px}.streak-chip{border:2px solid var(--line);background:#fff5d8;border-radius:11px;align-items:center;gap:.3rem;padding:.3rem .42rem;font-weight:900;display:inline-flex}.streak-chip svg{color:#e36c22}.streak-chip strong{font-size:.98rem}.game-panel{min-height:calc(100vh - 92px);padding:.55rem}.auth-gate{border:2px dashed var(--line);text-align:center;background:#fff;border-radius:14px;margin-top:.25rem;padding:.9rem}.auth-gate h2{font-family:var(--font-display);margin:0;font-size:1.2rem}.auth-gate p{color:var(--muted);margin:.35rem 0 0;font-weight:800}.auth-gate button{border:2px solid var(--line);cursor:pointer;background:#dceefe;border-radius:12px;min-height:46px;margin-top:.6rem;padding:.5rem .9rem;font-weight:900;box-shadow:2px 3px #2a2a2a}.revealed-groups{gap:.45rem;margin-bottom:.55rem;display:grid}.group-reveal{box-shadow:var(--shadow);padding:.46rem .56rem;animation:.22s reveal-in}.group-reveal h2{font-family:var(--font-display);margin:0;font-size:1.03rem;line-height:1.08}.group-description,.group-words{margin:.12rem 0 0;font-weight:800}.group-words{font-size:.92rem}.tone-easy{background:var(--easy)}.tone-medium-yellow{background:var(--med-yellow)}.tone-medium-orange{background:var(--med-orange)}.tone-hard{background:var(--hard)}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.46rem;display:grid}.word{border:2px solid var(--line);background:var(--tile);min-height:clamp(66px,10vw,88px);box-shadow:var(--shadow);text-transform:uppercase;letter-spacing:.03em;overflow-wrap:anywhere;cursor:pointer;text-align:center;border-radius:23px;padding:.25rem;font-size:clamp(.76rem,1.15vw,.94rem);font-weight:900;line-height:1.12}.word-size-md{font-size:clamp(.76rem,1.15vw,.94rem)}.word-size-sm{letter-spacing:.01em;font-size:clamp(.68rem,1.02vw,.84rem)}.word-size-xs{letter-spacing:0;font-size:clamp(.62rem,.9vw,.76rem)}.word.selected{color:#fff;background:#2f3747;animation:.17s tile-pop}.word:disabled{cursor:default}.status-row{justify-content:space-between;align-items:center;gap:.5rem;margin-top:.7rem;display:flex}.mistakes{justify-content:flex-start;align-items:center;display:flex}.mistakes p{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.86rem;font-weight:900}.counter{color:var(--muted);margin:0;font-size:.9rem;font-weight:800}.actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.46rem;margin-top:.7rem;display:grid}.actions button{min-height:48px;padding:.52rem}.actions button:last-child{background:var(--accent)}.actions button:disabled,.auth-form button:disabled{opacity:.58;cursor:not-allowed;transform:none}.end-screen{border:2px solid var(--line);box-shadow:var(--shadow);border-radius:12px;margin-top:.62rem;padding:.5rem}.end-screen.won{background:#daf6df}.end-screen.lost{background:#ffe0dd}.end-screen h2{font-family:var(--font-display);margin:0;line-height:1}.end-screen p{margin:.18rem 0 0;font-weight:800}.register-disclaimer{color:var(--muted);margin-top:.42rem}.register-inline-btn{border:2px solid var(--line);cursor:pointer;background:#dceefe;border-radius:10px;min-height:32px;margin:0 .28rem;padding:.2rem .55rem;font-weight:900;box-shadow:2px 3px #2a2a2a}.share-btn{border:2px solid var(--line);cursor:pointer;background:#dceefe;border-radius:12px;min-height:42px;margin-top:.45rem;padding:.45rem .75rem;font-weight:900;box-shadow:2px 3px #2a2a2a}.error,.info{margin:.4rem 0 0;font-weight:800}.error{color:#d74c4c}.info{color:#1a7c4a}.modal-overlay{z-index:100;background:#00000078;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{width:min(420px,100%);padding:.7rem}.modal-header{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.modal-header h2{font-family:var(--font-display);margin:0;font-size:1.3rem}.auth-mode-switch{gap:.35rem;margin-bottom:.42rem;display:flex}.auth-mode-switch button{padding:.45rem .55rem}.auth-mode-switch button.active{background:#ececec}.auth-form{gap:.4rem;display:grid}.auth-form input{border:2px solid var(--line);border-radius:11px;min-width:0;padding:.58rem}.auth-form button{background:#dceefe;min-height:46px}.close{background:#ffe0dd}.info-modal ul{margin:.2rem 0 0;padding-left:1.15rem}.info-modal li{margin:.16rem 0;font-weight:800}.toast{z-index:120;border:2px solid var(--line);color:#fff;text-align:center;background:#1f1f1f;border-radius:12px;max-width:min(92vw,460px);padding:.55rem .8rem;font-weight:800;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:2px 3px #00000073}@keyframes tile-pop{0%{transform:scale(.97)}to{transform:scale(1)}}@keyframes reveal-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.page{width:100%;margin:0;padding:.3rem .25rem .55rem}.topbar{grid-template-columns:1fr}.brand-chip{text-align:center;padding:.37rem .62rem}.game-panel{min-height:calc(100vh - 138px);padding:.45rem}.word{border-radius:17px;min-height:clamp(62px,18vw,82px)}.actions{background:#f7f7f7ef;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:.2rem;position:sticky;bottom:.2rem}}