:root{--bg:#16112b;--bg2:#1f1740;--panel:#251b4d;--panel2:#2d2159;--line:#3a2c6e;--ink:#f3ecff;--muted:#a99fce;--tile:#f6ecd4;--tile-edge:#e2cfa2;--tile-ink:#33291b;--hot:#ff4d8d;--go:#35e0a1;--gold:#ffc93c;--danger:#ff5c5c;--disp:"Baloo 2", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--body:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--body);color:var(--ink);background:radial-gradient(1200px 600px at 15% -10%,#2a1d5c 0%,transparent 55%),radial-gradient(900px 500px at 110% 10%,#3a1746 0%,transparent 50%),var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--hot);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:100%;max-width:980px;margin:0 auto;padding:18px 16px 60px}.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.logo{font-family:var(--disp);font-weight:800;font-size:28px;letter-spacing:-.5px;color:var(--tile);text-shadow:0 2px 0 #b83a67}.logo .x{color:var(--hot);text-shadow:0 2px 0 #7a1440}.nav .who{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700;font-size:14px}.card{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:20px;padding:22px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.muted{color:var(--muted)}.h-title{font-family:var(--disp);font-weight:800;font-size:clamp(26px,5vw,40px);margin:0}.section-title{font-family:var(--disp);font-weight:800;font-size:20px;margin:0 0 10px}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:800}.btn{font-family:var(--disp);font-weight:800;font-size:15px;letter-spacing:.3px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);padding:11px 18px;border-radius:13px;cursor:pointer;transition:transform .07s,filter .15s}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(2px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--hot);border-color:#c22c62;color:#fff;box-shadow:0 3px #a52350}.btn.primary:active{box-shadow:0 1px #a52350}.btn.go{background:var(--go);border-color:#1fae7c;color:#0c3325;box-shadow:0 3px #1a9e70}.btn.ghost{background:transparent}.btn.sm{padding:8px 13px;font-size:14px;border-radius:11px}.btn.block{width:100%;justify-content:center;text-align:center}.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}label.field{display:block}.field .lab{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:6px}input.inp,select.inp{width:100%;font-family:var(--body);font-weight:700;font-size:15px;color:var(--ink);background:#1b1436;border:1px solid var(--line);border-radius:12px;padding:11px 13px}input.inp:focus-visible,select.inp:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{font-family:var(--disp);font-weight:800;font-size:14px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);padding:8px 14px;border-radius:11px;cursor:pointer}.seg button.on{background:var(--hot);border-color:#c22c62;color:#fff}.note{font-size:13px;color:var(--muted);line-height:1.5}.err{color:var(--danger);font-weight:700;font-size:14px}.pill{font-family:var(--disp);font-weight:800;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}.pill.live{color:var(--go);border-color:#1fae7c}.pill.wait{color:var(--gold);border-color:#8a6a1e}.pill.private{color:var(--hot);border-color:#7a1440}.lobby-list{display:flex;flex-direction:column;gap:10px}.lobby-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px 15px}.lobby-row .name{font-family:var(--disp);font-weight:800;font-size:17px}.lobby-row .meta{color:var(--muted);font-weight:700;font-size:13px;margin-top:2px}.empty{text-align:center;color:var(--muted);font-weight:700;padding:26px 10px}.auth{max-width:420px;margin:6vh auto 0}.btn.google{background:#fff;color:#1f1f1f;border-color:#d9d9d9;display:flex;align-items:center;justify-content:center;gap:10px}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700;font-size:12px;margin:4px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.gtop{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:10px}.chips{display:flex;gap:10px}.chip{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:8px 14px;min-width:70px;text-align:center}.chip .k{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:800}.chip .v{display:block;font-family:var(--disp);font-weight:800;font-size:22px;line-height:1.1;margin-top:2px}.chip.score .v{color:var(--gold)}.chip.time .v{color:var(--go);font-variant-numeric:tabular-nums}.chip.time.low .v{color:var(--danger)}.timerbar{height:8px;border-radius:99px;background:var(--panel);overflow:hidden;margin:2px 0 16px;border:1px solid var(--line)}.timerbar>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--go),#7af0c6);transition:width .25s linear,background .3s}.timerbar.low>i{background:linear-gradient(90deg,var(--danger),#ff9d6b)}.glayout{display:grid;grid-template-columns:1fr 240px;gap:16px;align-items:start}@media (max-width:760px){.playcol{display:flex;flex-direction:column}.playcol .play{order:-1;margin:0 0 16px}}@media (max-width:760px){.glayout{grid-template-columns:1fr}}.board{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:20px;padding:16px 16px 6px;position:relative;font-size:clamp(14px,1.2vw + 6px,17px)}.board .cols{display:flex;gap:18px;flex-wrap:wrap}.col{flex:0 0 auto;min-width:100px}.col .words{display:grid;grid-template-columns:repeat(var(--per-row,1),max-content);column-gap:1em}.col h3{font-family:var(--disp);margin:0 0 10px;font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.col h3 b{color:var(--ink)}.slotword{display:flex;gap:.22em;margin:0 0 .5em}.slot{width:1.4em;height:1.75em;border-radius:.35em;background:#1b1436;border:1px solid #33265f;display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:1em;color:transparent}.slotword.done .slot{background:var(--go);border-color:#1fae7c;color:#0c3325;animation:pop .32s cubic-bezier(.2,1.4,.4,1) both}@keyframes pop{0%{transform:translateY(6px) scale(.6);opacity:0}to{transform:none;opacity:1}}.play{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:18px 16px;margin-top:16px}.current{min-height:56px;display:flex;gap:6px;justify-content:center;align-items:center;margin-bottom:14px;flex-wrap:wrap}.current.shake{animation:shake .32s}@keyframes shake{20%,80%{transform:translate(-2px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}}.current .ph{color:var(--muted);font-weight:800;font-family:var(--disp);letter-spacing:2px}.tiles{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.tile{--sz:56px;width:var(--sz);height:var(--sz);border:none;cursor:pointer;border-radius:12px;background:var(--tile);color:var(--tile-ink);font-family:var(--disp);font-weight:800;font-size:28px;box-shadow:0 4px 0 var(--tile-edge),0 6px 12px #00000059;display:flex;align-items:center;justify-content:center;transition:transform .07s,box-shadow .07s,opacity .15s;-webkit-user-select:none;user-select:none}.tile:hover{transform:translateY(-1px)}.tile:active{transform:translateY(3px);box-shadow:0 1px 0 var(--tile-edge),0 2px 6px #00000059}.tile.used{opacity:.16;pointer-events:none}.tile.mini{--sz:40px;font-size:20px;box-shadow:0 3px 0 var(--tile-edge),0 4px 8px #0000004d;cursor:default}.tile:focus-visible{outline:3px solid var(--hot);outline-offset:2px}.controls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.toast{position:absolute;left:50%;top:12px;transform:translate(-50%);background:#0d0a1e;border:1px solid var(--line);color:var(--ink);padding:8px 14px;border-radius:12px;font-weight:800;font-family:var(--disp);font-size:14px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;white-space:nowrap;z-index:5}.toast.show{opacity:1;transform:translate(-50%) translateY(-4px)}.toast.good{border-color:var(--go);color:var(--go)}.toast.bad{border-color:var(--danger);color:var(--danger)}.scoreboard{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px}.scoreboard h3{font-family:var(--disp);margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:800}.prow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:11px;margin-bottom:6px;background:#1b1436;border:1px solid #2a2150}.prow.me{border-color:var(--hot)}.prow .pn{font-weight:800;font-size:14px;display:flex;align-items:center;gap:6px;min-width:0}.prow .pn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prow .ps{font-family:var(--disp);font-weight:800;color:var(--gold);font-variant-numeric:tabular-nums}.crown{color:var(--gold)}.host-tag{font-size:10px;color:var(--muted)}.panel-center{max-width:560px;margin:4vh auto 0;text-align:center}.invite{display:flex;gap:8px;margin-top:6px}.invite input{flex:1}.bigscore{font-family:var(--disp);font-weight:800;font-size:46px;color:var(--gold);line-height:1;margin:8px 0}.rank{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#1b1436;border:1px solid var(--line);border-radius:12px;padding:11px 14px;margin-bottom:8px;text-align:left}.rank .pos{font-family:var(--disp);font-weight:800;color:var(--muted);width:28px}.rank.first{border-color:var(--gold)}.rank.first .pos{color:var(--gold)}.center-note{text-align:center;color:var(--muted);font-weight:700;margin-top:20px}.spinner{display:inline-block;width:18px;height:18px;border:3px solid var(--line);border-top-color:var(--hot);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:520px){.tiles{gap:8px}.tile{--sz:42px;font-size:22px}.board{font-size:13px}}@media (prefers-reduced-motion:reduce){*:not(.tiles):not(.tile):not(.current){animation:none!important;transition:none!important}}.tiles.golden .tile{background:linear-gradient(160deg,#ffe79a 0%,var(--gold) 55%,#f0a91a 100%);color:#4a2f00;box-shadow:0 4px #b8790c,0 0 16px #ffc93c8c,0 6px 12px #00000059}.tiles.golden{animation:goldin .6s ease-out}@keyframes goldin{0%{filter:brightness(1.8)}to{filter:none}}.board.reveal{padding-top:12px}.legend{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 12px;font-size:12px;font-weight:700;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend .key{display:inline-block;width:12px;height:12px;border-radius:3px;border:1px solid}.legend .key.me,.slotword.shown.me .slot{background:var(--go);border-color:#1fae7c}.legend .key.other,.slotword.shown.other .slot{background:#2b2560;border-color:#8f7cff}.legend .key.none,.slotword.shown.none .slot{background:#1b1436;border-color:#33265f}.slotword.shown .slot{animation:none}.slotword.shown.me .slot{color:#0c3325}.slotword.shown.other .slot{color:#cfc4ff}.slotword.shown.none .slot{color:#6f6496;border-style:dashed}.foot{margin-top:36px;text-align:center;font-size:12px;font-weight:700}.foot a{color:var(--muted)}.legal{max-width:680px;margin:2vh auto 0;line-height:1.6}.legal h2{font-family:var(--disp);font-size:18px;margin:8px 0 -6px}.legal p{margin:0}.account-del{text-align:center;margin-top:24px}.linkbtn{background:none;border:none;padding:0;font:inherit;color:var(--danger);text-decoration:underline;cursor:pointer}.linkbtn:disabled{opacity:.6;cursor:default}