:root{--bg: #16102e;--bg2: #1f1744;--panel: #2a2058;--panel2: #382b73;--ink: #0d0820;--text: #fff8ee;--muted: #b3a9e0;--accent: #ffd93d;--pink: #ff5fc8;--cyan: #3de0ff;--lime: #9dff57;--danger: #ff5d6c;--ok: #3dffb0;--radius: 18px;--display: "Lilita One", "Fredoka", system-ui, sans-serif;--body: "Fredoka", system-ui, -apple-system, "Segoe UI", sans-serif;--raise: #4a2a8f;--raise2: #7a2f9f;--glow-a: rgba(255, 95, 200, .28);--glow-b: rgba(61, 224, 255, .22);--glow-c: rgba(255, 217, 61, .16);color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:var(--text);font:500 16px/1.4 var(--body);min-height:100vh;background:radial-gradient(circle at 12% 8%,var(--glow-a),transparent 38%),radial-gradient(circle at 92% 18%,var(--glow-b),transparent 36%),radial-gradient(circle at 70% 96%,var(--glow-c),transparent 40%),radial-gradient(rgba(255,255,255,.07) 1.5px,transparent 1.5px) 0 0 / 26px 26px,var(--bg);background-attachment:fixed}.app{position:relative;max-width:720px;margin:0 auto;padding:16px 16px 56px}.topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px}.topbar .scoreboard{margin:0;gap:6px}.topbar .score-chip{padding:2px 10px 2px 6px;font-size:14px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}.tools{display:flex;gap:8px;flex:none}.tool-btn{width:38px;height:38px;display:grid;place-items:center;background:var(--c, var(--accent));color:var(--ink);border:3px solid var(--ink);border-radius:12px;font:400 22px/1 var(--display);box-shadow:0 4px 0 var(--ink);cursor:pointer;padding:0;transition:transform .08s,box-shadow .08s}.tool-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--ink)}.tool-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}.tool-btn.help{--c: var(--accent)}.tool-btn.prefs{--c: var(--cyan);font-size:20px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:16px;background:#0d0820b8}.dialog{width:100%;max-width:480px;max-height:100%;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden;border-width:4px;border-radius:22px;box-shadow:0 8px 0 var(--ink);animation:pop .25s cubic-bezier(.3,1.6,.5,1) both}.dialog-head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--c);color:var(--ink);border-bottom:4px solid var(--ink)}.dialog-head h2{flex:1;margin:0;color:var(--ink);font-size:30px}.dialog-head .icon-btn{background:var(--ink);color:var(--c)}.dialog-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:var(--c);border-radius:12px;font:400 24px/1 var(--display);transform:rotate(-5deg)}.dialog-body{display:grid;gap:12px;padding:16px;overflow:auto}.dialog-foot{padding:0 16px 16px}.dialog-foot .btn{width:100%}.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}.tile{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:10px 12px;background:var(--panel2);border:3px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink)}.tile.pref{grid-template-columns:40px 1fr auto}.tile-mark{width:40px;height:40px;display:grid;place-items:center;background:var(--c);color:var(--ink);border:3px solid var(--ink);border-radius:12px;font:400 22px/1 var(--display);transform:rotate(-4deg)}.tile h3{margin:0 0 2px;font:400 19px/1.1 var(--display);letter-spacing:.02em}.tile p{margin:0;color:var(--muted);font-size:14px;line-height:1.3}.dialog-tip{margin:0;padding:8px 12px;text-align:center;font-size:14px;color:var(--muted);border:2px dashed rgba(255,255,255,.25);border-radius:12px}[data-reduce-motion=true] *{animation:none!important;transition:none!important}.me-badge{margin-left:auto;display:flex;align-items:center;gap:6px;max-width:50%;background:var(--panel);color:var(--text);border:3px solid var(--pc);border-radius:99px;padding:3px 12px 3px 6px;font:600 15px var(--body);box-shadow:0 3px 0 var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-badge span{font-size:18px;line-height:1}h2{margin:0 0 8px;font:400 24px/1.1 var(--display);letter-spacing:.02em;color:var(--accent)}h2 .muted{font-family:var(--body);font-size:15px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:13px}.logo{--t: clamp(30px, 8.6vw, 60px);position:relative;margin:6px 0 2px;text-align:center;font:400 calc(var(--t) * .92)/1 var(--display);display:flex;justify-content:center;gap:calc(var(--t) * .1)}.logo span:not(.logo-band){width:var(--t);height:calc(var(--t) * 1.26);display:grid;place-items:center;background:var(--c);color:var(--ink);border:max(3px,calc(var(--t) * .055)) solid var(--ink);border-radius:calc(var(--t) * .2);box-shadow:0 calc(var(--t) * .09) 0 var(--ink);transform:rotate(var(--r));animation:bob-soft 2.4s ease-in-out infinite}.logo span:nth-child(2n){animation-delay:-1.2s;margin-top:calc(var(--t) * .05)}.logo-band{display:none}.logo{padding:22px 0}.shape{position:absolute;z-index:-1;pointer-events:none;background:var(--c);animation:drift 9s ease-in-out infinite;filter:drop-shadow(0 3px 0 var(--ink))}.shape.dot{border-radius:50%}.shape.ring{border-radius:50%;background:none;border:5px solid var(--c)}.shape.tri{clip-path:polygon(50% 6%,96% 92%,4% 92%)}.shape.plus{clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%)}.shape.zig{clip-path:polygon(0 60%,17% 20%,33% 60%,50% 20%,67% 60%,83% 20%,100% 60%,100% 85%,83% 45%,67% 85%,50% 45%,33% 85%,17% 45%,0 85%)}@keyframes drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(2px,-4px) rotate(10deg)}}@keyframes bob-soft{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-3px) rotate(calc(var(--r) * -.2))}}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-6px) rotate(calc(var(--r) * -.6))}}.tagline{text-align:center;color:var(--muted);font-size:17px;margin:6px 0 4px}.card{background:var(--panel);border:3px solid var(--ink);border-radius:var(--radius);padding:16px;margin-bottom:16px;box-shadow:0 6px 0 var(--ink)}.center{text-align:center}.home{display:flex;flex-direction:column;gap:12px;margin-top:6vh;transform:rotate(-.6deg)}.home>*{transform:rotate(.6deg)}.lobby{display:flex;flex-direction:column}.lobby>.card:nth-child(odd){transform:rotate(-.25deg)}.lobby>.card:nth-child(2n){transform:rotate(.25deg)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.row.tight{gap:6px;flex-wrap:nowrap}label,.field-label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:var(--muted);margin-top:10px}input{background:var(--bg);color:var(--text);border:3px solid var(--ink);border-radius:12px;padding:12px 14px;font:600 17px var(--body);box-shadow:inset 0 3px #00000059}input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan) 40%,transparent)}.code-input{letter-spacing:.4em;text-transform:uppercase;text-align:center;font:400 28px var(--display)}.btn{background:var(--panel2);color:var(--text);border:3px solid var(--ink);border-radius:14px;padding:11px 16px;font:600 16px var(--body);cursor:pointer;box-shadow:0 5px 0 var(--ink);transition:transform .08s,box-shadow .08s,filter .15s}.btn:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--accent);color:var(--ink);font-family:var(--display);font-weight:400;font-size:19px;letter-spacing:.03em}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}.btn.ghost:hover:not(:disabled){box-shadow:none;transform:none;color:var(--text)}.btn.big{padding:15px;font-size:22px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.invite{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,var(--raise),var(--raise2))}.room-code{display:flex;gap:6px;margin-top:4px}.room-code span{width:50px;height:62px;display:grid;place-items:center;background:var(--c);color:var(--ink);border:3px solid var(--ink);border-radius:12px;font:400 40px var(--display);box-shadow:0 5px 0 var(--ink)}.room-code span:nth-child(odd){transform:rotate(-4deg)}.room-code span:nth-child(2n){transform:rotate(3deg) translateY(2px)}.players{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.player{display:flex;align-items:center;gap:10px;background:var(--pc);color:var(--ink);border:3px solid var(--ink);border-radius:16px;padding:8px 10px;box-shadow:0 4px 0 var(--ink);animation:pop .35s cubic-bezier(.3,1.6,.5,1) both}.player:nth-child(odd){transform:rotate(-.8deg)}.player:nth-child(2n){transform:rotate(.8deg)}@keyframes pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}.player.away{opacity:.55;filter:grayscale(.7)}.avatar{--s: 46px;--ring: clamp(3px, calc(var(--s) * .055), 10px);--rim-w: max(1px, calc(var(--s) * .022));--d: calc(var(--s) - 6px);position:relative;font-size:28px;width:var(--s);height:var(--s);display:grid;place-items:center;border-radius:50%;background:#ffffff8c;border:var(--ring) solid var(--ink);flex:none}.pname{flex:1;font:400 20px var(--display);display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}.pn{overflow-wrap:break-word}.tag{font:600 11px var(--body);padding:2px 8px;border-radius:99px;background:var(--ink);color:var(--text);text-transform:uppercase;letter-spacing:.05em}.tag.host{background:var(--accent);color:var(--ink);border:2px solid var(--ink)}.status{font:600 13px var(--body);padding:3px 9px;border-radius:99px;background:#00000038;color:var(--ink)}.status.ready{background:var(--ink);color:var(--ok)}.icon-btn{width:34px;height:34px;border:3px solid var(--ink);border-radius:10px;background:var(--bg2);color:var(--text);cursor:pointer;font:600 16px var(--body);padding:0;box-shadow:0 3px 0 var(--ink)}.icon-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.icon-btn.danger{color:var(--danger)}.swatches{display:flex;flex-wrap:wrap;gap:12px;padding:6px 4px 8px}.swatch{width:46px;height:46px;border-radius:50%;border:3px solid var(--ink);background:var(--bg2);cursor:pointer;font-size:24px;line-height:1;padding:0;display:grid;place-items:center;overflow:visible;box-shadow:0 3px 0 var(--ink);transition:transform .12s}.swatch:hover:not(:disabled){transform:scale(1.12) rotate(-6deg)}.swatch.selected{box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--text),0 5px 0 6px var(--ink)}.swatch.color:disabled{opacity:.25}.setting{padding:12px 0;border-top:2px dashed rgba(255,255,255,.14)}.setting:first-of-type{border-top:0}.setting-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:4px}.setting-label{font:600 17px var(--body)}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset:disabled .toggle,fieldset:disabled .segmented,fieldset:disabled .chip,fieldset:disabled .stepper{opacity:.6;pointer-events:none}.toggle{width:56px;height:32px;border-radius:99px;border:3px solid var(--ink);background:var(--bg);position:relative;cursor:pointer;padding:0;flex:none;box-shadow:inset 0 3px #00000059}.toggle span{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--muted);border:2px solid var(--ink);transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .2s}.toggle.on{background:var(--lime)}.toggle.on span{transform:translate(24px);background:#fff}.stepper{display:inline-flex;align-items:center;gap:6px}.stepper-value{min-width:70px;text-align:center;font:400 19px var(--display);color:var(--cyan)}.segmented{display:inline-flex;background:var(--bg);border:3px solid var(--ink);border-radius:14px;padding:3px;flex-wrap:wrap;gap:2px}.segmented button{white-space:nowrap;border:0;background:transparent;color:var(--muted);padding:7px 12px;border-radius:10px;font:600 14px var(--body);cursor:pointer;transition:transform .1s}.segmented button:hover{color:var(--text)}.segmented button.on{background:var(--pink);color:var(--ink)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:3px solid var(--ink);background:var(--bg);color:var(--muted);border-radius:99px;padding:6px 14px;font:600 15px var(--body);cursor:pointer;box-shadow:0 3px 0 var(--ink)}.chip.on{background:var(--cyan);color:var(--ink)}.actions{display:flex;flex-direction:column;gap:8px;text-align:center;position:sticky;bottom:8px;background:linear-gradient(135deg,var(--raise),var(--panel))}.banner{background:var(--danger);color:var(--ink);text-align:center;padding:6px;border:3px solid var(--ink);border-radius:12px;margin-bottom:10px;font-weight:700}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--danger);color:var(--ink);border:3px solid var(--ink);box-shadow:0 5px 0 var(--ink);padding:10px 16px;border-radius:14px;max-width:calc(100% - 32px);z-index:10;cursor:pointer;font-weight:700;animation:pop .3s cubic-bezier(.3,1.6,.5,1) both}:root[data-theme=ember]{--raise: #7a3b22;--raise2: #a5462a;--bg: #1c0f0c;--bg2: #281512;--panel: #3a1d18;--panel2: #4d2820;--text: #fff1e6;--muted: #d9a894;--accent: #ffb02e;--pink: #ff6a5c;--cyan: #7fd6c2;--lime: #c8e86a;--glow-a: rgba(255, 106, 92, .25);--glow-b: rgba(255, 176, 46, .18);--glow-c: rgba(255, 90, 60, .14)}:root[data-theme=forest]{--raise: #2c6a46;--raise2: #3e8a52;--bg: #0c1a14;--bg2: #12261c;--panel: #183526;--panel2: #21483a;--text: #effff5;--muted: #9fcdb4;--accent: #e9d758;--pink: #ff8f6b;--cyan: #5fe0c4;--lime: #a8f060;--glow-a: rgba(95, 224, 130, .2);--glow-b: rgba(95, 224, 196, .16);--glow-c: rgba(233, 215, 88, .12)}:root[data-theme=ocean]{--raise: #2a5f9c;--raise2: #2e86b8;--bg: #0a1624;--bg2: #0f2238;--panel: #163354;--panel2: #1f4670;--text: #eef8ff;--muted: #9cc2e0;--accent: #ffd166;--pink: #ff7aa8;--cyan: #5ee0ff;--lime: #7dffc0;--glow-a: rgba(94, 224, 255, .22);--glow-b: rgba(95, 139, 255, .2);--glow-c: rgba(125, 255, 192, .12)}:root[data-theme=synthwave]{--raise: #6a22b0;--raise2: #b21f8a;--bg: #160a2a;--bg2: #220f40;--panel: #34145f;--panel2: #4a1b85;--text: #fff0ff;--muted: #c7a5ff;--accent: #fcee0c;--pink: #ff2e97;--cyan: #00f0ff;--lime: #7cff6b;--glow-a: rgba(255, 46, 151, .32);--glow-b: rgba(0, 240, 255, .26);--glow-c: rgba(252, 238, 12, .12)}:root[data-theme=mono]{--raise: #484848;--raise2: #606060;--bg: #121212;--bg2: #1b1b1b;--panel: #262626;--panel2: #343434;--text: #f4f4f4;--muted: #a8a8a8;--accent: #ffd93d;--pink: #e6e6e6;--cyan: #cfcfcf;--lime: #b5b5b5;--glow-a: rgba(255, 255, 255, .06);--glow-b: rgba(255, 255, 255, .04);--glow-c: rgba(255, 217, 61, .06)}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 420px){.room-code span{width:42px;height:54px;font-size:32px}}.game{display:flex;flex-direction:column}.grow{flex:1;min-width:0}.avatar.sm{--s: 42px;font-size:20px}.avatar.big{--s: 68px;font-size:40px}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.avatar{margin-block:calc(var(--s) * -.2)}.hb-top{padding-left:50px;min-height:38px}.hb-top .avatar{position:absolute;left:-12px;top:-16px;--s: 62px;margin:0}.player .avatar{margin-left:-16px}.player .pn{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-head{display:flex;flex-direction:column;gap:10px;background:linear-gradient(135deg,var(--raise),var(--panel))}.head-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.round-label{font-weight:600;color:var(--muted)}.head-meta .timer{font-size:22px}.cat-banner{--cb: var(--accent);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:var(--cb);color:var(--ink);border:4px solid var(--ink);border-radius:18px;padding:10px 16px;box-shadow:0 6px 0 var(--ink);transform:rotate(-1deg)}.cat-banner[data-cat=person]{--cb: var(--pink)}.cat-banner[data-cat=place]{--cb: var(--cyan)}.cat-banner[data-cat=thing]{--cb: var(--lime)}.cat-kicker{font:600 13px var(--body);text-transform:uppercase;letter-spacing:.1em;background:var(--ink);color:var(--text);border-radius:99px;padding:2px 10px}.cat-emoji{font-size:40px;line-height:1}.cat-name{font:400 clamp(34px,10vw,52px)/1 var(--display);letter-spacing:.06em}.cat-banner.pending .cat-name{font-size:26px;letter-spacing:0}.cat-badge{display:inline-block;font:400 18px var(--display);letter-spacing:.04em;background:var(--cyan);color:var(--ink);border:3px solid var(--ink);border-radius:99px;padding:4px 14px;box-shadow:0 3px 0 var(--ink);transform:rotate(-2deg)}.timer{font:400 26px var(--display);color:var(--lime);font-variant-numeric:tabular-nums}.timer.urgent{color:var(--danger);animation:pulse .6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.12)}}.scoreboard{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}.score-chip{display:inline-flex;align-items:center;gap:6px;background:var(--pc);color:var(--ink);border:3px solid var(--ink);border-radius:99px;padding:3px 12px 3px 8px;font-weight:600;box-shadow:0 3px 0 var(--ink)}.score-chip.away{opacity:.5}.score-num{background:var(--ink);color:var(--accent);border-radius:99px;padding:0 9px;font:400 16px var(--display)}.pbadge{display:inline-flex;align-items:center;gap:6px;background:var(--pc);color:var(--ink);border:3px solid var(--ink);border-radius:99px;padding:2px 12px 2px 4px}.cat-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}.cat-btn{font:400 24px var(--display);padding:18px 26px}.pick-card{background:var(--pc);color:var(--ink)}.pick-card label{color:var(--ink)}.pick-card .muted{color:#0d0820b3}.pick-target{display:flex;align-items:center;gap:12px;margin:8px 0}.pick-target .avatar{margin-block:0}.pick-name{font:400 32px var(--display)}.pick-actions{margin-top:12px}.pick-actions .btn{flex:1 1 auto}.lock-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.lock-list li{display:flex;align-items:center;gap:10px;background:var(--panel2);border-left:8px solid var(--pc);border-radius:12px;padding:6px 10px}.lock-list li.done{background:color-mix(in srgb,var(--ok) 18%,var(--panel2))}.lock-list .status{background:#00000040;color:var(--muted)}.lock-list .status.ready{color:var(--ok)}.small-btn{padding:4px 10px;font-size:13px;border-radius:10px;box-shadow:0 3px 0 var(--ink)}.headbands{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px 16px;margin:14px 0 16px}.headband{background:var(--pc);border:3px solid var(--ink);border-radius:18px;padding:10px 10px 14px;box-shadow:0 6px 0 var(--ink);position:relative;transition:transform .2s}.headband:nth-child(odd){transform:rotate(-1deg)}.headband:nth-child(2n){transform:rotate(1deg)}.hb-top{display:flex;align-items:center;gap:8px;color:var(--ink);margin-bottom:8px}.hb-top b{font:400 19px var(--display)}.hb-status{margin-left:auto;font:600 12px var(--body);background:var(--ink);color:var(--text);padding:2px 10px;border-radius:99px;white-space:nowrap}.headband.claim .hb-status{background:var(--accent);color:var(--ink);animation:pulse .8s ease-in-out infinite}.headband.correct .hb-status{background:var(--ink);color:var(--ok)}.headband.gave_up{filter:grayscale(.75);opacity:.7}.word-tag{background:#fffdf5;color:var(--ink);border:3px solid var(--ink);border-radius:12px;padding:14px 10px;text-align:center;font:400 clamp(26px,7vw,38px)/1.1 var(--display);overflow-wrap:anywhere;box-shadow:inset 0 -5px #00000014}.my-band{text-align:center;background:var(--pc);color:var(--ink);border-width:4px}.my-band .muted{color:#0d0820b3;font-weight:600}.mystery{font:400 clamp(40px,12vw,64px)/1.1 var(--display);letter-spacing:.12em;margin:4px 0 10px;text-shadow:0 4px 0 rgba(0,0,0,.25)}.result{font:600 18px var(--body);margin:12px 0 4px}.result.good{font-size:22px}.result.bad{color:#7a0017}.play-buttons{display:flex;flex-direction:column;gap:12px;margin-top:14px}.got-it{font-size:34px;padding:18px;background:var(--ink);color:var(--accent)}.my-band .btn.ghost{color:var(--ink);text-decoration:underline}.claim-prompt{background:var(--accent);color:var(--ink);text-align:center;border-width:4px;animation:pop .35s cubic-bezier(.3,1.6,.5,1) both;position:sticky;top:8px;z-index:5}.claim-prompt .muted{color:#0d0820b3;margin-top:8px}.claim-prompt>div:first-child{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:8px 0 2px;font-weight:600}.claim-prompt .row{justify-content:center;margin-top:10px}.claim-prompt .btn.primary{background:var(--ink);color:var(--lime)}.claim-word{margin:4px 0}.results{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.results li{display:flex;align-items:center;gap:10px;background:var(--pc);color:var(--ink);border:3px solid var(--ink);border-radius:14px;padding:8px 12px;box-shadow:0 4px 0 var(--ink)}.results li.gave_up{filter:grayscale(.7);opacity:.75}.results b{display:block;font:400 19px var(--display)}.result-word{display:block;font-size:15px;font-weight:600;opacity:.85;overflow-wrap:anywhere}.pts{font:400 17px var(--display);background:var(--ink);color:var(--accent);border-radius:99px;padding:3px 12px;white-space:nowrap}.final-list{counter-reset:place}.final-list li:before{counter-increment:place;content:counter(place);font:400 22px var(--display);width:26px;text-align:center}.final-list li:first-child{transform:scale(1.03)}.podium{background:linear-gradient(160deg,var(--raise),var(--panel) 70%)}.trophy{font-size:72px;line-height:1;animation:bob 2s ease-in-out infinite;--r: 0deg}.winners{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:8px}.winner{display:flex;align-items:center;gap:14px;background:var(--pc);color:var(--ink);border:3px solid var(--ink);border-radius:18px;padding:12px 28px 12px 14px;min-width:min(100%,400px);box-shadow:0 5px 0 var(--ink)}.rank{font:400 22px var(--display);min-width:34px;text-align:center}.word-tag.reveal{margin:6px 0 10px}@media (min-width: 900px){.app{padding-top:12px;padding-bottom:12px}.app.wide{max-width:1500px}.lobby{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr) minmax(0,340px);column-gap:14px;align-items:stretch;grid-template-areas:"invite settings players" "look settings players" "actions actions actions";grid-template-rows:auto 1fr auto}.fit{min-height:var(--fit-min-h, 0)}.lobby .invite{grid-area:invite}.lobby .look{grid-area:look;align-self:start}.lobby .settings{grid-area:settings}.lobby .players-card{grid-area:players}.lobby .actions{grid-area:actions;position:static;flex-direction:row;justify-content:center;align-items:center;gap:16px}.lobby .actions .muted{order:3}.lobby>.card{margin-bottom:12px;padding:12px 14px}.lobby h2{font-size:21px;margin-bottom:4px}.lobby .invite{flex-direction:column;align-items:stretch;gap:8px;padding:10px 14px}.lobby .room-code{margin-top:2px}.lobby .room-code span{width:44px;height:52px;font-size:30px;box-shadow:0 3px 0 var(--ink)}.lobby .invite .row{flex-wrap:nowrap}.lobby .invite .btn{flex:1;padding:7px 8px;font-size:14px}.swatches{gap:6px;padding:4px 2px}.swatch{width:36px;height:36px;font-size:19px}.settings fieldset{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.settings .setting:nth-child(2){border-top:0}.lobby .setting{padding:9px 0}.lobby .setting-label{font-size:16px}.lobby .players{margin-top:12px;gap:16px}.lobby .player{padding:4px 10px 4px 8px;flex-wrap:nowrap;gap:8px}.lobby .avatar{--s: 54px;font-size:22px}.lobby .pname{font-size:18px;flex:1 1 0;min-width:0}.lobby .player .status{font-size:12px;padding:2px 8px;flex:none}.lobby .player .tag{font-size:10px;padding:1px 6px}.lobby .player .icon-btn{width:28px;height:28px;border-width:2px;border-radius:8px;font-size:13px;box-shadow:0 2px 0 var(--ink)}.lobby .player .row.tight{flex:none;flex-wrap:nowrap;gap:4px}.lobby .actions{padding:8px 14px;margin-bottom:0}.lobby .actions .btn.big{padding:8px 28px;font-size:20px}.game:not(.final){display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);column-gap:14px;row-gap:12px;align-items:start;align-content:center;grid-template-rows:auto auto auto auto;grid-template-areas:"left head" "left main" "left foot" "left extra"}.game:not(.final)>*{min-width:0}.game:not(.final) .card{margin-bottom:0}.g-head{grid-area:head}.g-left{grid-area:left;display:flex;flex-direction:column;min-height:0}.g-main{grid-area:main;display:flex;flex-direction:column;gap:12px;min-height:0}.g-foot{grid-area:foot}.g-extra{grid-area:extra;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.g-left .headbands{grid-template-columns:1fr;gap:22px;margin:14px 0 0}.g-main>.card{margin-bottom:0}.game .actions{position:static}.game-head{padding:12px 14px;gap:6px}.cat-banner{gap:10px}.game .cat-banner{padding:6px 14px}.cat-name{font-size:30px;letter-spacing:.05em}.cat-emoji{font-size:28px}.cat-badge{font-size:15px}.headband{padding:8px 10px 10px}.word-tag{padding:14px 10px;font-size:26px}.mystery{font-size:42px;margin:2px 0 8px}.got-it{font-size:24px;padding:12px}.pick-name{font-size:24px}.avatar.big{--s: 56px;font-size:30px}.app:has(>.home){display:flex;flex-direction:column;justify-content:center;min-height:calc(var(--fit-min-h, 0px) + 24px)}.home.fit{min-height:0;margin-top:0;border-width:3px;border-radius:18px;box-shadow:0 6px 0 var(--ink)}.home .btn{border-width:3px;border-radius:14px;box-shadow:0 5px 0 var(--ink)}.home .btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}}@media (max-width: 899px){.hide-sm{display:none}.first-sm{order:-1}}.chip-icon{display:inline-grid;place-items:center;width:1.3em;height:1.3em;font-size:18px;line-height:1}.chip-icon img{width:100%;height:100%;border-radius:50%}.me-badge b{font:inherit}[data-frame=gold] .avatar{--glow: 255 213 74;--rim: var(--ink);border:var(--ring) solid #ffd54a}[data-frame=platinum] .avatar{--glow: 214 240 255;--rim: #9fc3d9;border:var(--ring) solid #f2fbff}[data-frame=neon] .avatar{--glow: 25 227 255;--rim: #19e3ff;border:var(--ring) solid #fff}[data-frame=haunted] .avatar{--glow: 140 255 90;--rim: #24103f;border:var(--ring) solid #8cff5a}[data-frame=bloodmoon] .avatar{--glow: 255 40 60;--rim: #1a0830;border:var(--ring) solid #c1121f}[data-frame=frost] .avatar{--glow: 180 230 255;--rim: #8fd8ff;border:var(--ring) solid #e9f8ff}:is([data-frame=gold],[data-frame=platinum],[data-frame=neon],[data-frame=haunted],[data-frame=bloodmoon],[data-frame=frost]) .avatar{--g: min(var(--s), 80px);box-shadow:inset 0 0 0 var(--rim-w) var(--rim),0 0 calc(var(--g) * .08) rgb(var(--glow) / .7),0 0 calc(var(--g) * .28) calc(var(--g) * .015) rgb(var(--glow) / .45),0 0 calc(var(--g) * .6) calc(var(--g) * .04) rgb(var(--glow) / .2)}[data-frame=holly] .avatar{border:var(--ring) solid transparent;background:linear-gradient(#fff,#fff) padding-box,repeating-conic-gradient(#e53935 0,#e53935 10deg,#2e9e4f 10deg,#2e9e4f 30deg) border-box;box-shadow:inset 0 0 0 var(--rim-w) var(--ink)}[data-frame=rainbow] .avatar{border:var(--ring) solid transparent;background:linear-gradient(#fbf7ff,#fbf7ff) padding-box,conic-gradient(#ff5f5f,#ffd93d,#8ddb55,#3de0ff,#a66cff,#ff5fc8,#ff5f5f) border-box;box-shadow:inset 0 0 0 var(--rim-w) var(--ink)}[data-frame=candy] .avatar{border:var(--ring) solid transparent;background:linear-gradient(#fff,#fff) padding-box,repeating-conic-gradient(#e53935 0,#e53935 11.25deg,#fff 11.25deg,#fff 22.5deg) border-box;box-shadow:inset 0 0 0 var(--rim-w) var(--ink)}[data-card][data-card=stripes]{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.28) 0 10px,transparent 10px 20px)}[data-card][data-card=dots]{background-image:radial-gradient(rgba(255,255,255,.5) 2.5px,transparent 3px);background-size:16px 16px}[data-card][data-card=checker]{background-image:conic-gradient(rgba(255,255,255,.26) 25%,transparent 0 50%,rgba(255,255,255,.26) 0 75%,transparent 0);background-size:24px 24px}[data-card][data-card=sunburst]{background-image:repeating-conic-gradient(from 0deg at 88% 50%,rgba(255,255,255,.26) 0 10deg,transparent 10deg 20deg)}[data-card][data-card=confetti]{background-image:radial-gradient(circle at 12% 30%,#ffd93d 3px,transparent 3.5px),radial-gradient(circle at 38% 70%,#ff5fc8 3px,transparent 3.5px),radial-gradient(circle at 64% 25%,#3de0ff 3px,transparent 3.5px),radial-gradient(circle at 86% 65%,#9dff57 3px,transparent 3.5px),radial-gradient(circle at 50% 45%,#fff 2px,transparent 2.5px);background-size:120px 100%}[data-card][data-card=cobweb]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 54'%3E%3Cdefs%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='180' y2='0'%3E%3Cstop offset='0' stop-color='%231a0830' stop-opacity='0'/%3E%3Cstop offset='.55' stop-color='%231a0830' stop-opacity='.38'/%3E%3Cstop offset='1' stop-color='%231a0830' stop-opacity='.42'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M180 0L-80.0 0.0M180 0L-71.1 67.3M180 0L-45.2 130.0M180 0L-3.8 183.8M180 0L50.0 225.2M180 0L112.7 251.1M180 0L180.0 260.0M164.0 0.0Q166.0 1.8 164.5 4.1M164.5 4.1Q167.0 5.4 166.1 8.0M166.1 8.0Q168.8 8.6 168.7 11.3M168.7 11.3Q171.4 11.2 172.0 13.9M172.0 13.9Q174.6 13.0 175.9 15.5M175.9 15.5Q178.2 14.0 180.0 16.0M148.0 0.0Q152.1 3.7 149.1 8.3M149.1 8.3Q154.0 10.8 152.3 16.0M152.3 16.0Q157.7 17.1 157.4 22.6M157.4 22.6Q162.9 22.3 164.0 27.7M164.0 27.7Q169.2 26.0 171.7 30.9M171.7 30.9Q176.3 27.9 180.0 32.0M128.0 0.0Q134.6 6.0 129.8 13.5M129.8 13.5Q137.7 17.5 135.0 26.0M135.0 26.0Q143.7 27.9 143.2 36.8M143.2 36.8Q152.1 36.3 154.0 45.0M154.0 45.0Q162.5 42.3 166.5 50.2M166.5 50.2Q174.0 45.4 180.0 52.0M104.0 0.0Q113.7 8.7 106.6 19.7M106.6 19.7Q118.2 25.6 114.2 38.0M114.2 38.0Q126.9 40.7 126.3 53.7M126.3 53.7Q139.3 53.1 142.0 65.8M142.0 65.8Q154.4 61.8 160.3 73.4M160.3 73.4Q171.3 66.3 180.0 76.0M76.0 0.0Q89.3 11.9 79.5 26.9M79.5 26.9Q95.4 35.0 89.9 52.0M89.9 52.0Q107.4 55.7 106.5 73.5M106.5 73.5Q124.3 72.6 128.0 90.1M128.0 90.1Q145.0 84.6 153.1 100.5M153.1 100.5Q168.1 90.7 180.0 104.0M44.0 0.0Q61.3 15.6 48.6 35.2M48.6 35.2Q69.4 45.8 62.2 68.0M62.2 68.0Q85.1 72.9 83.8 96.2M83.8 96.2Q107.1 94.9 112.0 117.8M112.0 117.8Q134.2 110.6 144.8 131.4M144.8 131.4Q164.4 118.7 180.0 136.0M8.0 0.0Q29.9 19.8 13.9 44.5M13.9 44.5Q40.2 57.9 31.0 86.0M31.0 86.0Q59.9 92.1 58.4 121.6M58.4 121.6Q87.9 120.1 94.0 149.0M94.0 149.0Q122.1 139.8 135.5 166.1M135.5 166.1Q160.2 150.1 180.0 172.0M-35.0 0.0Q-7.6 24.7 -27.7 55.6M-27.7 55.6Q5.2 72.4 -6.2 107.5M-6.2 107.5Q29.9 115.2 28.0 152.0M28.0 152.0Q64.8 150.1 72.5 186.2M72.5 186.2Q107.6 174.8 124.4 207.7M124.4 207.7Q155.3 187.6 180.0 215.0' fill='none' stroke='url%28%23f%29' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-size:auto 130%;background-position:right top;background-repeat:no-repeat}[data-card][data-card=moon]{background-image:radial-gradient(circle at 90% 50%,#fff6c8 0 8px,transparent 9px),radial-gradient(circle at 90% 50%,rgba(255,246,200,.35) 0 15px,transparent 16px),radial-gradient(circle at 70% 25%,#fff 1.5px,transparent 2px),radial-gradient(circle at 78% 78%,#fff 1.5px,transparent 2px),radial-gradient(circle at 58% 60%,#fff 1px,transparent 1.5px),linear-gradient(90deg,transparent 45%,rgba(26,8,48,.4))}[data-card][data-card=candy]{background-image:repeating-linear-gradient(45deg,#e5393566 0,#e5393566 10px,#ffffff4d 10px,#ffffff4d 20px)}[data-card][data-card=plaid]{background-image:repeating-linear-gradient(0deg,rgba(180,20,30,.25) 0 8px,transparent 8px 24px),repeating-linear-gradient(90deg,rgba(20,100,50,.25) 0 8px,transparent 8px 24px)}.dialog.wide{max-width:640px}.section-title{margin:0 0 8px;font:400 18px var(--display);letter-spacing:.03em;color:var(--accent)}.season-label{margin:12px 0 6px;font:600 13px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.choices{display:flex;flex-wrap:wrap;gap:12px;padding:2px 4px 6px}.choice,.theme-chip{display:flex;align-items:center;gap:8px;background:var(--panel2);color:var(--text);border:3px solid var(--ink);border-radius:12px;padding:6px 10px;box-shadow:0 3px 0 var(--ink);cursor:pointer;font:600 14px var(--body);transition:transform .1s}.choice:hover,.theme-chip:hover{transform:translateY(-2px)}.choice.selected,.theme-chip.selected{box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--accent)}.choice-label{font:600 12px var(--body);opacity:.75}.card-choice{flex-direction:column;align-items:stretch;width:108px;gap:4px}.card-sample{display:block;height:38px;border:3px solid var(--ink);border-radius:8px;background-color:var(--pc)}.card-choice .choice-label{text-align:center;color:var(--text);opacity:1}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px;padding:2px 4px 6px}.theme-swatch{width:28px;height:28px;border:2px solid var(--ink);border-radius:8px;flex:none}.link{background:none;border:0;padding:0;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.credits{list-style:none;margin:0;padding:0;display:grid;gap:10px}.credits .tile{grid-template-columns:1fr}.tile a{color:var(--accent)}.box{background:var(--panel2);border:3px solid var(--ink);border-radius:14px;padding:10px 12px 12px;box-shadow:0 3px 0 var(--ink)}.box-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px}.box .section-title{margin:0}.stage-name{text-align:center;font:400 24px var(--display);letter-spacing:.02em}.stage{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:4px 0}.stage-col{display:grid;gap:14px}.stage-avatar{display:grid;justify-items:center;gap:6px;padding-top:14px}.stage-avatar .avatar{--s: 140px}.spinner{display:flex;align-items:center;justify-content:space-between;gap:6px}.spinner-label{display:grid;text-align:center;font:600 15px/1.15 var(--body)}.spinner-label small{color:var(--muted);font-size:12px}.look-tile{display:flex;align-items:center;gap:14px;background:var(--pc);color:var(--ink);border:3px solid var(--ink);border-radius:16px;padding:14px 14px 10px;box-shadow:0 4px 0 var(--ink)}.look-name{font:400 26px var(--display);overflow-wrap:anywhere}.look-tile input{flex:1;min-width:0;padding:6px 10px;background:#fff9;color:var(--ink);font:400 20px var(--display);box-shadow:none}.card .look-tile{margin:8px 0 12px}@media (max-width: 560px){.stage{grid-template-columns:1fr 1fr}.stage-avatar{grid-column:1 / -1;grid-row:1}.stage-avatar .avatar{--s: 110px}}.dialog-tabs{display:flex;gap:8px;padding:12px 16px 0;background:var(--bg2);border-bottom:3px solid var(--ink)}.tab{flex:1;margin-bottom:-3px;padding:12px 0;text-align:center;background:var(--panel2);color:var(--muted);border:3px solid var(--ink);border-radius:14px 14px 0 0;font:400 22px var(--display);letter-spacing:.03em;cursor:pointer}.tab:hover{color:var(--text)}.tab.active{background:var(--panel);color:var(--accent);border-bottom-color:var(--panel)}.dialog-body{flex:1 1 auto;min-height:0;align-content:start}.dialog.customise{max-width:min(96vw,1240px);height:min(94vh,940px)}.customise .dialog-head h2{font-size:34px}.customise .dialog-icon{width:50px;height:50px;font-size:28px}.customise .dialog-body{gap:18px;padding:20px}.customise .box{padding:14px 18px 18px}.customise .section-title{font-size:22px}.customise .season-label{font-size:15px}.customise .stage-name{font-size:32px}.customise .stage{gap:26px}.customise .stage-col{gap:22px}.customise .stage-avatar .avatar{--s: 210px;margin-block:0}.customise .spinner .icon-btn{width:48px;height:48px;font-size:20px}.customise .spinner-label{font-size:19px}.customise .spinner-label small{font-size:14px}.customise .swatches{gap:14px}.customise .swatch{width:54px;height:54px}.customise .choice{font-size:17px;padding:8px 16px}.customise .choice .avatar{--s: 44px}.customise .card-choice{width:150px}.customise .card-sample{height:52px}.customise .dialog-foot .btn{padding:14px;font-size:20px}.look-tile .avatar{--s: 68px;margin-block:-16px;margin-left:-20px;flex:none}.look-tile{padding:6px 14px 6px 10px}.card .look-tile{margin:22px 0 24px}@media (max-width: 560px){.customise .stage-avatar .avatar{--s: 150px}.customise .dialog-body{padding:14px}.customise .stage{gap:10px}.customise .stage-col{min-width:0;gap:14px}.customise .spinner .icon-btn{width:36px;height:36px;font-size:14px}.customise .spinner-label{font-size:14px}.customise .spinner-label small{font-size:12px}.customise .swatch{width:42px;height:42px}.customise .card-choice{width:120px}.tab{font-size:18px;padding:10px 0}}.dialog-fit{display:grid;gap:18px}.previews{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:28px;padding:12px 0 4px}.preview-label{margin:0 0 8px 4px;font:600 13px var(--body);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.preview-row,.preview-band{transform:none!important;animation:none!important;margin:0}@media (max-width: 560px){.previews{grid-template-columns:1fr}}.customise .stage-avatar .small-btn{font-size:15px;padding:6px 18px}.dialog.customise{height:min(97vh,1000px)}.customise .dialog-head{padding:10px 16px}.customise .dialog-body{gap:14px;padding:14px 20px 12px}.dialog-fit{gap:14px}.dialog-tabs{padding-top:8px}.tab{padding:10px 0}.customise .stage-avatar{padding-top:6px}.customise .stage-avatar .avatar{--s: 190px}.customise .stage-name{line-height:1.1}.customise .dialog-foot{padding:0 16px 12px}.customise .dialog-foot .btn{padding:12px;margin-top:8px}.previews{padding:8px 0 0}.grouped{display:grid;gap:14px}.packs{display:flex;flex-wrap:wrap;gap:14px}.pack{display:grid;gap:6px;padding:8px 12px 10px;background:#00000029;border:2px dashed rgba(255,255,255,.16);border-radius:14px}.pack .season-label{margin:0;font-size:13px}.pack .choices{padding:2px}.preview-stage{display:grid;align-items:center;justify-items:center;min-height:132px;padding:22px 18px 10px 26px;background:#00000029;border-radius:14px}.preview-stage>*{width:100%}.preview-row{max-width:340px}.end-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.end-actions .btn{padding-inline:8px}