html,body{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}button,input{font-family:inherit}*{box-sizing:border-box;margin:0;padding:0}:root{--font-display:"Baloo 2", "Segoe UI", sans-serif;--font-body:"Nunito", "Segoe UI", sans-serif;--text-1:#23202f;--text-2:#5a5a6b;--text-muted:#8b8b99;--text-faint:#afafba;--surface:#fff;--input-border:#dddbe6;--ok:#1a7a3a;--ok-bg:#ddefe1;--warn:#8a6209;--warn-bg:#faf0d2;--bad:#a32222;--bad-bg:#fbe3e3;--r-xs:8px;--r-sm:10px;--r-md:12px;--r-lg:20px;--r-pill:999px;--line:rgba(var(--shadow-rgb), .1);--line-strong:rgba(var(--shadow-rgb), .16);--shadow-sm:0 1px 3px rgba(var(--shadow-rgb), .1);--shadow-md:0 4px 12px rgba(var(--shadow-rgb), .14);--shadow-lg:0 12px 28px rgba(var(--shadow-rgb), .22);--shadow-brand:0 6px 16px rgba(var(--shadow-rgb), .32);--shadow-bubble:0 2px 6px rgba(var(--shadow-rgb), .09);--bubble-border:rgba(var(--shadow-rgb), .09);--on-grad-fill:#ffffff24;--on-grad-fill-strong:#fff3;--pattern-size:240px}:root,[data-theme=sarap]{--brand:#1e1b5c;--brand-deep:#8e1537;--brand-tint:#e9e7f5;--grad-app:linear-gradient(135deg, #8e1537, #1e1b5c);--grad-brand:linear-gradient(135deg, #8e1537, #1e1b5c);--btn-primary-bg:var(--grad-brand);--btn-primary-ledge:rgba(var(--shadow-rgb), .62);--accent:#ffb020;--accent-rgb:255, 176, 32;--accent-ink:#b57a00;--accent-on:#4a2e00;--accent-bg:#fff3da;--shadow-rgb:30, 27, 92;--surface-sunken:#f2f0f6;--surface-hover:#e9e6f0;--chat-bg:#f7f4fa;--chat-bubble-me:#ede8f7;--chat-bubble-them:#fff;--mark-bg:var(--brand-deep);--mark-on:white;--logo-accent-on:var(--brand);--pattern-color:#ffffff12;--score-0:#8e1537;--score-0-bg:#f9e6ec;--score-0-line:#edb8c7;--score-0-chip:#8e1537;--score-0-chip-on:#fff;--score-5:#7a5200;--score-5-bg:#fff3da;--score-5-line:#ffd27a;--score-5-chip:#ffb020;--typing:#ffb020;--score-5-chip-on:#4a2e00;--score-10:#144a75;--score-10-bg:#e4f1fb;--score-10-line:#a3cdee;--score-10-chip:#2475b3;--score-10-chip-on:#fff;--score-10-rgb:36, 117, 179}[data-theme=gece]{--brand:#332878;--brand-deep:#221b5e;--brand-tint:#e9e8f7;--grad-app:linear-gradient(135deg, #14113f, #332878);--grad-brand:linear-gradient(135deg, #221b5e, #332878);--btn-primary-bg:#e0344f;--btn-primary-ledge:var(--accent-ink);--accent:#e0344f;--accent-rgb:224, 52, 79;--accent-ink:#c42440;--accent-on:#fff;--accent-bg:#fce7ea;--shadow-rgb:20, 17, 63;--surface-sunken:#f1f1f9;--surface-hover:#e7e7f2;--chat-bg:#f5f5fc;--chat-bubble-me:#e7e6f7;--chat-bubble-them:#fff;--mark-bg:var(--accent);--mark-on:var(--accent-on);--logo-accent-on:var(--accent-on);--pattern-color:#b2a8ff1a;--score-0:#b0213b;--score-0-bg:#fce7ea;--score-0-line:#f4b3be;--score-0-chip:#d62c47;--score-0-chip-on:#fff;--score-5:#745300;--score-5-bg:#fdf4d8;--score-5-line:#f0cf72;--score-5-chip:#f2b632;--typing:#f2b632;--score-5-chip-on:#3d2a00;--score-10:#23488a;--score-10-bg:#e6eefc;--score-10-line:#a9c3f2;--score-10-chip:#3b6fd0;--score-10-chip-on:#fff;--score-10-rgb:59, 111, 208}[data-theme=nane]{--brand:#35495e;--brand-deep:#347474;--brand-tint:#e4f1ec;--grad-app:linear-gradient(135deg, #347474, #35495e);--grad-brand:linear-gradient(135deg, #347474, #35495e);--btn-primary-bg:var(--grad-brand);--btn-primary-ledge:rgba(var(--shadow-rgb), .62);--accent:#ff7e67;--accent-rgb:255, 126, 103;--accent-ink:#c9533f;--accent-on:#4a1a10;--accent-bg:#ffebe7;--shadow-rgb:53, 73, 94;--surface-sunken:#eef3f3;--surface-hover:#e4ecec;--chat-bg:#f2f7f6;--chat-bubble-me:#e1f2ea;--chat-bubble-them:#fff;--mark-bg:#42b883;--mark-on:#0e3b27;--logo-accent-on:var(--accent-on);--pattern-color:#42b8831f;--score-0:#b23a2a;--score-0-bg:#fde9e5;--score-0-line:#f5bcb0;--score-0-chip:#e0553d;--score-0-chip-on:#fff;--score-5:#7a5200;--score-5-bg:#fff3da;--score-5-line:#ffd27a;--score-5-chip:#ffb020;--typing:#ffb020;--score-5-chip-on:#4a2e00;--score-10:#1f4e78;--score-10-bg:#e4f0f9;--score-10-line:#a6cbe6;--score-10-chip:#2f7bb8;--score-10-chip-on:#fff;--score-10-rgb:47, 123, 184}[data-theme=seker]{--brand:#1b3c73;--brand-deep:#40679e;--brand-tint:#ffe6ec;--grad-app:linear-gradient(135deg, #40679e, #1b3c73);--grad-brand:linear-gradient(135deg, #40679e, #1b3c73);--btn-primary-bg:#ff407d;--btn-primary-ledge:var(--accent-ink);--accent:#ff407d;--accent-rgb:255, 64, 125;--accent-ink:#c8215a;--accent-on:#fff;--accent-bg:#ffe6ec;--shadow-rgb:27, 60, 115;--surface-sunken:#f1f3f9;--surface-hover:#e7ebf4;--chat-bg:#f6f4f9;--chat-bubble-me:#ffe6ec;--chat-bubble-them:#fff;--mark-bg:var(--accent);--mark-on:var(--accent-on);--logo-accent-on:var(--accent-on);--pattern-color:#ffcad421;--score-0:#b0213b;--score-0-bg:#fce7ea;--score-0-line:#f4b3be;--score-0-chip:#d62c47;--score-0-chip-on:#fff;--score-5:#745300;--score-5-bg:#fdf4d8;--score-5-line:#f0cf72;--score-5-chip:#f2b632;--typing:#f2b632;--score-5-chip-on:#3d2a00;--score-10:#1b3c73;--score-10-bg:#e6eefc;--score-10-line:#a9c3f2;--score-10-chip:#3b6fd0;--score-10-chip-on:#fff;--score-10-rgb:59, 111, 208}body{font-family:var(--font-body);background:var(--grad-app);color:var(--text-1);min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:safe center;display:flex}body:before{content:"";background:var(--grad-app);z-index:-1;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-color:var(--pattern-color);-webkit-mask-image:url(/assets/bg/doodle-pattern.svg);mask-image:url(/assets/bg/doodle-pattern.svg);-webkit-mask-size:var(--pattern-size);-webkit-mask-size:var(--pattern-size);mask-size:var(--pattern-size);position:fixed;inset:0;-webkit-mask-repeat:repeat;mask-repeat:repeat}@media (width<=480px){:root{--pattern-size:200px}}.screen{width:100%;display:none}.screen.active{display:block}#app-main{display:contents}.container{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);text-align:center;margin:20px auto;padding:32px 24px}.home-header{grid-template-columns:36px minmax(0,1fr) 36px;align-items:start;gap:8px;margin:-10px -4px 22px;display:grid}.home-header .icon-btn{margin-top:2px}.home-wordmark{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.game-title{font-family:var(--font-display);white-space:nowrap;color:var(--brand);margin:0;font-size:clamp(32px,10.5vw,42px);font-weight:800;line-height:1}.title-tiles{gap:5px;display:flex}.title-tile{width:28px;height:28px;font-family:var(--font-display);color:#fff;background:var(--brand);box-shadow:0 3px 0 rgba(var(--shadow-rgb), .35);border-radius:7px;justify-content:center;align-items:center;font-size:21px;font-weight:800;line-height:1;display:flex;transform:rotate(-8deg)}.title-tile:nth-child(2),.title-tile:nth-child(3){color:var(--logo-accent-on,var(--accent-on));background:var(--accent);box-shadow:0 3px 0 var(--accent-ink)}.title-tile:nth-child(2){transform:rotate(7deg)}.title-tile:nth-child(3){transform:rotate(6deg)}.title-tile:nth-child(4){color:var(--mark-on);background:var(--mark-bg);transform:rotate(-5deg)}.btn{border-radius:var(--r-md);cursor:pointer;border:none;width:100%;padding:14px 28px;font-size:16px;font-weight:700;transition:transform .12s,box-shadow .15s,filter .15s}.btn:active{filter:brightness(.96);transform:translateY(0)}.btn-primary{background:var(--btn-primary-bg);color:#fff;box-shadow:var(--shadow-brand)}.btn-secondary{background:var(--accent);color:var(--accent-on);box-shadow:0 6px 16px rgba(var(--shadow-rgb), .22);margin-top:20px}.game-header{background:var(--grad-brand);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.game-body{padding:20px 18px}.round-info{border-radius:var(--r-xs);background:var(--on-grad-fill-strong);white-space:nowrap;padding:5px 10px;font-size:12px;font-weight:700}.letter-box{color:var(--brand-deep);font-family:var(--font-display);border-radius:var(--r-md);background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:30px;font-weight:800;display:flex}.timer{font-family:var(--font-display);color:#fff;font-variant-numeric:tabular-nums;text-align:right;min-width:34px;font-size:24px;font-weight:800}.timer.is-urgent{color:var(--accent);animation:1s ease-in-out infinite timerPulse}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.category-row{text-align:left;background:var(--surface);border:2px solid var(--input-border);border-radius:var(--r-md);cursor:text;align-items:center;gap:12px;min-height:60px;margin-bottom:8px;padding:8px 10px 8px 8px;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.category-row:focus-within{border-color:var(--brand);transform:translateY(-1px)}.category-row.is-filled:not(:focus-within){background:var(--surface-sunken)}.category-tile{--tile-bg:var(--brand);border-radius:var(--r-sm);background:var(--brand-tint);width:40px;height:40px;color:var(--tile-bg);font-family:var(--font-display);-webkit-user-select:none;user-select:none;transform:rotate(var(--tile-tilt,0deg));flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;line-height:1;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background-color .15s,color .15s,box-shadow .15s;display:flex}.category-row.is-alt .category-tile{--tile-bg:var(--brand-deep)}.category-row:focus-within .category-tile,.category-row.is-filled .category-tile{background:var(--tile-bg);color:#fff;box-shadow:inset 0 -3px 0 rgba(var(--shadow-rgb), .45)}.category-row:focus-within .category-tile{transform:rotate(calc(var(--tile-tilt,0deg) * -1)) scale(1.08)}.category-field{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.category-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;font-size:11px;font-weight:800;line-height:14px;transition:color .15s;display:flex}.category-row:focus-within .category-label{color:var(--brand)}.category-input{min-height:24px;color:var(--text-1);overflow-wrap:anywhere;outline:none;font-size:17px;font-weight:700;line-height:24px}.category-input:focus,.category-input:focus-visible{outline:none}.category-input:empty:before{content:"…";color:var(--text-faint);pointer-events:none}.category-row{--chip-ring:var(--surface)}.category-row.is-filled:not(:focus-within){--chip-ring:var(--surface-sunken)}.category-presence{flex-shrink:0;align-items:center;padding-right:2px;display:flex}.category-presence:empty{display:none}.presence-chip{background:var(--surface-sunken);width:24px;height:24px;box-shadow:0 0 0 2px var(--chip-ring);-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:background-color .2s,box-shadow .2s;display:flex;position:relative}.presence-chip+.presence-chip{margin-left:-6px}.presence-chip[data-state=filled]{background:var(--ok-bg);box-shadow:0 0 0 2px var(--chip-ring), inset 0 0 0 2px var(--ok)}.presence-chip[data-state=typing]{z-index:1}.presence-chip[data-state=typing] .presence-face{opacity:.5}.presence-face{transition:opacity .2s}.presence-dots{border-radius:var(--r-pill);background:var(--brand);height:12px;box-shadow:0 0 0 2px var(--chip-ring);color:#fff;align-items:center;gap:1.5px;padding:0 3px;display:none;position:absolute;bottom:-4px;right:-5px}.presence-chip[data-state=typing] .presence-dots{animation:.24s cubic-bezier(.34,1.56,.64,1) presenceDotsIn;display:flex}.presence-dots i{background:currentColor;border-radius:50%;width:2.5px;height:2.5px;animation:1.2s infinite presenceDot}.presence-dots i:nth-child(2){animation-delay:.2s}.presence-dots i:nth-child(3){animation-delay:.4s}.presence-chip.is-entering{animation:.28s cubic-bezier(.34,1.56,.64,1) presenceChipIn}.presence-more{color:var(--text-2);font-family:var(--font-display);font-size:10px;font-weight:800}@keyframes presenceChipIn{0%{opacity:0;transform:scale(.3)}to{transform:scale(1)}}@keyframes presenceDotsIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes presenceDot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-1.5px)}}.wait-panel{text-align:left;display:none}#game-screen.is-waiting #categories-container,#game-screen.is-waiting #finish-btn{display:none}#game-screen.is-waiting .wait-panel{animation:.32s cubic-bezier(.16,1,.3,1) waitPanelIn;display:block}.wait-head{font-family:var(--font-display);color:var(--text-1);align-items:center;gap:8px;padding:2px 2px 0;font-size:20px;font-weight:800;line-height:1;display:flex}.wait-check{background:var(--ok);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.wait-sub{font-family:var(--font-body);color:var(--text-muted);margin-left:auto;font-size:12px;font-weight:700}.wait-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.wait-list:empty{display:none}.wait-player{border-radius:var(--r-md);background:var(--surface-sunken);align-items:center;gap:12px;min-height:64px;padding:10px 10px 10px 12px;transition:box-shadow .2s;animation:.26s cubic-bezier(.16,1,.3,1) backwards waitCardIn;display:flex}.wait-player.is-nudged{box-shadow:inset 0 0 0 2px var(--ok)}.wait-avatar{background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:23px;display:flex}.wait-info{flex:1;min-width:0}.wait-name{min-width:0;color:var(--text-1);align-items:center;gap:6px;font-size:15px;font-weight:800;line-height:1.2;display:flex}.wait-name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wait-tag{border-radius:var(--r-pill);background:var(--accent-bg);color:var(--accent-ink);flex-shrink:0;align-items:center;gap:3px;padding:2px 7px 2px 4px;font-size:11px;font-weight:800;animation:.24s cubic-bezier(.34,1.56,.64,1) presenceDotsIn;display:inline-flex}.wait-tag:empty{display:none}.wait-tag .buzz-icon{width:14px;height:14px}.wait-progress{align-items:center;gap:8px;margin-top:6px;display:flex}.wait-segs{gap:3px;display:flex}.wait-segs i{border-radius:var(--r-pill);background:var(--line-strong);width:18px;height:6px;transition:background-color .2s}.wait-segs i.is-filled{background:var(--ok)}.wait-segs i.is-typing{background:var(--typing);animation:1s ease-in-out infinite waitSegPulse}.wait-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:700}.nudge-btn{--ledge-h:3px;width:46px;height:46px;margin-bottom:var(--ledge-h);background:var(--accent);color:var(--accent-on);cursor:pointer;box-shadow:inset 0 2px 0 #ffffff59, 0 var(--ledge-h) 0 var(--accent-ink);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform 80ms,box-shadow 80ms,opacity .2s,background-color .2s;display:flex;position:relative}.nudge-btn:not(:disabled):active{transform:translateY(calc(var(--ledge-h) - 1px));box-shadow:inset 0 2px 0 #ffffff59, 0 1px 0 var(--accent-ink)}.nudge-btn .buzz-icon{width:28px;height:28px}.nudge-btn:disabled{opacity:.3;cursor:default;box-shadow:none;transform:translateY(var(--ledge-h))}.nudge-btn.is-sent{opacity:1;background:var(--ok-bg);color:var(--ok)}.nudge-sent-check{background:var(--ok);width:18px;height:18px;box-shadow:0 0 0 2px var(--surface-sunken);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:none;position:absolute;bottom:-3px;right:-3px}.nudge-btn.is-sent .nudge-sent-check{animation:.24s cubic-bezier(.34,1.56,.64,1) presenceDotsIn;display:flex}.wait-foot{--chip-ring:var(--surface);justify-content:space-between;align-items:center;gap:8px;min-height:24px;margin-top:14px;padding:0 2px;display:flex}.wait-foot-done{align-items:center;gap:8px;margin-left:auto;display:flex}.wait-foot-done[hidden]{display:none}.wait-foot-label,.wait-foot-quota{color:var(--text-muted);font-size:11px;font-weight:800}.wait-foot-label{text-transform:uppercase;letter-spacing:.08em}.wait-foot-quota{color:var(--accent-ink)}.wait-foot-quota.is-used{color:var(--text-muted)}@keyframes waitPanelIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes waitCardIn{0%{opacity:0;transform:translateY(6px)}}@keyframes waitSegPulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.7)}}.toast.toast-nudge{border-left-color:var(--accent);font-size:15px}.toast-nudge b{font-weight:800}.toast.toast-finish{border-left-color:var(--accent);font-size:15px}.toast-finish b{font-weight:800}.toast-finish-time{border-radius:var(--r-pill);background:var(--accent);color:var(--accent-on);font-family:var(--font-display);white-space:nowrap;margin-left:auto;padding:3px 9px;font-size:13px;font-weight:800}.nudge-face,.toast-face{background:var(--accent-bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;display:flex}.nudge-hand{color:var(--accent-ink);margin-left:auto;display:flex}.nudge-hand .buzz-icon{width:26px;height:26px}@media (prefers-reduced-motion:reduce){.category-row,.category-tile{transition:none}.presence-chip.is-entering,.presence-chip[data-state=typing] .presence-dots,.presence-dots i,#game-screen.is-waiting .wait-panel,.wait-player,.wait-tag,.wait-segs i.is-typing,.nudge-btn.is-sent .nudge-sent-check{animation:none}.category-row:focus-within{transform:none}.category-row:focus-within .category-tile{transform:rotate(var(--tile-tilt,0deg))}}.letter-box.is-kaos{color:#fff;letter-spacing:.1em;text-indent:.1em;background:0 0;width:auto;min-width:0;padding:0 4px;font-size:26px}.answer-hint{color:var(--bad);letter-spacing:.04em;white-space:nowrap;margin-left:auto;padding-left:8px;font-size:10px}.answer-hint[hidden]{display:none}.category-row.has-error,.category-row.has-error:focus-within{border-color:var(--bad)}.category-row.has-error .category-tile{--tile-bg:var(--bad)}.hard-tag{border-radius:var(--r-pill);background:var(--warn-bg);color:var(--warn);letter-spacing:.04em;text-transform:uppercase;vertical-align:1px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.isim-group{background:var(--surface-sunken);border-radius:var(--r-md);flex-direction:row;align-items:center;gap:8px;padding:3px;display:inline-flex}.isim-group .option-chip{border-radius:var(--r-xs);box-shadow:none;background:0 0;border:2px solid #0000;margin:0}.isim-group .option-chip.selected{background:var(--brand-tint);border-color:var(--brand);color:var(--brand);box-shadow:0 2px 8px rgba(var(--shadow-rgb), .18)}.result-item{border-bottom:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.onboarding-title{font-family:var(--font-display);color:var(--brand-deep);margin-bottom:24px;font-size:22px;font-weight:700}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.avatar-option{background:var(--surface-sunken);border-radius:var(--r-md);cursor:pointer;box-shadow:inset 0 2px 0 #fffc, 0 4px 0 rgba(var(--shadow-rgb), .16);border:3px solid #0000;padding:12px 0;font-size:28px;transition:transform 80ms,box-shadow 80ms,background .15s,border-color .15s}.avatar-option.selected{border-color:var(--brand);background:var(--brand-tint);box-shadow:inset 0 2px 0 #fff9, 0 1px 0 rgba(var(--shadow-rgb), .25);transform:translateY(3px)}.nickname-input{background:var(--surface-sunken);border-radius:var(--r-md);text-align:center;border:2px solid #0000;outline:none;width:100%;margin-bottom:20px;padding:14px;font-size:16px;transition:border-color .15s,background .15s}.nickname-input[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--text-faint);pointer-events:none}.nickname-input:focus,.nickname-input:focus-visible{border-color:var(--brand);background:var(--surface);outline:none}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.profile-card{border-radius:var(--r-lg);width:fit-content;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;margin:0 auto 26px;padding:0;font-family:inherit;transition:transform .12s;display:flex}.profile-card:active{transform:scale(.97)}.profile-avatar{background:var(--surface-sunken);width:88px;height:88px;box-shadow:0 4px 0 rgba(var(--shadow-rgb), .14);border-radius:50%;justify-content:center;align-items:center;font-size:48px;line-height:1;transition:box-shadow .15s;display:flex}.profile-nameplate{border-radius:var(--r-pill);background:var(--brand);color:#fff;box-shadow:0 3px 0 rgba(var(--shadow-rgb), .5);align-items:center;gap:7px;margin-top:-14px;padding:6px 14px 5px;display:inline-flex;position:relative}.profile-nickname{color:var(--text-1);font-size:14px;font-weight:600}.profile-nameplate .profile-nickname{font-family:var(--font-display);color:#fff;max-width:190px;font-size:18px;font-weight:800;line-height:1.1}.profile-edit{opacity:.75;font-size:13px}.btn-outline{color:var(--brand);border:2px solid var(--brand);background:#fff;margin-top:12px}.join-code-area{border-top:1px solid var(--line);align-items:stretch;gap:8px;margin-top:22px;padding-top:18px;display:flex}.room-code-input{background:var(--surface-sunken);border-radius:var(--r-md);text-align:center;letter-spacing:4px;text-transform:uppercase;border:2px solid #0000;outline:none;flex:1;min-width:0;padding:12px;font-size:17px;transition:border-color .15s}.room-code-input[contenteditable]:empty:before{content:attr(data-placeholder);color:var(--text-faint);pointer-events:none}.room-code-input:focus,.room-code-input:focus-visible{border-color:var(--brand);background:var(--surface);outline:none}.screen-title{font-family:var(--font-display);color:var(--brand-deep);margin-bottom:24px;font-size:24px;font-weight:800;line-height:1.1}.setting-group{text-align:left;margin-bottom:22px}.setting-label{color:var(--text-2);margin-bottom:10px;font-size:13px;font-weight:600;display:block}.setting-list{flex-direction:column;gap:16px;display:flex}.setting-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.setting-row .setting-label{margin-bottom:0}.setting-row .pref-chip-face{width:44px;height:44px}.setting-row .pref-chip-face svg{width:20px;height:20px}.option-row{gap:8px;display:flex}.option-row.wrap{flex-wrap:wrap}.option-chip{background:var(--surface);border-radius:var(--r-sm);min-height:44px;color:var(--text-1);cursor:pointer;border:2px solid #0000;padding:12px 16px;font-size:14px;font-weight:600;transition:all .15s}.option-chip.selected{background:var(--brand-tint);border-color:var(--brand);color:var(--brand);box-shadow:0 2px 8px rgba(var(--shadow-rgb), .18)}.btn-text{color:var(--text-muted);background:0 0;margin-top:8px;font-weight:500}.lobby-label{color:var(--text-muted);margin-bottom:6px;font-size:13px}.room-code-display{font-family:var(--font-display);letter-spacing:.14em;text-indent:.14em;color:var(--brand);font-size:30px;font-weight:800;line-height:1}.lobby-info-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px;display:flex}.lobby-info-pill{color:var(--brand);background:var(--brand-tint);border-radius:var(--r-sm);padding:5px 10px;font-size:12px;font-weight:600}button.lobby-info-pill{font-family:inherit;line-height:inherit;cursor:pointer;border:0}.lobby-info-pill.is-tappable{box-shadow:inset 0 0 0 1.5px rgba(var(--shadow-rgb), .12);align-items:center;gap:4px;transition:transform 80ms;display:inline-flex}.lobby-info-pill.is-tappable:active{transform:translateY(1px)}.lobby-info-caret{opacity:.7;font-size:10px;line-height:1}.popover-card.lobby-cats-card{background:var(--brand);max-width:min(280px,100vw - 16px);padding:10px}.popover-card.lobby-cats-card:before{background:var(--brand)}.lobby-cats{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.lobby-cat{border-radius:var(--r-pill,999px);color:#fff;white-space:nowrap;background:#ffffff24;padding:4px 10px;font-size:13px;font-weight:700}.lobby-players{grid-template-columns:repeat(3,1fr);gap:12px 10px;margin:4px 0 18px;display:grid}.round-info{color:var(--text-muted);background:var(--surface-sunken);border-radius:var(--r-sm);padding:6px 12px;font-size:13px;font-weight:600}.round-result-title{color:var(--brand);margin:16px 0 8px;font-size:14px}.round-result-title:first-child{margin-top:0}.chat-container{max-width:380px;padding:0;overflow:hidden}.chat-header{background:var(--grad-brand);color:#fff;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px 12px;display:flex}.chat-header-tile{border-radius:var(--r-sm);background:var(--surface);width:44px;height:44px;color:var(--brand-deep);font-family:var(--font-display);box-shadow:inset 0 -3px 0 rgba(var(--shadow-rgb), .18);transform:rotate(var(--tile-tilt,0deg));flex-shrink:0;justify-content:center;align-items:center;font-size:26px;font-weight:800;line-height:1;display:flex}.chat-header-tile.is-revealing{animation:.5s cubic-bezier(.34,1.56,.64,1) backwards chatTileIn}@keyframes chatTileIn{0%{opacity:0;transform:scale(.4)rotate(-24deg)}to{opacity:1;transform:scale(1) rotate(var(--tile-tilt,0deg))}}.chat-header-title{text-align:left;min-width:0;font-family:var(--font-display);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:21px;font-weight:800;line-height:1.08;display:-webkit-box;overflow:hidden}.chat-progress{flex-basis:100%;gap:4px;display:flex}.chat-progress-seg{border-radius:var(--r-pill);background:var(--on-grad-fill-strong);flex:1;height:5px;transition:background-color .25s}.chat-progress-seg.is-done{background:#ffffffe6}.chat-progress-seg.is-current{background:var(--accent)}.chat-body{background:var(--chat-bg);overscroll-behavior:contain;flex-direction:column;gap:10px;min-height:min(280px,38dvh);max-height:clamp(220px,52dvh,420px);padding:16px 12px;display:flex;overflow-y:auto}.chat-stage{background:var(--chat-bg);position:relative}.chat-stage:before{content:"";pointer-events:none;background-color:rgba(var(--shadow-rgb), .045);position:absolute;inset:0;-webkit-mask-image:url(/assets/bg/doodle-pattern.svg);mask-image:url(/assets/bg/doodle-pattern.svg);-webkit-mask-size:200px;mask-size:200px}.chat-stage>.chat-body{background:0 0;position:relative}.chat-row{flex-direction:column;gap:2px;display:flex}.chat-row.chat-row-me{align-items:flex-end}.chat-row.chat-row-them{align-items:flex-start}.chat-author{color:var(--text-2);margin:0 6px 1px;font-size:13px;font-weight:700}.chat-bubble{background:var(--chat-bubble-them);border:2px solid var(--bubble-border);max-width:80%;box-shadow:var(--shadow-bubble);border-radius:18px 18px 18px 6px;align-items:center;gap:8px;padding:10px 15px;display:flex}.chat-row-me .chat-bubble{background:var(--chat-bubble-me);border-radius:18px 18px 6px}.chat-bubble-word{color:var(--text-1);word-break:break-word;font-size:16px;font-weight:600}.chat-bubble-word.empty{color:var(--text-muted);font-style:italic}.chat-bubble.is-score-0,.chat-bubble.is-score-5,.chat-bubble.is-score-10{transition:background-color .35s,border-color .35s}.chat-bubble.is-score-0{background:var(--score-0-bg);border-color:var(--score-0-line)}.chat-bubble.is-score-0 .chat-bubble-word{color:var(--score-0)}.chat-bubble.is-score-5{background:var(--score-5-bg);border-color:var(--score-5-line)}.chat-bubble.is-score-5 .chat-bubble-word{color:var(--score-5)}.chat-bubble.is-score-10{background:var(--score-10-bg);border-color:var(--score-10-line)}.chat-bubble.is-score-10 .chat-bubble-word{color:var(--score-10)}.chat-bubble.is-pending{border-style:dashed;border-color:var(--line-strong)}.chat-bubble-points{border-radius:var(--r-pill);min-width:26px;font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;background:var(--surface-sunken);color:var(--text-muted);flex-shrink:0;padding:1px 8px;font-size:13px;font-weight:800;line-height:20px;transition:background-color .35s,color .35s}.is-score-0>.chat-bubble-points{background:var(--score-0-chip);color:var(--score-0-chip-on)}.is-score-5>.chat-bubble-points{background:var(--score-5-chip);color:var(--score-5-chip-on)}.is-score-10>.chat-bubble-points{background:var(--score-10-chip);color:var(--score-10-chip-on)}.chat-legend{text-align:center;margin:4px 0}.chat-legend span{color:var(--text-2);border-radius:var(--r-pill);background:#ffffffb3;padding:4px 12px;font-size:12px}.chat-footer{background:var(--surface);border-top:1px solid var(--line);padding:10px 12px 16px}.chat-footer .btn{margin:0}.chat-footer-hint{text-align:center;color:var(--text-muted);background:var(--surface);padding:10px 0 16px;font-size:12px}.round-summary-category{color:var(--brand);margin:16px 0 6px;font-size:13px;font-weight:600}.round-summary-category:first-child{margin-top:0}.round-summary-player-header{justify-content:space-between;align-items:center;margin:14px 0 4px;padding:0 2px;display:flex}.round-summary-player-name{font-size:15px;font-weight:700}.round-summary-player-score{color:var(--brand);background:var(--brand-tint);border-radius:var(--r-sm);padding:3px 10px;font-size:13px;font-weight:700}.result-item-right{align-items:center;gap:6px;display:flex}.result-points{color:var(--brand);font-size:12px;font-weight:600}.final-score-row{background:var(--surface-sunken);border-radius:var(--r-md);align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.final-rank{text-align:center;width:28px;font-size:20px}.final-player-info{text-align:left;flex:1}.final-player-name{font-size:15px;font-weight:700}.final-player-total{color:var(--text-muted);font-size:13px}.final-score-badge{color:var(--brand);font-size:18px;font-weight:700}.chat-bubble-typing{padding:10px 16px}.typing-dots{align-items:center;gap:3px;display:flex}.typing-dots span{color:var(--text-muted);font-size:20px;line-height:1;animation:1.2s infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-row{animation:.26s cubic-bezier(.16,1,.3,1) backwards chatRowIn}.chat-row-them{--chat-row-from:-14px}.chat-row-me{--chat-row-from:14px}@keyframes chatRowIn{0%{opacity:0;transform:translate(var(--chat-row-from,0), 6px)}to{opacity:1;transform:translate(0)}}.chat-bubble-reveal{animation:.3s cubic-bezier(.34,1.56,.64,1) backwards chatBubblePop}@keyframes chatBubblePop{0%{opacity:0;transform:scale(.86)}60%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.chat-bubble-reveal .chat-bubble-points{animation:.34s cubic-bezier(.34,1.56,.64,1) .16s backwards chatIconStamp}@keyframes chatIconStamp{0%{opacity:0;transform:scale(2.1)rotate(-14deg)}to{opacity:1;transform:scale(1)rotate(0)}}.chat-bubble-reveal.chat-bubble-ok{animation:.3s cubic-bezier(.34,1.56,.64,1) backwards chatBubblePop,.75s ease-out .16s backwards chatGlowOk,.9s ease-in-out .35s chatShine}.chat-bubble.is-score-10{background-image:linear-gradient(115deg,#0000 38%,#fffc 50%,#0000 62%);background-position:150% 0;background-repeat:no-repeat;background-size:250% 100%;position:relative}@keyframes chatShine{0%{background-position:150% 0}to{background-position:-50% 0}}.chat-bubble.is-score-10:before,.chat-bubble.is-score-10:after{content:"";background:var(--score-10-chip);clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;pointer-events:none;width:14px;height:14px;animation:2.4s ease-in-out 3 chatSparkle;position:absolute}.chat-bubble.is-score-10:before{animation-delay:.45s;top:-8px;left:52%}.chat-bubble.is-score-10:after{width:10px;height:10px;animation-delay:1.2s;bottom:-6px;left:14px}@keyframes chatSparkle{0%{opacity:0;transform:scale(.3)rotate(0)}15%{opacity:1;transform:scale(1)rotate(45deg)}32%{opacity:0;transform:scale(.3)rotate(90deg)}to{opacity:0;transform:scale(.3)rotate(90deg)}}@keyframes chatGlowOk{0%{box-shadow:var(--shadow-bubble), 0 0 0 0 rgba(var(--score-10-rgb), .4)}35%{box-shadow:var(--shadow-bubble), 0 0 0 6px rgba(var(--score-10-rgb), .24)}to{box-shadow:var(--shadow-bubble), 0 0 0 12px rgba(var(--score-10-rgb), 0)}}.chat-bubble.is-matching{animation:.5s linear chatBuzz}@keyframes chatBuzz{0%,to{transform:none}10%{transform:translate(-3px)rotate(-1.5deg)}22%{transform:translate(3px)rotate(1.5deg)}34%{transform:translate(-3px)rotate(-1.2deg)}46%{transform:translate(3px)rotate(1.2deg)}58%{transform:translate(-2px)rotate(-.8deg)}70%{transform:translate(2px)rotate(.6deg)}82%{transform:translate(-1px)}}.chat-bubble.is-matching .chat-bubble-points{animation:.34s cubic-bezier(.34,1.56,.64,1) 80ms backwards chatIconStamp}@keyframes chatMatch{0%{transform:scale(1)}35%{transform:scale(1.07)rotate(-1.5deg)}to{transform:scale(1)rotate(0)}}.chat-bubble.is-verdict{animation:.42s cubic-bezier(.34,1.56,.64,1) chatMatch}.chat-bubble.is-score-10.is-verdict{animation:.42s cubic-bezier(.34,1.56,.64,1) chatMatch,.9s ease-in-out .2s chatShine}.chat-bubble.is-verdict-bad{animation:.36s ease-in-out chatShake}.chat-bubble.is-verdict .chat-bubble-points,.chat-bubble.is-verdict-bad .chat-bubble-points{animation:.34s cubic-bezier(.34,1.56,.64,1) backwards chatIconStamp}.chat-bubble-reveal.chat-bubble-bad{animation:.3s cubic-bezier(.34,1.56,.64,1) backwards chatBubblePop,.36s ease-in-out .3s chatShake}@keyframes chatShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}.dispute-widget{background:var(--surface);border:1.5px solid var(--bubble-border);box-shadow:var(--shadow-bubble);border-radius:22px;flex-direction:column;align-self:flex-start;width:auto;margin:6px 0 0 6px;padding:5px 6px 6px;animation:.28s cubic-bezier(.16,1,.3,1) backwards disputeIn;display:inline-flex}@keyframes disputeIn{0%{opacity:0;transform:translateY(-6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.chat-row-me .dispute-widget{align-self:flex-end;margin:6px 6px 0 0}.dispute-buttons{gap:6px;display:flex}.dispute-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.dispute-btn:disabled{cursor:default}.dispute-btn-face{border-radius:var(--r-pill);justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;font-size:18px;font-weight:700;line-height:1;transition:background .15s,color .15s,opacity .15s,transform .12s;display:flex}.dispute-face-yanlis{background:var(--bad-bg);color:var(--bad)}.dispute-face-yazim{background:var(--warn-bg);color:var(--warn);font-size:15px}.dispute-face-dogru{background:var(--ok-bg);color:var(--ok)}.dispute-widget-voted .dispute-btn-face{opacity:.45}.dispute-widget-voted .dispute-btn.chosen .dispute-btn-face{opacity:1;color:var(--surface)}.dispute-btn.chosen .dispute-face-yanlis{background:var(--bad)}.dispute-btn.chosen .dispute-face-yazim{background:var(--warn)}.dispute-btn.chosen .dispute-face-dogru{background:var(--ok)}.dispute-widget-owner .dispute-btn-face{background:var(--surface-sunken);color:var(--text-faint)}.dispute-btn-count{background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--r-pill);min-width:18px;height:18px;color:var(--text-2);justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.dispute-btn-count[hidden]{display:none}.dispute-btn-count.chosen{border-color:currentColor}.dispute-bar{background:var(--line);border-radius:var(--r-pill);height:3px;margin-top:6px;overflow:hidden}.dispute-bar-fill{background:var(--brand);border-radius:var(--r-pill);transform-origin:0;width:100%;height:100%;animation:10s linear forwards dispute-countdown}@keyframes dispute-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.dispute-widget-done{box-shadow:none;background:0 0;border:none;justify-content:center;align-items:flex-start;min-height:61px;padding:0}.dispute-widget-mirrored{min-height:0}.dispute-result{border-radius:var(--r-pill);align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;display:inline-flex}.dispute-result-dogru{background:var(--score-10-bg);color:var(--score-10)}.dispute-result-yazim{background:var(--score-5-bg);color:var(--score-5)}.dispute-result-yanlis{background:var(--score-0-bg);color:var(--score-0)}.dispute-result-note{color:var(--text-faint);margin:3px 0 0 8px;font-size:11px}@media (hover:hover) and (pointer:fine){.dispute-btn:not(:disabled):hover .dispute-btn-face{transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.dispute-btn-face{transition:none}.dispute-btn:not(:disabled):hover .dispute-btn-face{transform:none}}.letter-picker-options{flex-direction:column;align-items:center;gap:12px;margin:24px 0 8px;display:flex}.letter-picker-row{justify-content:center;gap:12px;display:flex}.letter-pick-btn{border-radius:var(--r-md);border:2px solid var(--brand);background:var(--brand-tint);width:64px;height:64px;color:var(--brand);cursor:pointer;font-size:28px;font-weight:700;transition:all .15s}.letter-pick-btn:disabled{border-color:var(--line-strong);background:var(--surface-sunken);color:var(--text-faint);cursor:default;transform:none}.mixx-toggle-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mixx-toggle-label{flex-direction:column;gap:2px;display:flex}.mixx-toggle-desc{color:var(--text-muted);font-size:12px;font-weight:400}.settings-legal-link{text-align:center;color:var(--text-muted);margin-top:20px;font-size:12px;display:block}.settings-legal-link a{color:inherit}.settings-legal-link[hidden]{display:none}.settings-legal-link+.settings-legal-link{margin-top:8px}.settings-link-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.toggle-switch{flex-shrink:0;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--input-border);border-radius:var(--r-pill);cursor:pointer;width:51px;height:31px;transition:background .2s;display:block;position:relative}.toggle-track:after{content:"";background:var(--surface);border-radius:50%;width:25px;height:25px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.toggle-switch input:checked+.toggle-track{background:var(--brand)}.toggle-switch input:checked+.toggle-track:after{left:23px}.toggle-switch input:disabled+.toggle-track{opacity:.45;cursor:not-allowed}.ready-toggle-btn{border-radius:var(--r-xs);cursor:pointer;background:var(--surface-sunken);color:var(--text-muted);border:none;padding:5px 10px;font-size:12px;font-weight:600}.ready-toggle-btn.is-ready{background:var(--ok-bg);color:var(--ok)}.icon-btn{background:var(--surface);border-radius:var(--r-pill);cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:box-shadow .15s,transform .12s;display:flex}.icon-btn:active{transform:scale(.94)}.theme-row{gap:8px;display:flex}.theme-swatch{background:var(--surface);cursor:pointer;border:2px solid #0000;border-radius:50%;flex:none;width:44px;height:44px;padding:3px;transition:border-color .15s,background .15s}.theme-chip{border-radius:50%;width:100%;height:100%;display:block;box-shadow:inset 0 0 0 1px #00000014}.theme-swatch.selected{border-color:var(--brand);background:var(--brand-tint)}@media (hover:hover) and (pointer:fine){.btn:hover{transform:translateY(-2px)}.btn-primary:hover{box-shadow:0 9px 22px rgba(var(--shadow-rgb), .42)}.btn-outline:hover{background:var(--brand-tint)}.btn-text:hover{color:var(--text-1);transform:none}.option-chip:hover,.isim-group .option-chip:hover,.avatar-option:hover{background:var(--surface-hover)}.letter-pick-btn:hover:not(:disabled){background:var(--brand);color:#fff;transform:scale(1.08)}.icon-btn:hover{box-shadow:var(--shadow-md)}.theme-swatch:hover{background:var(--surface-hover)}}.option-chip:active,.theme-swatch:active,.letter-pick-btn:active:not(:disabled){transform:scale(.96)}.avatar-option:active{box-shadow:inset 0 2px 0 #fff9, 0 1px 0 rgba(var(--shadow-rgb), .25);transform:translateY(3px)}:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.chat-header :focus-visible{outline-color:#fff}.icon-btn,.icon-chunky{position:relative}.icon-btn:after,.icon-chunky-sm:after{content:"";width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-nickname{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container-flush{padding:0;overflow:hidden}.summary-head{background:var(--grad-brand);color:#fff;padding:16px 16px 18px}.summary-head-title{font-family:var(--font-display);letter-spacing:.4px;text-transform:uppercase;opacity:.82;text-align:center;margin-bottom:11px;font-size:13px;font-weight:700}.standings{flex-direction:column;gap:6px;display:flex}.standing-row{background:var(--on-grad-fill);border-radius:var(--r-sm);align-items:center;gap:8px;padding:7px 9px;display:flex}.standing-row.is-leader{background:rgba(var(--accent-rgb), .24);box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb), .6)}.standing-row.is-left{opacity:.5}.standing-rank{font-family:var(--font-display);opacity:.75;flex-shrink:0;width:15px;font-size:13px;font-weight:800}.standing-row.is-leader .standing-rank{opacity:1;color:var(--accent)}.standing-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13.5px;font-weight:700;overflow:hidden}.standing-delta{border-radius:var(--r-pill);background:var(--on-grad-fill-strong);flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:800}.standing-total{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-align:right;flex-shrink:0;min-width:26px;font-size:16px;font-weight:800}.summary-body{padding:16px 18px 20px}.summary-body .btn-primary{margin-top:20px}.btn-reveal{background:var(--surface-sunken);border-radius:var(--r-md);width:100%;font-family:var(--font-body);color:var(--text-2);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:12px;font-size:14px;font-weight:700;display:flex}.btn-reveal .chev{font-size:11px;transition:transform .2s}.btn-reveal[aria-expanded=true] .chev{transform:rotate(180deg)}.category-accordion{margin-top:12px}.cat-block{border-bottom:1px solid var(--line)}.cat-block:last-child{border-bottom:none}.cat-toggle{width:100%;font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;min-height:46px;padding:12px 2px;display:flex}.cat-name{font-family:var(--font-display);color:var(--brand-deep);flex:1;font-size:15px;font-weight:700}.cat-mine{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.cat-chev{color:var(--text-faint);font-size:10px;transition:transform .2s}.cat-block.open .cat-chev{transform:rotate(180deg)}.cat-panel{grid-template-rows:0fr;transition:grid-template-rows .22s;display:grid}.cat-block.open .cat-panel{grid-template-rows:1fr}.cat-panel-inner{overflow:hidden}.cat-panel-pad{padding-bottom:10px}.ans-row{border-radius:var(--r-sm);background:var(--surface-sunken);align-items:center;gap:8px;margin-bottom:4px;padding:7px 10px;display:flex}.ans-row.is-best{background:var(--accent-bg);box-shadow:inset 0 0 0 1.5px rgba(var(--shadow-rgb), .18)}.ans-row.is-empty{background:0 0}.ans-avatar{flex-shrink:0;font-size:14px}.ans-word{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;font-weight:700;overflow:hidden}.ans-row.is-empty .ans-word{color:var(--text-faint);font-style:italic;font-weight:600}.ans-points{color:var(--accent-ink);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;font-weight:800}.ans-icon{flex-shrink:0;font-size:13px}.summary-empty{color:var(--text-muted);text-align:center;padding:14px 0;font-size:13px}.btn:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.final-head{background:var(--grad-brand);color:#fff;text-align:center;padding:18px 18px 22px}.final-head-label{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;opacity:.75;margin-bottom:14px;font-size:12px;font-weight:700}.final-winner-avatar{margin-bottom:8px;font-size:44px;line-height:1}.final-winner-name{font-family:var(--font-display);word-break:break-word;margin-bottom:10px;font-size:22px;font-weight:800}.final-winner-score{font-family:var(--font-display);border-radius:var(--r-pill);background:rgba(var(--accent-rgb), .24);box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb), .6);padding:5px 16px;font-size:15px;font-weight:800;display:inline-block}.final-body{padding:16px 18px 20px}.results{text-align:left;margin:0 0 4px}.final-score-row.is-left{opacity:.5}.final-left-tag{color:var(--text-muted);font-size:.75em;font-weight:600}.final-body .btn-primary{margin-top:16px}.celebrate-bar{gap:10px;margin-top:14px;display:flex}.celebrate-bar[hidden]{display:none}.celebrate-btn{color:var(--text-2);background:var(--surface);box-shadow:inset 0 0 0 2px var(--line);border-radius:var(--r-pill);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px 12px;font-family:inherit;font-size:13.5px;font-weight:700;transition:transform .12s,box-shadow .16s,color .16s,background .16s;display:flex}.celebrate-btn:not(:disabled):active{transform:scale(.97)}.celebrate-emoji{font-size:24px;line-height:1}.celebrate-count{border-radius:var(--r-pill);background:rgba(var(--shadow-rgb), .08);min-width:18px;padding:1px 6px;font-size:12px;font-weight:800}.celebrate-count[hidden]{display:none}.celebrate-btn.is-on{background:var(--brand-tint);color:var(--brand);box-shadow:inset 0 0 0 2px var(--brand)}.celebrate-btn:disabled{cursor:default}.celebrate-btn.is-spent{color:var(--ok);background:var(--ok-bg);box-shadow:inset 0 0 0 2px var(--ok);opacity:1}.celebrate-bar.is-readonly .celebrate-btn{cursor:default;box-shadow:inset 0 0 0 1.5px var(--line)}.final-celebrate-marks{flex:none;align-items:center;gap:6px;display:flex}.final-mark{opacity:.18;filter:grayscale();font-size:16px;line-height:1;transition:opacity .18s,filter .18s,transform .18s}.final-mark.is-on{opacity:1;filter:none}.final-mark.is-lighting{animation:.34s cubic-bezier(.34,1.56,.64,1) backwards chatBubblePop}.final-solo{color:var(--text-muted);text-align:center;padding:6px 0 2px;font-size:13px}.lobby-ready-status{color:var(--text-muted);text-align:center;min-height:16px;margin:4px 0 12px;font-size:12.5px;font-weight:700}.lobby-ready-status.all-ready{color:var(--ok)}#ready-btn.is-ready{background:var(--ok-bg);color:var(--ok);box-shadow:inset 0 0 0 2px var(--ok);transform:translateY(3px)}.you-tag{color:var(--text-faint);font-size:.75em;font-weight:700}.screen.is-in-fwd>.container{animation:.48s cubic-bezier(.16,1,.3,1) both swipeInFwd}.screen.is-in-back>.container{animation:.48s cubic-bezier(.16,1,.3,1) both swipeInBack}@keyframes swipeInFwd{0%{opacity:0;transform:translate(26%)}30%{opacity:1}to{opacity:1;transform:none}}@keyframes swipeInBack{0%{opacity:0;transform:translate(-26%)}30%{opacity:1}to{opacity:1;transform:none}}.letter-box{position:relative}.letter-box.is-revealing{animation:.62s cubic-bezier(.34,1.56,.64,1) both letterPop}.letter-box.is-revealing:after{content:"";border-radius:calc(var(--r-md) + 8px);border:2px solid var(--accent);pointer-events:none;animation:.7s ease-out .1s both letterRing;position:absolute;inset:-8px}@keyframes letterPop{0%{opacity:0;transform:scale(.35)rotate(-16deg)}55%{opacity:1;transform:scale(1.16)rotate(5deg)}78%{transform:scale(.95)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes letterRing{0%{opacity:.85;transform:scale(.75)}to{opacity:0;transform:scale(1.35)}}.letter-pick-btn.is-chosen{animation:.34s cubic-bezier(.34,1.56,.64,1) both pickPop}.letter-picker-options.has-choice .letter-pick-btn:not(.is-chosen){opacity:.3;transition:opacity .22s,transform .22s;transform:scale(.94)}@keyframes pickPop{0%{transform:none}45%{transform:scale(1.18)}to{transform:none}}.standings.is-counting .standing-row,.results.is-counting .final-score-row{animation:.34s cubic-bezier(.22,1,.36,1) both rowRise;animation-delay:calc(var(--i,0) * 70ms)}.standings.is-counting .standing-delta{animation:.42s cubic-bezier(.34,1.56,.64,1) both deltaPop;animation-delay:calc(.34s + var(--i,0) * 70ms)}.final-winner.is-revealing{animation:.52s cubic-bezier(.34,1.56,.64,1) both winnerRise}@keyframes rowRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes deltaPop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:none}}@keyframes winnerRise{0%{opacity:0;transform:scale(.82)translateY(8px)}to{opacity:1;transform:none}}.toast-root{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:60;pointer-events:none;flex-direction:column;gap:8px;width:min(420px,100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--surface);color:var(--text-1);border-left:4px solid var(--brand);border-radius:var(--r-md);box-shadow:var(--shadow-lg);font-family:var(--font-body);text-align:left;cursor:pointer;pointer-events:auto;align-items:center;gap:10px;padding:11px 14px 11px 12px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.toast-icon{border-radius:var(--r-pill);background:var(--brand);color:#fff;width:20px;height:20px;font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.toast-success{border-left-color:var(--ok)}.toast-success .toast-icon{background:var(--ok)}.toast-error{border-left-color:var(--bad)}.toast-error .toast-icon{background:var(--bad)}.toast.is-in{animation:.26s cubic-bezier(.22,1,.36,1) both toastIn}.toast.is-out{animation:.2s ease-in both toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px)scale(.96)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)scale(.98)}}.conn-banner{top:calc(env(safe-area-inset-top,0px) + 10px);z-index:90;background:var(--text-1);max-width:calc(100% - 24px);color:var(--surface);border-radius:var(--r-pill);box-shadow:var(--shadow-lg);font-family:var(--font-body);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;align-items:center;gap:9px;padding:8px 15px 8px 11px;font-size:13px;font-weight:700;line-height:1.2;transition:opacity .2s,transform .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s;display:flex;position:fixed;left:50%;transform:translate(-50%,-14px)}.conn-banner.is-on{opacity:1;visibility:visible;transition-delay:0s;transform:translate(-50%)}.conn-banner-spinner{border:2px solid var(--on-grad-fill-strong);border-top-color:var(--surface);border-radius:var(--r-pill);flex-shrink:0;width:13px;height:13px;animation:.9s linear infinite connSpin}@keyframes connSpin{to{transform:rotate(360deg)}}.standing-total,.final-score-value,.final-winner-score-value{font-variant-numeric:tabular-nums}.timer-bar{top:calc(env(safe-area-inset-top,0px) + var(--vv-offset-top,0px));z-index:50;background:rgba(var(--shadow-rgb), .3);height:4px;display:none;position:fixed;left:0;right:0}.timer-bar.is-visible{display:block}.timer-bar-fill{transform-origin:0;background:var(--accent);opacity:.4;height:100%;transform:scaleX(1)}.timer-bar-fill.is-running{opacity:1;animation:timerDrain var(--timer-total,30s) linear var(--timer-offset,0s) both, timerHeat var(--timer-total,30s) linear var(--timer-offset,0s) both}@keyframes timerDrain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes timerHeat{0%,66%{background:var(--accent)}to{background:var(--bad)}}@media (prefers-reduced-motion:reduce){.timer-bar-fill.is-running{animation-duration:var(--timer-total,30s)!important;animation-iteration-count:1!important}}.round-intro{z-index:70;padding:calc(env(safe-area-inset-top,0px) + 24px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);background:var(--grad-app);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.round-intro:before{content:"";pointer-events:none;background-color:var(--pattern-color);-webkit-mask-image:url(/assets/bg/doodle-pattern.svg);mask-image:url(/assets/bg/doodle-pattern.svg);-webkit-mask-size:var(--pattern-size);-webkit-mask-size:var(--pattern-size);mask-size:var(--pattern-size);position:absolute;inset:0}.round-intro.is-open{animation:.2s both introFade;display:flex}.round-intro-inner{text-align:center;color:#fff;flex-direction:column;align-items:center;display:flex;position:relative}.round-intro-round{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;opacity:.72;margin-bottom:20px;font-size:13px;font-weight:700}.round-intro-letter{width:132px;height:132px;color:var(--brand-deep);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);font-family:var(--font-display);background:#fff;justify-content:center;align-items:center;margin:0 auto 24px;font-size:74px;font-weight:800;line-height:1;display:flex}.round-intro-letter.is-in{animation:.52s cubic-bezier(.34,1.56,.64,1) both introLetter}.round-intro-count{font-family:var(--font-display);font-variant-numeric:tabular-nums;min-height:44px;font-size:34px;font-weight:800}.round-intro-count.is-tick{animation:.7s ease-out both introTick}.round-intro-count.is-go{color:var(--accent)}@keyframes introFade{0%{opacity:0}to{opacity:1}}@keyframes introLetter{0%{opacity:0;transform:scale(.4)rotate(-10deg)}to{opacity:1;transform:none}}@keyframes introTick{0%{opacity:.2;transform:scale(1.7)}35%{opacity:1;transform:scale(1)}to{opacity:1;transform:none}}.confetti-root{z-index:55;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti-piece{animation:confettiFall var(--fall,3s) var(--delay,0s) cubic-bezier(.3, .55, .5, 1) both;border-radius:2px;display:block;position:absolute;top:-24px}@keyframes confettiFall{0%{opacity:0;transform:translateY(-24px)rotate(0)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate3d(var(--drift,0px), 105vh, 0) rotate(var(--spin,0deg))}}.final-winner-avatar{justify-content:center;align-items:center;width:104px;height:104px;margin-bottom:10px;display:inline-flex;position:relative}.final-winner-avatar .wreath{width:100%;height:100%;color:var(--accent);pointer-events:none;position:absolute;inset:0}.final-winner-emoji{font-size:42px;line-height:1;position:relative}.final-winner.is-revealing .wreath{animation:.72s cubic-bezier(.34,1.56,.64,1) .16s both wreathIn}@keyframes wreathIn{0%{opacity:0;transform:scale(.5)rotate(-14deg)}to{opacity:1;transform:none}}.toast-root{z-index:80}.round-intro-wait{font-family:var(--font-body);opacity:.7;min-height:18px;margin-top:10px;font-size:13px;font-weight:700}.round-intro.is-kaos .round-intro-count{order:1;min-height:84px;font-size:72px;line-height:1.1}.round-intro.is-kaos .round-intro-letter{width:auto;height:auto;box-shadow:none;color:var(--accent);background:0 0;order:2;margin:6px 0 0;padding:0;font-size:24px;line-height:1.2}.round-intro.is-kaos .round-intro-wait{order:3}.round-intro-tip{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);border-radius:var(--r-lg);background:var(--on-grad-fill);color:#fff;text-align:left;align-items:flex-start;gap:12px;width:min(340px,100% - 40px);padding:12px 16px 13px 12px;display:flex;position:absolute;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff1f}.round-intro.is-open .round-intro-tip{animation:.4s cubic-bezier(.16,1,.3,1) .25s backwards introTipIn}@keyframes introTipIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.round-intro-tip-icon{background:var(--accent);width:34px;height:34px;color:var(--accent-on);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;transform:rotate(-8deg)}.round-intro-tip-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.round-intro-tip-body{flex-direction:column;gap:2px;min-width:0;display:flex}.round-intro-tip-label{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:12px;font-weight:800}.round-intro-tip-text{font-size:14px;font-weight:600;line-height:1.4}.chat-bubble-reactable{cursor:pointer;transition:transform .12s}.chat-bubble-reactable:active{transform:scale(.97)}.emote-lane{z-index:1;gap:4px;margin-top:-7px;padding:0 12px;display:none;position:relative}.chat-row-me .emote-lane{justify-content:flex-end}.emote-chip{background:var(--surface);border:1.5px solid var(--bubble-border);border-radius:var(--r-pill);color:var(--text-2);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:3px;padding:2px 7px 2px 5px;font-family:inherit;font-size:12px;font-weight:600;animation:.22s cubic-bezier(.16,1,.3,1) emote-pop;display:flex}.emote-chip:disabled{cursor:default}.emote-chip-mine{border-color:var(--brand);color:var(--brand)}.emote-chip-glyph{font-size:13px;line-height:1}.emote-chip-count{text-align:center;min-width:7px;line-height:1}@keyframes emote-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.emote-picker{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-pill);box-shadow:var(--shadow-md);gap:1px;margin-bottom:6px;padding:4px 6px;animation:.18s cubic-bezier(.16,1,.3,1) emote-picker-in;display:flex}@keyframes emote-picker-in{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.emote-picker-btn{border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;line-height:1;transition:background .12s,transform .12s;display:flex}.emote-picker-btn.selected{background:var(--brand-tint)}.emote-picker-btn:active{transform:scale(.88)}@media (hover:hover) and (pointer:fine){.emote-picker-btn:hover{background:var(--surface-hover)}.emote-chip:not(:disabled):hover{border-color:var(--line-strong)}}@media (prefers-reduced-motion:reduce){.emote-chip,.emote-picker{animation:none}.chat-bubble-reactable:active,.emote-picker-btn:active{transform:none}}.screen-exit{border-radius:var(--r-xs);background:var(--on-grad-fill-strong);color:#fff;min-width:28px;height:28px;font-family:var(--font-body);white-space:nowrap;cursor:pointer;border:none;flex-shrink:0;padding:0 8px;font-size:12px;font-weight:700;line-height:1;transition:background .15s}.screen-exit:hover{background:#ffffff57}.screen-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.screen-icon-btn{border-radius:var(--r-xs);background:var(--on-grad-fill-strong);color:#fff;cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,transform .12s;display:flex}.screen-icon-btn svg{width:15px;height:15px}.screen-icon-btn:active{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.screen-icon-btn:hover{background:#ffffff57}}.summary-head,.final-head{position:relative}.summary-head>.screen-exit,.final-head>.screen-exit{z-index:2;position:absolute;top:10px;right:10px}[data-leave-game].is-armed .screen-exit-label{font-size:11px}.screen-exit.is-armed{background:var(--bad-bg);color:var(--bad)}.btn-text.is-armed{color:var(--bad)}#profile-avatar-grid{margin-bottom:14px}#profile-nickname-input{margin-bottom:12px}.modal{z-index:70;padding:calc(env(safe-area-inset-top,0px) + 20px) 20px calc(env(safe-area-inset-bottom,0px) + 20px);background:rgba(var(--shadow-rgb), .55);justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow-y:auto}.modal.is-open{animation:.18s both introFade;display:flex}.modal-card{background:var(--surface);border-radius:var(--r-lg);width:100%;max-width:340px;max-height:100%;box-shadow:var(--shadow-lg);text-align:center;padding:24px 20px 16px;animation:.2s cubic-bezier(.2,.9,.3,1.2) both modalPop;position:relative;overflow-y:auto}.modal-card-wide{max-width:380px;padding:24px 24px 16px}.modal-close{z-index:2;border-radius:var(--r-pill);width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1;transition:background .15s,color .15s;position:absolute;top:12px;right:12px}.modal-close:hover{background:var(--line);color:var(--text-1)}.modal-title{font-family:var(--font-display);color:var(--text-1);margin-bottom:18px;padding:0 34px;font-size:19px;font-weight:800}.modal-text{color:var(--text-2);margin:-6px 0 20px;font-size:15px;line-height:1.45}@keyframes modalPop{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.quick-play-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.home-room-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.btn.quick-play{position:relative}.new-badge{border-radius:var(--r-xs);background:var(--surface);color:var(--brand-deep);font-family:var(--font-display);letter-spacing:.06em;pointer-events:none;padding:2px 8px;font-size:10px;font-weight:800;line-height:1.3;position:absolute;top:-10px;right:8px;transform:rotate(4deg);box-shadow:0 2px 6px #00000040}.btn.quick-play{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;margin:0;padding:14px 10px;display:flex}.quick-play-title{font-family:var(--font-display);font-size:17px;font-weight:800;line-height:1.1}.quick-play-desc{opacity:.72;font-size:11px;font-weight:600;line-height:1.25}.btn-chunky,.btn-primary,.btn-secondary,.btn-outline,.btn-reveal,.celebrate-btn{--ledge:rgba(var(--shadow-rgb), .5);--ledge-h:4px;--shine:#ffffff29;box-shadow:inset 0 2px 0 var(--shine), 0 var(--ledge-h) 0 var(--ledge);border:none;transition:transform 80ms,box-shadow 80ms,filter .15s,background .15s}.btn-chunky,.btn-primary,.btn-secondary,.btn-outline{border-radius:var(--r-md)}.btn-chunky{margin-top:0;margin-bottom:var(--ledge-h)}.btn-chunky:active,.btn-primary:active,.btn-secondary:active,.btn-outline:active,.btn-reveal:active,.celebrate-btn:not(:disabled):active{transform:translateY(calc(var(--ledge-h) - 1px));box-shadow:inset 0 2px 0 var(--shine), 0 1px 0 var(--ledge);filter:none}.btn-chunky:disabled{box-shadow:none}.btn-chunky-brand{background:var(--grad-brand);color:#fff;--ledge:rgba(var(--shadow-rgb), .62)}.btn-primary{--ledge:var(--btn-primary-ledge)}.btn-chunky-accent,.btn-secondary{background:var(--accent);color:var(--accent-on);--ledge:var(--accent-ink);--shine:#ffffff59}.btn-chunky-plain,.btn-outline{background:var(--surface-sunken);color:var(--brand-deep);--ledge:rgba(var(--shadow-rgb), .16);--shine:#fffc}.btn-reveal,.celebrate-btn{background:var(--surface-sunken);--ledge:rgba(var(--shadow-rgb), .16);--shine:#fffc}.letter-pick-btn{font-family:var(--font-display);box-shadow:inset 0 2px 0 #ffffffb3, 0 4px 0 rgba(var(--shadow-rgb), .22);border:none;font-weight:800}.letter-pick-btn:active:not(:disabled){box-shadow:inset 0 2px 0 #ffffffb3, 0 1px 0 rgba(var(--shadow-rgb), .22);transform:translateY(3px)}.letter-pick-btn:disabled{box-shadow:none}#confirm-join-btn{flex-shrink:0;width:auto;padding:0 22px}@media (hover:hover) and (pointer:fine){.btn-chunky:hover,.btn-primary:hover,.btn-secondary:hover,.btn-outline:hover,.btn-reveal:hover,.celebrate-btn:not(:disabled):not(.is-on):hover{filter:brightness(1.05);box-shadow:inset 0 2px 0 var(--shine), 0 calc(var(--ledge-h) + 1px) 0 var(--ledge);transform:translateY(-1px)}.btn-chunky:active,.btn-primary:active,.btn-secondary:active,.btn-outline:active,.btn-reveal:active,.celebrate-btn:not(:disabled):active{transform:translateY(calc(var(--ledge-h) - 1px));box-shadow:inset 0 2px 0 var(--shine), 0 1px 0 var(--ledge)}}.rs-modes{grid-template-columns:1fr 1fr auto;gap:8px;margin-bottom:22px;display:grid}.rs-mode{cursor:pointer;display:block;position:relative}.rs-mode-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.rs-mode-face{border-radius:var(--r-md);height:44px;font-family:var(--font-display);letter-spacing:.06em;background:var(--surface-sunken);color:var(--text-muted);box-shadow:inset 0 2px 0 #fffc, 0 4px 0 rgba(var(--shadow-rgb), .16);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:16px;font-weight:800;transition:transform 80ms,box-shadow 80ms,background .15s,color .15s;display:flex}.rs-dot{background:var(--text-faint);border-radius:50%;width:9px;height:9px}.rs-mode-input:checked+.rs-mode-face .rs-dot{background:currentColor;box-shadow:0 0 0 3px #ffffff40}.rs-mode-mixx .rs-mode-input:checked+.rs-mode-face{background:var(--grad-brand);color:#fff;box-shadow:inset 0 2px 0 #ffffff29, 0 4px 0 rgba(var(--shadow-rgb), .62)}.rs-mode-kaos .rs-mode-input:checked+.rs-mode-face{background:var(--accent);color:var(--accent-on);box-shadow:inset 0 2px 0 #ffffff59, 0 4px 0 var(--accent-ink)}.rs-mode-input:disabled+.rs-mode-face{opacity:.45;box-shadow:none}.rs-mode-input:disabled{cursor:default}.rs-mode:active .rs-mode-input:not(:disabled)+.rs-mode-face{transform:translateY(3px);box-shadow:inset 0 2px #ffffff80}.rs-mode-input:focus-visible+.rs-mode-face{outline:3px solid var(--brand);outline-offset:2px}.rs-mode-lock .rs-mode-face{font-family:var(--font-body);letter-spacing:0;color:var(--brand-deep);padding:0 14px;font-size:14px;font-weight:700}.rs-mode-lock svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.rs-mode-lock .rs-mode-input:not(:checked)+.rs-mode-face{background:var(--brand-tint);color:var(--brand)}.rs-mode-lock .rs-mode-input:checked+.rs-mode-face .rs-lock-closed,.rs-mode-lock .rs-mode-input:checked+.rs-mode-face .rs-lock-off,.rs-mode-lock .rs-mode-input:not(:checked)+.rs-mode-face .rs-lock-open,.rs-mode-lock .rs-mode-input:not(:checked)+.rs-mode-face .rs-lock-on{display:none}.rs-block{margin-bottom:20px}.rs-label,.rs-row-name{font-family:var(--font-display);color:var(--brand);text-align:left;font-size:15px;font-weight:800;line-height:1.1}.rs-label{margin-bottom:8px;display:block}.rs-row{border-radius:var(--r-md);grid-template-columns:74px 1fr;align-items:center;gap:10px;padding:6px 10px 2px;transition:background .15s;display:grid}.rs-row+.rs-row{margin-top:4px}.rs-row.is-active{background:var(--brand-tint)}.rs-row:not(.is-active) .rs-row-name{color:var(--text-muted);cursor:pointer}.rs-row.is-locked{opacity:.4}.rs-row.is-locked .rs-row-name{cursor:default}.rs-slider{--thumb:24px;--rs-fill:var(--brand);--rs-rail:rgba(var(--shadow-rgb), .14);padding-bottom:20px;position:relative}.rs-row:not(.is-active) .rs-slider{--rs-fill:rgba(var(--shadow-rgb), .28)}.rs-slider input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:30px;margin:0;display:block}.rs-slider input[type=range]:disabled{cursor:default}.rs-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--rs-fill) 0 calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--f,.5)), var(--rs-rail) 0);border-radius:3px;height:6px}.rs-slider input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--rs-fill) 0 calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--f,.5)), var(--rs-rail) 0);border-radius:3px;height:6px}.rs-slider input[type=range]::-webkit-slider-thumb{appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((6px - var(--thumb)) / 2);background:var(--surface);box-shadow:0 0 0 3px var(--rs-fill), 0 3px 0 3px rgba(var(--shadow-rgb), .3);border:none;border-radius:50%}.rs-slider input[type=range]::-moz-range-thumb{width:var(--thumb);height:var(--thumb);background:var(--surface);box-shadow:0 0 0 3px var(--rs-fill), 0 3px 0 3px rgba(var(--shadow-rgb), .3);border:none;border-radius:50%}.rs-slider input[type=range]:focus-visible{outline:none}.rs-slider input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--rs-fill), 0 0 0 7px rgba(var(--shadow-rgb), .2)}.rs-ticks{height:20px;position:absolute;bottom:0;left:0;right:0}.rs-tick{top:0;left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--i) / var(--steps));color:var(--text-muted);white-space:nowrap;cursor:pointer;background:0 0;border:none;padding:0 4px;font-family:inherit;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%)}.rs-tick[data-index="0"]{--i:0}.rs-tick[data-index="1"]{--i:1}.rs-tick[data-index="2"]{--i:2}.rs-tick[data-index="3"]{--i:3}.rs-tick.on{color:var(--brand);font-weight:800}.rs-row:not(.is-active) .rs-tick.on{color:var(--text-2)}.rs-row.is-locked .rs-tick{cursor:default}.rs-cats{flex-wrap:wrap;gap:8px;display:flex}.rs-cats .option-chip{min-height:40px;padding:9px 13px}.rs-cats .option-chip:not(.selected){background:var(--surface-sunken)}.rs-cats .isim-group .option-chip{min-height:36px;padding:7px 10px}.rs-cats .isim-group .option-chip:not(.selected){background:0 0}.rs-cats .cat-extra{display:none}.rs-cats.is-expanded .cat-extra{display:inline-block}.rs-more{border-radius:var(--r-sm);background:var(--surface-sunken);min-width:40px;min-height:40px;color:var(--brand);cursor:pointer;box-shadow:inset 0 0 0 2px rgba(var(--shadow-rgb), .12);border:none;font-size:22px;font-weight:800;line-height:1}.modal-actions{grid-template-columns:1fr 2fr;gap:10px;margin:4px 0 8px;display:grid}.modal-actions .btn{margin:0}.screen-head{grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin:-14px -8px 18px;display:grid}.screen-head .screen-title{text-align:center;margin:0}.back-btn{border-radius:var(--r-sm);background:var(--surface-sunken);width:38px;height:38px;color:var(--brand-deep);cursor:pointer;box-shadow:inset 0 2px 0 #fffc, 0 3px 0 rgba(var(--shadow-rgb), .16);border:none;justify-content:center;align-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:flex}.back-btn svg{fill:none;stroke:currentColor;stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.back-btn:active{box-shadow:inset 0 2px 0 #fffc, 0 1px 0 rgba(var(--shadow-rgb), .16);transform:translateY(2px)}.rooms-filter{background:var(--surface-sunken);border-radius:var(--r-md);grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:14px;padding:4px;display:grid}.rooms-filter-btn{border-radius:calc(var(--r-md) - 4px);font-family:var(--font-display);color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:5px;padding:8px 0;font-size:14px;font-weight:800;transition:background .15s,color .15s;display:flex}.rooms-filter-btn.is-on{background:var(--surface);color:var(--brand);box-shadow:0 2px 0 rgba(var(--shadow-rgb), .14)}.rooms-filter-count{background:rgba(var(--shadow-rgb), .1);min-width:18px;height:18px;font-family:var(--font-body);color:var(--text-2);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.rooms-filter-btn.is-on .rooms-filter-count{background:var(--brand);color:#fff}.rooms-table{border-radius:var(--r-md);text-align:left;box-shadow:inset 0 0 0 1.5px var(--line-strong);margin-bottom:18px;overflow:hidden}.rooms-thead,.room-row{grid-template-columns:1fr 58px 28px 56px;align-items:center;gap:8px;padding:0 10px;display:grid}.rooms-thead{background:var(--brand-tint);border-bottom:1.5px solid var(--line-strong);letter-spacing:.04em;height:32px;color:var(--brand);font-size:11px;font-weight:800}.rooms-thead span:nth-child(2),.rooms-thead span:nth-child(3){text-align:center}@media (width<=370px){.rooms-thead,.room-row{grid-template-columns:1fr 54px 22px 50px;gap:6px;padding:0 8px}.room-row-who{gap:7px}.room-row-avatar{width:30px;height:30px;font-size:17px}}.rooms-list{overscroll-behavior:contain;background:var(--surface);max-height:min(340px,46vh);overflow-y:auto}.room-row{border-bottom:1px solid var(--line);min-height:58px}.room-row:last-child{border-bottom:none}.room-row:nth-child(2n){background:rgba(var(--shadow-rgb), .035)}.room-row-who{align-items:center;gap:9px;min-width:0;display:flex}.room-row-avatar{background:var(--surface-sunken);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;display:flex;overflow:hidden}.room-row-info{flex-direction:column;min-width:0;display:flex}.room-row-host{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.room-row-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.room-row-live{color:var(--accent-ink);font-weight:800}.room-row-ending{font-style:italic;font-weight:700}.room-row-count{text-align:center;color:var(--text-2);font-size:14px;font-weight:800}.btn.room-row-join{border-radius:var(--r-sm);height:34px;margin:0;padding:0;font-size:13px}.mode-pill{border-radius:var(--r-xs);font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;justify-self:center;padding:3px 7px 2px;font-size:11px;font-weight:800}.mode-pill-classic{background:var(--surface-sunken);color:var(--brand)}.mode-pill-mixx{background:var(--grad-brand);color:#fff}.mode-pill-kaos{background:var(--accent);color:var(--accent-on)}.rooms-empty{text-align:center;color:var(--text-muted);padding:34px 16px;font-size:14px}.rooms-empty b{font-family:var(--font-display);color:var(--brand);margin-bottom:4px;font-size:16px;display:block}.lobby-code{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.icon-chunky{border-radius:var(--r-sm);background:var(--surface-sunken);width:38px;height:38px;color:var(--brand-deep);cursor:pointer;box-shadow:inset 0 2px 0 #fffc, 0 3px 0 rgba(var(--shadow-rgb), .16);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:flex}.icon-chunky-sm{width:30px;height:30px}.icon-chunky svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.icon-chunky-sm svg{width:16px;height:16px}.icon-chunky:active{box-shadow:inset 0 2px 0 #fffc, 0 1px 0 rgba(var(--shadow-rgb), .16);transform:translateY(2px)}.lobby-card{aspect-ratio:1;background:var(--surface-sunken);min-width:0;box-shadow:inset 0 2px 0 #fffc, 0 4px 0 rgba(var(--shadow-rgb), .14);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:10px 4px;transition:background .2s,box-shadow .2s,opacity .2s;display:flex;position:relative}.lobby-card-avatar{font-size:34px;line-height:1}.lobby-card-name{max-width:88%;color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.lobby-card-tag{letter-spacing:.04em;color:var(--text-muted);margin-top:-2px;font-size:10px;font-weight:800}.lobby-card.is-ready{background:var(--ok-bg);box-shadow:inset 0 0 0 2px var(--ok), 0 4px 0 #1a7a3a59}.lobby-card.is-ready .lobby-card-name{color:var(--ok)}.lobby-card.is-watching-ad{box-shadow:inset 0 0 0 2px var(--accent), 0 4px 0 rgba(var(--shadow-rgb), .14)}.lobby-card.is-watching-ad .lobby-card-tag{color:var(--accent-ink)}.lobby-card.is-offline{opacity:.4;filter:grayscale()}.lobby-card-host{border-radius:var(--r-xs);background:var(--accent);color:var(--accent-on);font-family:var(--font-display);letter-spacing:.06em;box-shadow:0 2px 0 var(--accent-ink);pointer-events:none;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.3;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-4deg)}.lobby-card-remove{background:var(--surface);width:24px;height:24px;color:var(--text-muted);cursor:pointer;box-shadow:0 0 0 1.5px var(--line-strong), 0 2px 0 rgba(var(--shadow-rgb), .18);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:800;transition:background .15s,color .15s;display:flex;position:absolute;top:1%;right:1%}.lobby-card-remove:after{content:"";position:absolute;inset:-8px}.lobby-card-remove:active{background:var(--bad-bg);color:var(--bad)}.lobby-card-add{border:2.5px dashed rgba(var(--shadow-rgb), .25);box-shadow:none;color:var(--brand);cursor:pointer;background:0 0;font-family:inherit;font-size:34px;font-weight:800}.lobby-card-add:active{background:var(--surface-sunken)}@media (hover:hover) and (pointer:fine){.lobby-card-remove:hover{background:var(--bad-bg);color:var(--bad)}.lobby-card-add:hover{background:var(--surface-sunken)}}.lobby-actions{gap:10px;display:flex}.lobby-actions .btn{white-space:nowrap;flex:1;min-width:0;margin:0;padding-inline:8px;font-size:15px}.add-player-options{gap:10px;display:grid}.add-player-options .btn{margin:0}.modal.popover{background:0 0;padding:0}.modal.popover.is-open{animation:none;display:block}.popover-card{border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-lg);transform-origin:calc(100% - var(--arrow-right,14px)) 0;padding:8px;animation:.16s cubic-bezier(.2,.9,.3,1.2) both popoverIn;position:fixed}.popover-card:before{content:"";top:-5px;right:calc(var(--arrow-right,14px) - 6px);background:var(--surface);border-radius:2px;width:12px;height:12px;position:absolute;transform:rotate(45deg)}@keyframes popoverIn{0%{opacity:0;transform:translateY(-4px)scale(.92)}to{opacity:1;transform:none}}.pref-chips{gap:8px;display:flex}.pref-chip{cursor:pointer;display:block;position:relative}.pref-chip-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pref-chip-face{border-radius:var(--r-md);background:var(--surface-sunken);width:48px;height:48px;color:var(--text-muted);box-shadow:inset 0 2px 0 #fffc, 0 4px 0 rgba(var(--shadow-rgb), .16);justify-content:center;align-items:center;transition:transform 80ms,box-shadow 80ms,background .15s,color .15s;display:flex}.pref-chip-face svg{width:22px;height:22px}.pref-chip-input:checked+.pref-chip-face{background:var(--grad-brand);color:#fff;box-shadow:inset 0 2px 0 #ffffff29, 0 4px 0 rgba(var(--shadow-rgb), .62)}.pref-chip-input:checked+.pref-chip-face .pref-off,.pref-chip-input:not(:checked)+.pref-chip-face .pref-on{display:none}.pref-chip:active .pref-chip-input:not(:disabled)+.pref-chip-face{transform:translateY(3px);box-shadow:inset 0 2px #ffffff80}.pref-chip-input:focus-visible+.pref-chip-face{outline:3px solid var(--brand);outline-offset:2px}.pref-chip-input:disabled,.pref-chip-input:disabled+.pref-chip-face{cursor:not-allowed}.pref-chip-input:disabled+.pref-chip-face{opacity:.4;box-shadow:none}.modal-card.players-card{width:auto;min-width:220px;max-width:min(280px,100%);padding:10px}.players-list{text-align:left;flex-direction:column;gap:2px;max-height:min(420px,70dvh);margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.players-row{border-radius:var(--r-sm);align-items:center;gap:8px;min-height:40px;padding:4px 4px 4px 2px;display:flex}.players-row.is-offline{opacity:.5}.players-avatar{border-radius:var(--r-sm);background:var(--surface-sunken);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:19px;line-height:1;display:flex}.players-nick{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-1);flex:1;font-size:15px;font-weight:700;overflow:hidden}.players-row.is-me .players-nick{color:var(--brand)}.players-action{flex-shrink:0;align-items:center;gap:6px;display:flex}.players-action:empty{display:none}.kick-btn{background:var(--surface-sunken);width:30px;height:30px;color:var(--text-muted);font-family:var(--font-display);cursor:pointer;border:none;border-radius:50%;padding:0;font-size:17px;font-weight:800;line-height:1;transition:background .15s,color .15s,transform .12s}.kick-btn:active{transform:scale(.9)}.kick-btn.is-voted{background:var(--bad);color:#fff}.kick-count{color:var(--bad);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.players-note{color:var(--text-muted);text-align:center;padding:6px 4px 2px;font-size:12px}.chat-notice{border-radius:var(--r-pill);background:rgba(var(--shadow-rgb), .07);max-width:88%;color:var(--text-muted);text-align:center;align-self:center;padding:4px 12px;font-size:12px;font-weight:700;line-height:1.35;animation:.3s both chatNoticeIn}.chat-notice.is-kick{background:var(--bad-bg);color:var(--bad)}@keyframes chatNoticeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.icon-help{font-family:var(--font-display);color:var(--brand);font-size:19px;font-weight:800}.modal-card.tour-card{text-align:left;touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;max-width:380px;padding:0;display:flex}.tour-top{align-items:center;gap:12px;padding:14px 10px 12px 18px;display:flex}.tour-progress{flex:1;gap:4px;display:flex}.tour-seg{border-radius:var(--r-pill);background:rgba(var(--shadow-rgb), .12);flex:1;height:5px;transition:background-color .25s}.tour-seg.is-done{background:var(--brand)}.tour-seg.is-current{background:var(--accent)}.tour-skip{color:var(--text-muted);border-radius:var(--r-pill);cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:14px;font-weight:700;transition:background .15s,color .15s}@media (hover:hover) and (pointer:fine){.tour-skip:hover{background:var(--line);color:var(--text-1)}.tour-next:hover .tour-arrow{transform:translate(3px)}}.tour-slide{flex-direction:column;display:flex}.tour-slide.is-from-right{animation:.32s cubic-bezier(.16,1,.3,1) both tourFromRight}.tour-slide.is-from-left{animation:.32s cubic-bezier(.16,1,.3,1) both tourFromLeft}@keyframes tourFromRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:none}}@keyframes tourFromLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:none}}.tour-stage{border-radius:var(--r-md);background:var(--chat-bg);pointer-events:none;height:318px;margin:0 12px;position:relative;overflow:hidden}.tour-stage:before{content:"";background-color:rgba(var(--shadow-rgb), .045);position:absolute;inset:0;-webkit-mask-image:url(/assets/bg/doodle-pattern.svg);mask-image:url(/assets/bg/doodle-pattern.svg);-webkit-mask-size:200px;mask-size:200px}.tour-scene{flex-direction:column;display:flex;position:absolute;inset:0}.tour-copy{min-height:118px;padding:18px 22px 4px}.tour-title{font-family:var(--font-display);color:var(--brand);text-wrap:balance;font-size:24px;font-weight:800;line-height:1.1}.tour-text{color:var(--text-2);margin-top:6px;font-size:15px;line-height:1.45}.tour-foot{gap:10px;padding:12px 18px 20px;display:flex}.tour-foot .btn{margin:0}.tour-back{flex-shrink:0;width:auto;padding:14px 18px}.tour-arrow{margin-left:6px;transition:transform .15s;display:inline-block}.tour-stage .chat-header{z-index:1;gap:10px;padding:10px 12px 9px;position:relative}.tour-stage .chat-header-tile{width:36px;height:36px;font-size:21px}.tour-stage .chat-header-title{font-size:18px}.tour-stage .chat-progress-seg{height:4px}.tour-stage .chat-body{background:0 0;flex:1;justify-content:flex-end;gap:7px;min-height:0;max-height:none;padding:10px 12px 12px;position:relative;overflow:hidden}.tour-stage .chat-author{font-size:12px}.tour-stage .chat-bubble{padding:7px 8px 7px 13px}.tour-stage .chat-bubble-word{font-size:15px}.tour-stage .dispute-widget{margin-top:4px}.tour-stage .dispute-btn{flex-direction:column;gap:2px;width:40px;height:auto}.tour-stage .dispute-btn-face{width:36px;height:36px;font-size:16px}.tour-stage .dispute-btn-count{top:-3px;right:-2px}.tour-dispute-pt{font-family:var(--font-display);color:var(--text-muted);font-size:11px;font-weight:800;line-height:1}.tour-stage .dispute-bar-fill{animation-duration:2.6s}.tour-stage .dispute-widget-done{min-height:0;margin-top:4px}.tour-switch{z-index:1;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;gap:6px;margin:12px 14px 0;padding:4px;display:grid;position:relative}.tour-switch span{border-radius:var(--r-sm);height:32px;font-family:var(--font-display);letter-spacing:.03em;color:var(--text-muted);justify-content:center;align-items:center;font-size:15px;font-weight:800;transition:background .2s,color .2s;display:flex}.tour-switch span.is-on{background:var(--brand-tint);color:var(--brand)}.tour-switch span.is-on.is-stop{background:var(--accent);color:var(--accent-on)}.tour-game{z-index:1;border-radius:var(--r-md);background:var(--surface);box-shadow:var(--shadow-md);margin:12px 14px 0;position:relative;overflow:hidden}.tour-timer-bar{background:rgba(var(--shadow-rgb), .18);height:4px}.tour-timer-bar i{background:var(--accent);transform-origin:0;opacity:.4;height:100%;display:block}.tour-stage .game-header{padding:9px 12px}.tour-stage .round-info{padding:4px 8px;font-size:11px}.tour-stage .letter-box{width:42px;height:42px;font-size:23px}.tour-stage .timer{min-width:40px;font-size:20px}.tour-stage .game-body{padding:10px 10px 12px}.tour-stage .category-row{gap:10px;min-height:50px;margin-bottom:7px;padding:6px 10px 6px 6px}.tour-stage .category-tile{width:34px;height:34px;font-size:19px}.tour-stage .category-label{font-size:10px}.tour-stage .category-input{min-height:21px;font-size:15px;line-height:21px}.tour-stage .category-row.is-focused{border-color:var(--brand);background:var(--surface);transform:translateY(-1px)}.tour-stage .category-row.is-focused .category-tile{background:var(--tile-bg);color:var(--surface);box-shadow:inset 0 -3px 0 rgba(var(--shadow-rgb), .45);transform:rotate(calc(var(--tile-tilt,0deg) * -1)) scale(1.08)}.tour-stage .category-row.is-focused .category-label{color:var(--brand)}.tour-caret{vertical-align:-2px;background:var(--brand);width:2px;height:16px;margin-left:1px;animation:.9s step-end infinite tourCaret;display:inline-block}@keyframes tourCaret{50%{opacity:0}}.tour-stage .btn-secondary{text-align:center;font-family:var(--font-display);margin:0;padding:10px;font-size:15px;font-weight:800;display:block}.tour-toast{z-index:3;white-space:nowrap;background:var(--surface);color:var(--text-1);border-left:4px solid var(--accent);border-radius:var(--r-md);box-shadow:var(--shadow-lg);opacity:0;align-items:center;gap:9px;padding:8px 14px 8px 10px;font-size:13px;font-weight:700;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%,-12px)}.tour-toast.is-bottom{border-left-color:var(--brand);top:auto;bottom:14px;transform:translate(-50%,12px)}.tour-toast.is-in{opacity:1;transform:translate(-50%)}.tour-toast-face{font-size:18px;line-height:1}.tour-modes{z-index:1;grid-template-columns:1fr 1fr;margin:12px 14px 0;position:relative}.tour-stage .rs-mode-face{height:36px;font-size:15px}.tour-modes .rs-mode-input:not(:checked)+.rs-mode-face{background:var(--surface)}.tour-picker{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:58px;margin:10px 14px 0;display:flex;position:relative}.tour-picker-label{color:var(--text-2);font-size:12px;font-weight:700}.tour-picker-label b{color:var(--brand);font-weight:800}.tour-picker-row{gap:8px;display:flex}.tour-stage .letter-pick-btn{border-radius:var(--r-sm);width:38px;height:38px;box-shadow:inset 0 2px 0 #ffffffb3, 0 3px 0 rgba(var(--shadow-rgb), .22);justify-content:center;align-items:center;font-size:19px;display:flex}.tour-stage .letter-pick-btn.is-picked{background:var(--brand);color:var(--surface);box-shadow:0 1px 0 rgba(var(--shadow-rgb), .22);transform:translateY(2px)}.tour-kaos-tag{font-family:var(--font-display);letter-spacing:.04em;border-radius:var(--r-md);background:var(--accent-bg);color:var(--accent-ink);padding:7px 16px;font-size:16px;font-weight:800;animation:.3s cubic-bezier(.34,1.56,.64,1) backwards chatBubblePop}.tour-rows{z-index:1;margin:4px 14px 0;position:relative}.tour-rows .category-row{min-height:44px;margin-bottom:6px;padding-top:4px;padding-bottom:4px}.tour-rows .category-row.is-tour-in{animation:.34s cubic-bezier(.34,1.56,.64,1) backwards tourRowIn}.tour-rows .category-row.is-tour-out{animation:.2s forwards tourRowOut}@keyframes tourRowIn{0%{opacity:0;transform:translateY(10px)rotate(-2deg)scale(.92)}to{opacity:1;transform:none}}@keyframes tourRowOut{to{opacity:0;transform:translate(-24px)rotate(-3deg)}}.tour-note{z-index:1;text-align:center;position:absolute;bottom:10px;left:0;right:0}.tour-note span{color:var(--text-2);border-radius:var(--r-pill);background:#ffffffd9;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.tour-note b{font-family:var(--font-display);color:var(--accent-ink);font-weight:800}.tour-panel{z-index:1;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-md);margin:12px 14px 0;padding:12px;position:relative}.tour-panel-title{font-family:var(--font-display);color:var(--text-1);text-align:center;margin-bottom:9px;font-size:14px;font-weight:800}.tour-panel .rs-modes{grid-template-columns:1fr 1fr auto;gap:7px;margin:0 0 10px}.tour-panel .rs-mode-face{height:34px;padding:0 10px;font-size:13px}.tour-panel .rs-mode-face.is-tour-press{transform:translateY(3px);box-shadow:inset 0 2px #ffffff80}.tour-panel .rs-row{grid-template-columns:52px 1fr;gap:8px;padding:4px 8px 2px}.tour-slider{--rs-fill:var(--brand);padding-bottom:15px;position:relative}.tour-slider-rail{height:22px;position:relative}.tour-slider-rail:before,.tour-slider-rail:after{content:"";border-radius:3px;height:6px;position:absolute;top:8px;left:0}.tour-slider-rail:before{background:rgba(var(--shadow-rgb), .14);right:0}.tour-slider-rail:after{width:calc(9px + (100% - 18px) * var(--f,0));background:var(--rs-fill);transition:width .35s cubic-bezier(.34,1.56,.64,1)}.tour-slider-thumb{z-index:1;top:2px;left:calc((100% - 18px) * var(--f,0));background:var(--surface);border:3px solid var(--rs-fill);width:18px;height:18px;box-shadow:0 2px 0 rgba(var(--shadow-rgb), .25);border-radius:50%;transition:left .35s cubic-bezier(.34,1.56,.64,1);position:absolute}.tour-slider-ticks{color:var(--text-muted);justify-content:space-between;font-size:10px;font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0}.tour-slider-ticks span.is-on{color:var(--brand)}.tour-panel .lobby-code{margin-bottom:12px}.tour-panel .room-code-display{font-size:20px}.tour-share.is-tour-ping{animation:1.1s ease-out 2 tourPing}.tour-share.is-tour-press{box-shadow:inset 0 2px 0 #fffc, 0 1px 0 rgba(var(--shadow-rgb), .16);transform:translateY(2px)}@keyframes tourPing{0%{box-shadow:inset 0 2px 0 #fffc, 0 3px 0 rgba(var(--shadow-rgb), .16), 0 0 0 0 rgba(var(--shadow-rgb), .35)}to{box-shadow:inset 0 2px 0 #fffc, 0 3px 0 rgba(var(--shadow-rgb), .16), 0 0 0 10px rgba(var(--shadow-rgb), 0)}}.tour-panel .lobby-players{grid-template-columns:repeat(4,1fr);gap:8px;margin:0}.tour-panel .lobby-card{gap:2px;padding:4px}.tour-panel .lobby-card-avatar{font-size:24px}.tour-panel .lobby-card-name{font-size:11px}.tour-panel .lobby-card-host{padding:1px 5px;font-size:8px;top:-7px}.tour-panel .lobby-card-add{font-size:24px}.tour-panel .lobby-card.is-tour-join{animation:.42s cubic-bezier(.34,1.56,.64,1) backwards tourSeatPop}@keyframes tourSeatPop{0%{opacity:0;transform:scale(.4)rotate(-14deg)}to{opacity:1;transform:none}}.chat-bubble.has-report{max-width:calc(80% - 30px);position:relative}.chat-stage>.chat-body{overflow-x:hidden}.answer-report-btn{border:1.5px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);height:22px;color:var(--text-faint);font-family:var(--font-display);white-space:nowrap;cursor:pointer;align-items:center;padding:0;font-size:13px;font-weight:800;line-height:1;transition:background .15s,border-color .15s,color .15s;animation:.25s .5s backwards reportBtnIn;display:flex;position:absolute;top:50%;left:calc(100% + 6px);transform:translateY(-50%)}.answer-report-btn:after{content:"";position:absolute;inset:-9px}.answer-report-glyph{text-align:center;width:19px}.answer-report-label{padding-right:9px;font-size:12px;display:none}.answer-report-btn.is-armed{background:var(--bad-bg);border-color:var(--bad);color:var(--bad)}.answer-report-btn.is-armed .answer-report-label{display:inline}.answer-report-btn.is-sent{background:var(--ok-bg);border-color:var(--ok);color:var(--ok);cursor:default}@keyframes reportBtnIn{0%{opacity:0}}@media (hover:hover) and (pointer:fine){.answer-report-btn:not(:disabled):not(.is-armed):hover{border-color:var(--bad);color:var(--bad)}}.update-gate{z-index:100;padding:calc(env(safe-area-inset-top,0px) + 24px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);background:var(--grad-app);justify-content:center;align-items:center;display:none;position:fixed;inset:0}.update-gate:before{content:"";pointer-events:none;background-color:var(--pattern-color);-webkit-mask-image:url(/assets/bg/doodle-pattern.svg);mask-image:url(/assets/bg/doodle-pattern.svg);-webkit-mask-size:var(--pattern-size);-webkit-mask-size:var(--pattern-size);mask-size:var(--pattern-size);position:absolute;inset:0}.update-gate.is-open{animation:.2s both introFade;display:flex}.update-gate-card{border-radius:var(--r-lg);background:var(--surface);width:100%;max-width:340px;box-shadow:var(--shadow-lg);text-align:center;padding:28px 22px 22px;position:relative}.update-gate-mark{font-family:var(--font-display);letter-spacing:.14em;text-indent:.14em;color:var(--mark-on);background:var(--mark-bg);border-radius:var(--r-xs);box-shadow:0 3px 0 rgba(var(--shadow-rgb), .45);padding:5px 9px 3px;font-size:15px;font-weight:800;line-height:1;display:inline-block;transform:rotate(-5deg)}.update-gate-title{font-family:var(--font-display);color:var(--brand);margin-top:16px;font-size:24px;font-weight:800}.update-gate-text{color:var(--text-2);margin:8px 0 20px;font-size:15px;line-height:1.5}.av-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex-shrink:0;width:100%;height:100%;display:block}.av-img.av-inline{vertical-align:middle;width:1.55em;height:1.55em;margin:-.3em .1em -.25em 0;display:inline-block}.profile-avatar,.room-row-avatar,.wait-avatar,.players-avatar,.nudge-face,.toast-face{background:0 0;overflow:visible}.profile-avatar .av-img,.room-row-avatar .av-img,.wait-avatar .av-img,.players-avatar .av-img,.nudge-face .av-img,.toast-face .av-img{width:118%;height:118%}.profile-avatar{box-shadow:none}.profile-avatar .av-img{filter:drop-shadow(0 4px 0 rgba(var(--shadow-rgb), .14));transition:filter .15s}.profile-card:hover .profile-avatar{box-shadow:none}.profile-card:hover .profile-avatar .av-img{filter:drop-shadow(0 5px 0 rgba(var(--shadow-rgb), .2))}.presence-chip[data-state=filled]:after{content:"";box-shadow:inset 0 0 0 2px var(--ok);pointer-events:none;border-radius:50%;position:absolute;inset:0}.presence-face{border-radius:50%;width:100%;height:100%;display:block;overflow:hidden}.presence-face .av-img{width:124%;height:124%;margin:-12%}.avatar-option{padding:6px;line-height:0}.avatar-option .av-img{aspect-ratio:1;width:100%;max-width:60px;height:auto;margin:0 auto}.lobby-card-avatar{width:52px;height:52px;display:block}.tour-panel .lobby-card-avatar{width:38px;height:38px}.ans-avatar{width:22px;height:22px;display:block}.final-winner-emoji{width:68px;height:68px;display:block}.tour-toast-face{flex-shrink:0;width:26px;height:26px;display:block}