:root{--bg:#0a0b17;--bg-2:#10122a;--panel:#161934b8;--panel-solid:#161934;--line:#8c96ff24;--line-strong:#8c96ff4d;--text:#eef0ff;--muted:#8b90b8;--accent:#ff4d8d;--accent-2:#2ec5ff;--good:#22c55e;--good-deep:#15803d;--warn:#f5a524;--bad:#ff4d5e;--tile:#f4e4c1;--tile-edge:#cdb483;--tile-ink:#1b1530;--tile-back:#262a5c;--font-display:"Chakra Petch", system-ui, sans-serif;--font-body:"Outfit", system-ui, sans-serif;--font-tile:"Rubik", system-ui, sans-serif;--radius:14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 700px at 15% -10%, #2a1a5e 0%, transparent 60%), radial-gradient(900px 600px at 110% 10%, #0d3b5e 0%, transparent 55%), var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:15px;overflow-x:hidden}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.45;background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 75%)}#root>:not(.bg-grid){z-index:1;position:relative}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}kbd{font-family:var(--font-display);border:1px solid var(--line-strong);background:#ffffff0d;border-radius:5px;padding:1px 6px;font-size:.8em}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;margin:0 0 .5em}.muted{color:var(--muted)}.small{font-size:.85em}.row{display:flex}.gap{gap:10px}.grow{flex:1}.error-text{color:var(--bad);margin-top:10px;font-weight:600}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px;box-shadow:0 10px 40px #00000059,inset 0 1px #ffffff0a}.panel-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);align-items:center;gap:10px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;color:var(--accent-2);font-size:12px;font-weight:700}.big-title{text-transform:uppercase;margin:4px 0 8px;font-size:clamp(28px,4vw,44px);font-weight:700}.btn{border:1px solid var(--line-strong);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0a;border-radius:10px;padding:10px 16px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s,box-shadow .15s}.btn:not(:disabled):hover{background:#ffffff17;border-color:#ffffff59}.btn:not(:disabled):active{transform:translateY(1px)scale(.99)}.btn-primary{background:linear-gradient(135deg, var(--accent), #a24dff);border-color:#0000;box-shadow:0 6px 24px #ff4d8d59}.btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#ff6aa1,#b36bff);box-shadow:0 8px 30px #ff4d8d80}.btn-secondary{background:#2ec5ff1a;border-color:#2ec5ff66}.btn-secondary:not(:disabled):hover{border-color:var(--accent-2);background:#2ec5ff33}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000;padding:8px 12px;font-size:12px}.btn-ghost:not(:disabled):hover{color:var(--text)}.btn-xl{flex-direction:column;align-items:center;gap:2px;width:100%;padding:16px;font-size:20px;display:flex}.btn-xl small{font-family:var(--font-body);text-transform:none;letter-spacing:0;opacity:.85;font-size:12px;font-weight:500}.text-input{border:1px solid var(--line-strong);width:100%;color:var(--text);font:inherit;background:#0506148c;border-radius:10px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.text-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #2ec5ff2e}.text-input.big{font-size:20px;font-family:var(--font-display);padding:14px;font-weight:600}.field-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.logo{justify-content:center;gap:6px;display:flex}.logo-tile{background:var(--tile);color:var(--tile-ink);font-family:var(--font-tile);box-shadow:0 4px 0 var(--tile-edge), 0 10px 20px #00000059;border-radius:8px;place-items:center;font-weight:800;animation:.6s cubic-bezier(.2,.9,.3,1.3) both logo-flip;display:grid}.logo-lg .logo-tile{width:clamp(34px,8vw,64px);height:clamp(34px,8vw,64px);font-size:clamp(22px,5vw,40px)}.logo-sm{justify-content:flex-start;gap:3px}.logo-sm .logo-tile{width:24px;height:24px;box-shadow:0 2px 0 var(--tile-edge);border-radius:5px;font-size:15px;animation:none}.logo-lg .logo-tile:nth-child(odd){transform:rotate(-3deg)}.logo-lg .logo-tile:nth-child(2n){transform:rotate(2deg)}@keyframes logo-flip{0%{opacity:0;transform:rotateY(90deg)translateY(-20px)}}.tile{-webkit-user-select:none;user-select:none;font-family:var(--font-tile);border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid;position:relative}.tile.face-up{background:linear-gradient(180deg, #fbf0d6, var(--tile));color:var(--tile-ink);box-shadow:0 3px 0 var(--tile-edge), 0 6px 14px #0000004d}.tile.face-down{background:linear-gradient(145deg, #313775, var(--tile-back));color:#a0aaff59;border:1px solid #8c96ff40;box-shadow:0 2px #151838}.tile-back-mark{font-family:var(--font-display);font-size:.8em;font-weight:700}.tile-xs{border-radius:5px;width:26px;height:26px;font-size:14px}.tile-sm{border-radius:5px;width:24px;height:24px;font-size:14px}.tile-sm.face-up{box-shadow:0 2px 0 var(--tile-edge)}.tile-md{width:40px;height:40px;font-size:22px}.tile-lg{border-radius:10px;width:52px;height:52px;font-size:30px}.tile-mod{font-family:var(--font-display);color:#0a0b17;border-radius:6px;padding:1px 4px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;top:-6px;right:-6px;box-shadow:0 2px 4px #00000059}.tile-sm .tile-mod,.tile-xs .tile-mod{padding:0 3px;font-size:8px;top:-5px;right:-5px}.mod-p1 .tile-mod,.cell-mod.mod-p1{background:#6ee7a8}.mod-p2 .tile-mod,.cell-mod.mod-p2{background:#2ee6d0}.mod-x2 .tile-mod,.cell-mod.mod-x2{background:linear-gradient(135deg,#ffd84d,#ff9f1c)}.mod-m1 .tile-mod,.cell-mod.mod-m1{background:#ff8a8a}.mod-m2 .tile-mod,.cell-mod.mod-m2{color:#fff;background:#ff4d5e}.tile.face-up.mod-x2{box-shadow:0 3px #d39b1a,0 0 18px #ffc83c73}.tile.face-up.mod-m2,.tile.face-up.mod-m1{box-shadow:0 3px #b86a5a,0 6px 14px #0000004d}.tile.fresh{animation:.55s cubic-bezier(.2,.9,.3,1.4) tile-in}@keyframes tile-in{0%{filter:brightness(1.6);transform:rotateY(90deg)scale(1.3)}to{transform:none}}.tile.will-use{outline:3px solid var(--good);outline-offset:2px;transition:transform .1s;transform:translateY(-3px)}.tile.pickable{cursor:pointer}.tile.pickable:hover{border-color:var(--accent-2);color:var(--accent-2)}.tile.cursor{outline:2px solid var(--accent-2);outline-offset:2px;box-shadow:0 0 14px #2ec5ff99}.home{max-width:1040px;margin:0 auto;padding:56px 16px 40px}.tagline{text-align:center;color:var(--muted);margin:22px 0 34px;font-size:18px}.home-grid{grid-template-columns:minmax(0,400px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.home-card{flex-direction:column;gap:14px;display:flex}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:2px solid #0000;border-radius:50%;width:28px;height:28px;box-shadow:inset 0 0 0 2px #00000040}.swatch.active{border-color:#fff;transform:scale(1.12)}.join-row{gap:8px;display:flex}.code-input{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;text-align:center;font-size:18px;font-weight:700}.how h2{text-transform:uppercase;font-size:20px}.how h3{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-2);margin-top:18px;font-size:14px}.how ol{margin:0;padding-left:20px;line-height:1.6}.how li{margin-bottom:6px}.how p{margin:6px 0;line-height:1.55}.how s{color:var(--bad)}.example{font-family:var(--font-display);color:var(--warn)}.mod-legend{gap:12px;padding:8px 0 4px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.topbar-stats{flex-wrap:wrap;gap:22px;display:flex}.topbar-actions{gap:4px;display:flex}.stat-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-size:10px}.stat-value{font-family:var(--font-display);font-size:18px;font-weight:700}.lobby{max-width:1200px;margin:0 auto;padding-bottom:30px}.lobby-grid{grid-template-columns:minmax(0,1fr) 360px;gap:18px;padding:0 20px;display:grid}.lobby-main{flex-direction:column;gap:22px;display:flex}.lobby-head{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.room-code{gap:8px;display:flex}.room-code span{width:56px;height:64px;font-family:var(--font-tile);background:var(--tile);color:var(--tile-ink);box-shadow:0 4px 0 var(--tile-edge);border-radius:10px;place-items:center;font-size:36px;font-weight:800;display:grid}.slots{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.slot{--pc:var(--muted);border:1px dashed var(--line-strong);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:96px;padding:14px;display:flex}.slot.filled{border-style:solid;border-color:color-mix(in srgb, var(--pc) 55%, transparent);background:color-mix(in srgb, var(--pc) 9%, transparent);animation:.3s ease-out pop}.slot.offline{opacity:.45}.slot-empty{color:var(--muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.2em;opacity:.6;font-size:12px}.slot-name{font-size:16px;font-weight:700}.slot-meta{gap:6px;display:flex}.avatar{width:40px;height:40px;font-family:var(--font-tile);background:var(--pc);color:#0a0b17;box-shadow:0 3px 0 color-mix(in srgb, var(--pc) 60%, #000);border-radius:10px;place-items:center;font-size:20px;font-weight:800;display:grid}.avatar.sm{width:26px;height:26px;box-shadow:none;border-radius:7px;font-size:14px}.badge{font-family:var(--font-display);letter-spacing:.1em;background:#ffffff1a;border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.badge.gold{color:#ffd84d;background:#ffc83c33}.you{font-family:var(--font-display);background:var(--accent-2);color:#0a0b17;vertical-align:middle;text-transform:uppercase;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:10px;font-weight:700}.settings{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:18px;display:flex}.setting{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.setting-label{font-family:var(--font-display);min-width:140px;font-weight:600}.setting-value{font-family:var(--font-display);min-width:30px;font-weight:700}.setting input[type=range]{min-width:120px;accent-color:var(--accent);flex:1}.seg{border:1px solid var(--line-strong);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;padding:8px 16px;font-weight:700}.seg button.active{background:var(--accent-2);color:#0a0b17}.lobby-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.lobby-side{flex-direction:column;gap:18px;display:flex}.lobby-side .feed{height:320px}.feed{flex-direction:column;min-height:0;padding:14px;display:flex}.feed-list{flex-direction:column;flex:1;gap:5px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.feed-item{overflow-wrap:anywhere;font-size:14px;line-height:1.4;animation:.25s ease-out feed-in}.feed-system{color:var(--muted);font-size:13px;font-style:italic}.feed-steal{border-left:3px solid var(--accent);background:#ff4d8d1a;border-radius:4px;padding:3px 6px}.w{font-family:var(--font-tile);letter-spacing:.05em;font-weight:700}.w.dim{opacity:.55}.steal-tag{font-family:var(--font-display);color:var(--accent);letter-spacing:.1em;font-size:12px;font-weight:700}.pts{font-family:var(--font-display);color:var(--good);font-size:12px;font-weight:700}.pts.neg{color:var(--bad)}.chat-form{margin-top:10px}@keyframes feed-in{0%{opacity:0;transform:translate(-6px)}}.game{min-height:100vh}.timerbar{border:1px solid var(--line);background:#ffffff0d;border-radius:6px;height:22px;margin:0 20px 14px;position:relative;overflow:hidden}.timerbar-fill{background:linear-gradient(90deg, var(--accent-2), #7c6bff);transition:width .1s linear;position:absolute;inset:0 auto 0 0}.timerbar.urgent .timerbar-fill{background:linear-gradient(90deg, var(--bad), var(--accent))}.timerbar-label{font-family:var(--font-display);letter-spacing:.2em;text-shadow:0 1px 2px #0009;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;inset:0}.timerbar.urgent{animation:1s infinite pulse}.game-grid{grid-template-columns:minmax(0,1fr) minmax(340px,38%);align-items:start;gap:16px;padding:0 20px 16px;display:grid}.game-main{flex-direction:column;gap:14px;min-width:0;display:flex}.opponents{flex-direction:column;gap:12px;max-height:calc(100vh - 24px);padding:2px;display:flex;position:sticky;top:12px;overflow-y:auto}.side-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);flex-direction:column;gap:2px;font-size:13px;font-weight:700;display:flex}.side-title span{font-family:var(--font-body);text-transform:none;letter-spacing:0;color:var(--muted);font-size:12px;font-weight:500}.game-bottom{padding:0 20px 24px}.game-bottom .feed{height:210px}.mine-strip .board{padding:10px 12px}.turn-pill{letter-spacing:.08em;color:var(--text);text-transform:none;background:#ffffff0f;border-radius:999px;padding:3px 8px;font-size:11px}.turn-pill.mine{background:var(--accent-2);color:#0a0b17;animation:1.2s infinite pulse}.title-meta{letter-spacing:.08em;text-transform:none;opacity:.8;font-weight:600}.table-panel{padding-bottom:12px;position:relative}.table-grid{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));max-width:calc(var(--cols) * 64px);gap:clamp(3px,.45vw,7px);margin:0 auto;display:grid;container-type:inline-size}.tile-cell{aspect-ratio:1;width:100%;font-size:calc(100cqw / var(--cols) * .56);border-radius:12%}.tile-cell.face-up{box-shadow:0 3px 0 var(--tile-edge), 0 0 0 1px #fff6, 0 8px 18px #00000073;z-index:1}.tile-cell.face-down{font-size:calc(100cqw / var(--cols) * .42)}.tile-cell .tile-mod{font-size:calc(100cqw / var(--cols) * .2);padding:0 3px;top:-12%;right:-12%}.tile.empty-slot{background:#ffffff05;border:1px dashed #8c96ff1f}.avail-strip{z-index:2;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0b17d1;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:fit-content;max-width:100%;margin:12px auto 0;padding:6px 10px;display:flex;position:sticky;bottom:8px;box-shadow:0 8px 24px #0006}.avail-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-right:6px;font-size:10px;font-weight:700}.avail-chip{font-family:var(--font-tile);background:var(--tile);width:20px;height:22px;color:var(--tile-ink);box-shadow:0 2px 0 var(--tile-edge);border-radius:4px;place-items:center;font-size:13px;font-weight:800;display:grid}.avail-chip.mod-x2{box-shadow:0 2px #d39b1a,0 0 8px #ffc83c99}.avail-chip.mod-p1,.avail-chip.mod-p2{box-shadow:0 2px #3fbf7f}.avail-chip.mod-m1,.avail-chip.mod-m2{box-shadow:0 2px 0 var(--bad)}.avail-chip.will-use{outline:2px solid var(--good);outline-offset:1px}.entry{cursor:text;flex-direction:column;align-items:center;gap:10px;padding:8px 0 4px;display:flex;position:relative}.word-row{flex-wrap:wrap;justify-content:center;gap:6px;min-height:58px;display:flex}.cell{width:54px;height:58px;font-family:var(--font-tile);text-transform:uppercase;border:2px solid var(--line-strong);background:#05061466;border-radius:8px;place-items:center;font-size:30px;font-weight:800;animation:.12s ease-out pop;display:grid;position:relative}.cell-empty{animation:none}.cell-empty.caret:after{content:"";background:var(--accent-2);border-radius:2px;width:3px;height:30px;animation:1s step-end infinite blink}.cell-pool{background:var(--good-deep);border-color:var(--good)}.cell-steal{border-color:var(--warn);background:#a8700c}.cell-absent{color:#8a8fb3;background:#2a2d45;border-color:#3b3f60}.cell-ok{box-shadow:0 0 16px #22c55e59}.cell-ok.cell-steal{box-shadow:0 0 16px #f5a52466}.cell-mod{font-family:var(--font-display);color:#0a0b17;border-radius:5px;padding:1px 4px;font-size:10px;font-weight:700;position:absolute;top:-8px;right:-8px}.cell-win{background:var(--good);color:#052e14;border-color:#86efac;animation:.45s ease-in-out both cell-flip}.word-row.reveal{animation:.4s ease-in 1.4s forwards fade-out}.word-row.shake{animation:.35s shake}.entry-hint{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:22px;font-size:14px;display:flex}.hint-ok{color:#86efac;font-weight:600}.hint-bad{color:#ff9aa5;font-weight:600}.target-chip{font-family:var(--font-display);color:var(--warn);background:#f5a52433;border-radius:999px;margin-left:8px;padding:2px 4px 2px 8px;font-size:12px}.target-chip button{color:inherit;background:0 0;border:0;padding:0 4px}.ghost-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:50%}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes blink{50%{opacity:0}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes cell-flip{0%{background:var(--good-deep);transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes fade-out{to{opacity:0;transform:translateY(-6px)}}@keyframes pulse{50%{opacity:.7}}.board{--pc:var(--muted);border-top:3px solid var(--pc);padding:12px}.board.mine{box-shadow:0 0 0 1px color-mix(in srgb, var(--pc) 50%, transparent), 0 10px 40px #00000059}.board.offline{opacity:.5}.board-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.rank{font-family:var(--font-display);color:var(--muted);width:22px;font-size:13px;font-weight:700}.board-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.board-count{color:var(--muted);font-size:12px}.board-score{font-family:var(--font-display);color:var(--pc);font-size:26px;font-weight:700;line-height:1}.board-score small{color:var(--muted);margin-left:3px;font-size:11px}.flipping{color:var(--accent-2);animation:1.2s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.board-words{flex-wrap:wrap;gap:8px;display:flex}.word-chip{background:#ffffff08;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:5px 6px 5px 5px;transition:background .15s,border-color .15s;display:inline-flex}.word-chip:hover{border-color:var(--line-strong);background:#ffffff14}.word-chip.targeted{border-color:var(--warn);background:#f5a52424}.word-chip.will-steal{border-color:var(--warn);box-shadow:0 0 14px #f5a52473}.word-chip.fresh{animation:.6s cubic-bezier(.2,.9,.3,1.4) word-in}.word-tiles{gap:2px;display:inline-flex}.word-pts{font-family:var(--font-display);color:var(--good);min-width:14px;font-size:13px;font-weight:700}.word-pts.neg{color:var(--bad)}@keyframes word-in{0%{background:#ffffff4d;transform:scale(1.4)}to{transform:none}}.countdown-overlay{z-index:20;pointer-events:none;background:#0506148c;place-items:center;display:grid;position:fixed;inset:0}.countdown-num{font-family:var(--font-display);color:#fff;text-shadow:0 0 40px var(--accent);font-size:180px;font-weight:700;animation:1s ease-out both count}@keyframes count{0%{opacity:0;transform:scale(1.8)}30%{opacity:1;transform:scale(1)}to{opacity:.2;transform:scale(.8)}}.go-flash{z-index:21;pointer-events:none;font-family:var(--font-display);color:var(--good);text-shadow:0 0 50px var(--good);place-items:center;font-size:160px;font-weight:700;animation:.9s ease-out forwards go;display:grid;position:fixed;inset:0}@keyframes go{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.5)}}.callout{z-index:22;pointer-events:none;font-family:var(--font-display);text-transform:uppercase;white-space:nowrap;font-size:56px;font-weight:700;animation:1.3s ease-out forwards callout;position:fixed;top:38%;left:50%;transform:translate(-50%)}.callout-steal{color:var(--warn);text-shadow:0 0 30px #f5a524cc}.callout-stolen{color:var(--bad);text-shadow:0 0 30px #ff4d5ecc;font-size:40px}@keyframes callout{0%{opacity:0;transform:translate(-50%)scale(.5)}15%{opacity:1;transform:translate(-50%)scale(1.1)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-30px)}}.results-overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050614bf;place-items:center;padding:16px;animation:.3s feed-in;display:grid;position:fixed;inset:0}.results{text-align:center;background:var(--panel-solid);width:min(720px,100%);max-height:90vh;overflow-y:auto}.results-list{text-align:left;flex-direction:column;gap:8px;margin:18px 0;display:flex}.result-row{--pc:var(--muted);border-left:4px solid var(--pc);background:#ffffff0a;border-radius:10px;grid-template-columns:36px 140px 1fr 60px;align-items:center;gap:12px;padding:12px;display:grid}.result-row.rank-1{background:linear-gradient(90deg,#ffd84d29,#0000)}.result-row.mine .result-name{text-underline-offset:4px;text-decoration:underline}.result-rank{font-family:var(--font-display);color:var(--muted);font-size:24px;font-weight:700}.rank-1 .result-rank{color:#ffd84d}.result-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.result-words{flex-wrap:wrap;gap:6px;display:flex}.result-word{font-family:var(--font-tile);background:var(--tile);color:var(--tile-ink);border-radius:5px;padding:2px 6px;font-size:13px;font-weight:700}.result-word small{opacity:.6;margin-left:4px}.result-score{font-family:var(--font-display);text-align:right;color:var(--pc);font-size:28px;font-weight:700}.results-actions{flex-direction:column;align-items:center;gap:8px;display:flex}.reconnect-banner{z-index:40;background:var(--bad);color:#fff;font-family:var(--font-display);border-radius:999px;padding:8px 16px;font-weight:700;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@media (width<=900px){.home-grid,.lobby-grid,.game-grid{grid-template-columns:minmax(0,1fr)}.opponents{max-height:none;position:static}.slots{grid-template-columns:repeat(2,1fr)}.cell{width:40px;height:46px;font-size:24px}.tile-lg{width:42px;height:42px;font-size:24px}.result-row{grid-template-columns:28px 1fr 50px}.result-words{grid-column:1/-1}.topbar,.lobby-grid,.game-grid,.game-bottom{padding-left:16px;padding-right:16px}.timerbar{margin-left:16px;margin-right:16px}}.board-big{background:linear-gradient(180deg, color-mix(in srgb, var(--pc) 10%, var(--panel)), var(--panel));padding:14px}.board-big .board-name{font-size:17px}.board-big .board-score{font-size:32px}.board-big .board-words{gap:10px}.board-big .word-chip{border-color:var(--line);background:#ffffff0d;padding:7px 9px 7px 7px}.board-big .word-chip:hover{border-color:var(--warn);background:#f5a5241a;transform:translateY(-1px)}.board-big .word-tiles{gap:3px}.board-big .tile-md{border-radius:6px;width:34px;height:34px;font-size:20px}.board-big .word-pts{font-size:15px}.board.is-flipping{box-shadow:0 0 0 1px var(--accent-2), 0 10px 40px #00000059}.final-countdown{z-index:19;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.final-num{font-family:var(--font-display);color:var(--bad);text-shadow:0 0 60px #ff4d5eb3;opacity:.85;font-size:220px;font-weight:700;line-height:1;animation:1s ease-out both count}.final-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.3em;color:var(--bad);opacity:.8;font-weight:700}.final-countdown.small{inset:auto 24px 24px auto}.final-countdown.small .final-num{color:var(--accent-2);text-shadow:0 0 30px #2ec5ffb3;font-size:96px}.final-countdown.small .final-label{color:var(--accent-2)}.pause-btn{border:1px solid var(--line-strong);color:var(--text)}.pause-btn.voted{background:var(--warn);color:#0a0b17;border-color:var(--warn)}.pause-overlay{z-index:25;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050614b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.pause-card{text-align:center;background:var(--panel-solid);flex-direction:column;align-items:center;gap:12px;width:min(440px,100%);display:flex}.pause-votes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pause-voter{--pc:var(--muted);border:1px solid color-mix(in srgb, var(--pc) 50%, transparent);color:var(--muted);border-radius:999px;padding:4px 10px;font-weight:600}.pause-voter.yes{background:var(--pc);color:#0a0b17}