@import "https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400&family=Gabarito:wght@600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--surface:#f7f6fc;--surface-raised:#fff;--surface-sunken:#eeedf6;--border:#dcd9ea;--border-strong:#7d78a0;--ink:#18162c;--ink-muted:#57527a;--primary:#4535d8;--primary-hover:#3626c0;--primary-soft:#e8e5ff;--on-primary:#fff;--focus-ring:#4535d8;--game-quiz:#f5b301;--game-quiz-soft:#fff1c7;--game-quiz-ink:#865800;--on-game-quiz:#231800;--game-draw:#22a565;--game-draw-soft:#d6f4e4;--game-draw-ink:#11704a;--on-game-draw:#03210f;--game-truths:#f2603f;--game-truths-soft:#ffe2d9;--game-truths-ink:#b2381b;--on-game-truths:#2a0a03;--game-clash:#1f8bff;--game-clash-soft:#dcecff;--game-clash-ink:#0b5cc4;--on-game-clash:#021a3a;--clash-team-0:#ff5a4e;--clash-team-1:#2f7cf6;--clash-team-2:#1fb36b;--clash-team-3:#f2b300;--on-clash-team:#0d0b1f;--game-race:#f5b400;--game-race-soft:#fff2c7;--game-race-ink:#7a5200;--on-game-race:#241800;--success:#0a7488;--success-soft:#d5f0f4;--danger:#c42b2b;--danger-soft:#fde1df;--warning:#8f5a00;--warning-soft:#fff1c7;--medal-gold:#e3a600;--medal-silver:#a3a9bd;--medal-bronze:#c07440;--on-medal:#1b1400;--avatar-bg-1:#ffd7c2;--avatar-bg-2:#c9e8ff;--avatar-bg-3:#d9d3ff;--avatar-bg-4:#cdf1d9;--avatar-bg-5:#ffe7a3;--avatar-bg-6:#ffd1e3;--avatar-ink:#18162c;--skin-1:#f6d2b8;--skin-2:#e2aa82;--skin-3:#c08158;--skin-4:#8d5636;--skin-5:#5a3522;--hair-1:#2a1d17;--hair-2:#6b3f22;--hair-3:#d9a441;--hair-4:#b8432f;--hair-5:#8e8a9c;--hair-6:#4535d8;--canvas-paper:#fff;--brush-black:#1a1a1a;--brush-grey:#8c8c8c;--brush-red:#e02d2d;--brush-orange:#f58a1f;--brush-yellow:#ffd21f;--brush-green:#2fae4e;--brush-blue:#2f6fe0;--brush-purple:#8a3fd1;--brush-brown:#8a5a35;--arcade-sky:#120c32;--arcade-sky-deep:#3a1166;--arcade-grid:#ff4fd8;--arcade-glow:#4de8ff;--arcade-ink:#fff;--font-display:Gabarito, "Arial Rounded MT Bold", system-ui, sans-serif;--font-body:"Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:999px;--shadow-sm:0 1px 2px #18162c14;--shadow-md:0 6px 18px #18162c1a;--shadow-pop:0 4px 0 #18162c2e;--size-target:44px;--avatar-xs:24px;--avatar-sm:32px;--avatar-md:44px;--avatar-lg:72px;--avatar-xl:120px;--duration-fast:.12s;--duration-base:.22s;--duration-slow:.6s}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#121120;--surface-raised:#1c1a2f;--surface-sunken:#0b0a16;--border:#322f4d;--border-strong:#7a75a0;--ink:#f2f0ff;--ink-muted:#aaa5ca;--primary:#a59cff;--primary-hover:#bab3ff;--primary-soft:#2b2660;--on-primary:#15112e;--focus-ring:#c9c3ff;--game-quiz:#ffc53d;--game-quiz-soft:#3a2d07;--game-quiz-ink:#ffd36b;--on-game-quiz:#231800;--game-draw:#3fd08b;--game-draw-soft:#0f3324;--game-draw-ink:#6fe0a8;--on-game-draw:#03210f;--game-truths:#ff7a5c;--game-truths-soft:#3f1a12;--game-truths-ink:#ff9e86;--on-game-truths:#2a0a03;--game-clash:#4fa8ff;--game-clash-soft:#0e2a4d;--game-clash-ink:#8cc4ff;--on-game-clash:#021a3a;--clash-team-0:#ff7a6e;--clash-team-1:#5c9dff;--clash-team-2:#3fd08b;--clash-team-3:#ffc53d;--on-clash-team:#0d0b1f;--game-race:#ffc93d;--game-race-soft:#3a2a00;--game-race-ink:#ffd877;--on-game-race:#241800;--success:#56c8da;--success-soft:#0d3138;--danger:#ff7d74;--danger-soft:#3f1716;--warning:#ffc53d;--warning-soft:#3a2d07;--medal-gold:#ffc53d;--medal-silver:#b9bfd3;--medal-bronze:#d98d58;--on-medal:#1b1400;--avatar-bg-1:#ffd7c2;--avatar-bg-2:#c9e8ff;--avatar-bg-3:#d9d3ff;--avatar-bg-4:#cdf1d9;--avatar-bg-5:#ffe7a3;--avatar-bg-6:#ffd1e3;--avatar-ink:#18162c;--skin-1:#f6d2b8;--skin-2:#e2aa82;--skin-3:#c08158;--skin-4:#8d5636;--skin-5:#5a3522;--hair-1:#2a1d17;--hair-2:#6b3f22;--hair-3:#d9a441;--hair-4:#b8432f;--hair-5:#8e8a9c;--hair-6:#4535d8;--canvas-paper:#fff;--brush-black:#1a1a1a;--brush-grey:#8c8c8c;--brush-red:#e02d2d;--brush-orange:#f58a1f;--brush-yellow:#ffd21f;--brush-green:#2fae4e;--brush-blue:#2f6fe0;--brush-purple:#8a3fd1;--brush-brown:#8a5a35;--arcade-sky:#120c32;--arcade-sky-deep:#3a1166;--arcade-grid:#ff4fd8;--arcade-glow:#4de8ff;--arcade-ink:#fff;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 6px 18px #0000008c;--shadow-pop:0 4px 0 #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#121120;--surface-raised:#1c1a2f;--surface-sunken:#0b0a16;--border:#322f4d;--border-strong:#7a75a0;--ink:#f2f0ff;--ink-muted:#aaa5ca;--primary:#a59cff;--primary-hover:#bab3ff;--primary-soft:#2b2660;--on-primary:#15112e;--focus-ring:#c9c3ff;--game-quiz:#ffc53d;--game-quiz-soft:#3a2d07;--game-quiz-ink:#ffd36b;--on-game-quiz:#231800;--game-draw:#3fd08b;--game-draw-soft:#0f3324;--game-draw-ink:#6fe0a8;--on-game-draw:#03210f;--game-truths:#ff7a5c;--game-truths-soft:#3f1a12;--game-truths-ink:#ff9e86;--on-game-truths:#2a0a03;--game-clash:#4fa8ff;--game-clash-soft:#0e2a4d;--game-clash-ink:#8cc4ff;--on-game-clash:#021a3a;--clash-team-0:#ff7a6e;--clash-team-1:#5c9dff;--clash-team-2:#3fd08b;--clash-team-3:#ffc53d;--on-clash-team:#0d0b1f;--game-race:#ffc93d;--game-race-soft:#3a2a00;--game-race-ink:#ffd877;--on-game-race:#241800;--success:#56c8da;--success-soft:#0d3138;--danger:#ff7d74;--danger-soft:#3f1716;--warning:#ffc53d;--warning-soft:#3a2d07;--medal-gold:#ffc53d;--medal-silver:#b9bfd3;--medal-bronze:#d98d58;--on-medal:#1b1400;--avatar-bg-1:#ffd7c2;--avatar-bg-2:#c9e8ff;--avatar-bg-3:#d9d3ff;--avatar-bg-4:#cdf1d9;--avatar-bg-5:#ffe7a3;--avatar-bg-6:#ffd1e3;--avatar-ink:#18162c;--skin-1:#f6d2b8;--skin-2:#e2aa82;--skin-3:#c08158;--skin-4:#8d5636;--skin-5:#5a3522;--hair-1:#2a1d17;--hair-2:#6b3f22;--hair-3:#d9a441;--hair-4:#b8432f;--hair-5:#8e8a9c;--hair-6:#4535d8;--canvas-paper:#fff;--brush-black:#1a1a1a;--brush-grey:#8c8c8c;--brush-red:#e02d2d;--brush-orange:#f58a1f;--brush-yellow:#ffd21f;--brush-green:#2fae4e;--brush-blue:#2f6fe0;--brush-purple:#8a3fd1;--brush-brown:#8a5a35;--arcade-sky:#120c32;--arcade-sky-deep:#3a1166;--arcade-grid:#ff4fd8;--arcade-glow:#4de8ff;--arcade-ink:#fff;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 6px 18px #0000008c;--shadow-pop:0 4px 0 #0009}}*,:before,:after{box-sizing:border-box}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:24px}.sg-pad{padding:var(--space-4)}.sg-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.sg-stack{gap:var(--space-3);flex-direction:column;display:flex}.sg-stack>.sg-badge{align-self:flex-start}.sg-muted{color:var(--ink-muted)}.sg-eyebrow{font:700 13px/16px var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}.sg-h1{font:700 32px/38px var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0}.sg-h2{font:700 24px/30px var(--font-display);text-wrap:balance;margin:0}.sg-h3{font:700 19px/26px var(--font-display);margin:0}.sg-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.sg-icon{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.sg-icon.sm{width:16px;height:16px}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.sg-btn{--b:var(--primary);--bh:var(--primary-hover);--bi:var(--on-primary);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-target);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);background:var(--b);color:var(--bi);font:700 16px/20px var(--font-body);cursor:pointer;box-shadow:var(--shadow-pop);transition:transform var(--duration-fast), box-shadow var(--duration-fast), background var(--duration-fast);border:2px solid #0000;display:inline-flex}.sg-btn:hover{background:var(--bh)}.sg-btn:active{box-shadow:none;transform:translateY(4px)}.sg-btn.lg{min-height:56px;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:18px}.sg-btn.sm{min-height:36px;padding:var(--space-2) var(--space-3);box-shadow:none;font-size:14px}.sg-btn.secondary{background:var(--surface-raised);color:var(--ink);border-color:var(--border-strong);box-shadow:none}.sg-btn.secondary:hover{background:var(--surface-sunken)}.sg-btn.ghost{color:var(--primary);box-shadow:none;background:0 0}.sg-btn.ghost:hover{background:var(--primary-soft)}.sg-btn.danger{--b:var(--danger);--bh:var(--danger);--bi:var(--surface-raised);box-shadow:none}.sg-btn.quiz{--b:var(--game-quiz);--bh:var(--game-quiz);--bi:var(--on-game-quiz)}.sg-btn.draw{--b:var(--game-draw);--bh:var(--game-draw);--bi:var(--on-game-draw)}.sg-btn.truths{--b:var(--game-truths);--bh:var(--game-truths);--bi:var(--on-game-truths)}.sg-btn.clash{--b:var(--game-clash);--bh:var(--game-clash);--bi:var(--on-game-clash)}.sg-btn.race{--b:var(--game-race);--bh:var(--game-race);--bi:var(--on-game-race)}.sg-btn[disabled]{background:var(--surface-sunken);color:var(--ink-muted);border-color:var(--border);box-shadow:none;cursor:not-allowed;transform:none}.sg-btn.icon{width:var(--size-target);padding:0}.sg-avatar{--s:var(--avatar-md);width:var(--s);height:var(--s);border-radius:var(--radius-full);background:var(--avatar-bg-1);color:var(--avatar-ink);font:700 calc(var(--s) * .38)/1 var(--font-display);box-shadow:0 0 0 2px var(--surface-raised);flex:none;place-items:center;display:grid;position:relative}.sg-avatar svg.face{border-radius:inherit;width:100%;height:100%;display:block}.sg-avatar.xs{--s:var(--avatar-xs)}.sg-avatar.sm{--s:var(--avatar-sm)}.sg-avatar.lg{--s:var(--avatar-lg)}.sg-avatar.xl{--s:var(--avatar-xl)}.sg-avatar.bg2{background:var(--avatar-bg-2)}.sg-avatar.bg3{background:var(--avatar-bg-3)}.sg-avatar.bg4{background:var(--avatar-bg-4)}.sg-avatar.bg5{background:var(--avatar-bg-5)}.sg-avatar.bg6{background:var(--avatar-bg-6)}.sg-avatar .dot{border-radius:var(--radius-full);background:var(--success);width:16px;height:16px;color:var(--surface-raised);box-shadow:0 0 0 2px var(--surface-raised);place-items:center;display:grid;position:absolute;bottom:-2px;right:-2px}.sg-avatar .dot svg{stroke-width:3.5px;width:10px;height:10px}.sg-avatar .dot.off{background:var(--warning)}.sg-avatar.away{opacity:.55}.sg-avatar .crown{width:20px;height:14px;color:var(--medal-gold);position:absolute;top:-9px;left:50%;transform:translate(-50%)}.sg-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font:700 12px/16px var(--font-body);letter-spacing:.06em;text-transform:uppercase;background:var(--primary-soft);color:var(--primary);display:inline-flex}.sg-badge.quiz{background:var(--game-quiz-soft);color:var(--game-quiz-ink)}.sg-badge.draw{background:var(--game-draw-soft);color:var(--game-draw-ink)}.sg-badge.truths{background:var(--game-truths-soft);color:var(--game-truths-ink)}.sg-badge.clash{background:var(--game-clash-soft);color:var(--game-clash-ink)}.sg-badge.race{background:var(--game-race-soft);color:var(--game-race-ink)}.sg-badge.success{background:var(--success-soft);color:var(--success)}.sg-badge.danger{background:var(--danger-soft);color:var(--danger)}.sg-badge.warning{background:var(--warning-soft);color:var(--warning)}.sg-badge.neutral{background:var(--surface-sunken);color:var(--ink-muted)}.sg-score{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-sunken);font:600 16px/20px var(--font-mono);font-variant-numeric:tabular-nums;display:inline-flex}.sg-score .plus{color:var(--success)}.sg-card{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.sg-game{--g:var(--game-quiz);--gs:var(--game-quiz-soft);--gi:var(--game-quiz-ink);--go:var(--on-game-quiz);gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;min-width:0;display:flex}.sg-game.draw{--g:var(--game-draw);--gs:var(--game-draw-soft);--gi:var(--game-draw-ink);--go:var(--on-game-draw)}.sg-game.truths{--g:var(--game-truths);--gs:var(--game-truths-soft);--gi:var(--game-truths-ink);--go:var(--on-game-truths)}.sg-game.clash{--g:var(--game-clash);--gs:var(--game-clash-soft);--gi:var(--game-clash-ink);--go:var(--on-game-clash)}.sg-game.race{--g:var(--game-race);--gs:var(--game-race-soft);--gi:var(--game-race-ink);--go:var(--on-game-race)}.sg-game .mark{border-radius:var(--radius-lg);background:var(--g);width:56px;height:56px;color:var(--go);place-items:center;display:grid}.sg-game .mark svg{width:30px;height:30px}.sg-game .meta{color:var(--ink-muted);font-size:14px;line-height:20px}.sg-code{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-sunken);border:2px dashed var(--border-strong);display:inline-flex}.sg-code b{font:700 40px/44px var(--font-mono);letter-spacing:.12em}.sg-input{min-height:var(--size-target);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);font:400 16px/20px var(--font-body);min-width:0}.sg-input::placeholder{color:var(--ink-muted)}.sg-input.code{font:700 24px/28px var(--font-mono);letter-spacing:.16em;text-transform:uppercase;text-align:center;width:220px}.sg-field{gap:var(--space-1);flex-direction:column;display:flex}.sg-field label{font-size:14px;font-weight:700}.sg-field .err{gap:var(--space-1);color:var(--danger);align-items:center;font-size:14px;display:flex}.sg-input.invalid{border-color:var(--danger)}.sg-timer{--p:.6;--c:var(--game-quiz);border-radius:var(--radius-full);background:conic-gradient(var(--c) calc(var(--p) * 360deg), var(--surface-sunken) 0);flex:none;place-items:center;width:84px;height:84px;display:grid;position:relative}.sg-timer:before{content:"";border-radius:inherit;background:var(--surface-raised);position:absolute;inset:8px}.sg-timer span{font:700 28px/32px var(--font-mono);font-variant-numeric:tabular-nums;position:relative}.sg-timer.draw{--c:var(--game-draw)}.sg-timer.truths{--c:var(--game-truths)}.sg-timer.clash{--c:var(--game-clash)}.sg-timer.race{--c:var(--game-race)}.sg-timer.urgent{--c:var(--warning)}.sg-timer-note{align-items:center;gap:var(--space-1);color:var(--warning);font-size:14px;font-weight:700;display:inline-flex}.sg-progress{border-radius:var(--radius-full);background:var(--surface-sunken);height:8px;overflow:hidden}.sg-progress i{background:var(--primary);border-radius:inherit;width:60%;height:100%;display:block}.sg-answers{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sg-answer{--a:var(--primary);--ai:var(--on-primary);align-items:center;gap:var(--space-4);min-height:72px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--surface-raised);color:var(--ink);font:400 18px/26px var(--font-body);text-align:left;cursor:pointer;box-shadow:var(--shadow-pop);min-width:0;display:flex;position:relative}.sg-answer:hover{border-color:var(--a)}.sg-answer .shape{border-radius:var(--radius-md);background:var(--a);width:44px;height:44px;color:var(--ai);flex:none;place-items:center;display:grid}.sg-answer .shape svg{fill:currentColor;stroke:none;width:22px;height:22px}.sg-answer .key{font:600 13px/16px var(--font-mono);color:var(--ink-muted);border:1px solid var(--border);border-radius:var(--radius-sm);margin-left:auto;padding:2px 6px}.sg-answer.a2{--a:var(--game-quiz);--ai:var(--on-game-quiz)}.sg-answer.a3{--a:var(--game-draw);--ai:var(--on-game-draw)}.sg-answer.a4{--a:var(--game-truths);--ai:var(--on-game-truths)}.sg-answer.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px var(--primary)}.sg-answer.locked{cursor:default;box-shadow:none;opacity:.6}.sg-answer.correct{border-color:var(--success);background:var(--success-soft);box-shadow:none}.sg-answer.wrong{border-color:var(--danger);background:var(--danger-soft);box-shadow:none}.sg-answer .verdict{align-items:center;gap:var(--space-1);font:700 14px/20px var(--font-body);margin-left:auto;display:inline-flex}.sg-answer.correct .verdict{color:var(--success)}.sg-answer.wrong .verdict{color:var(--danger)}.sg-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--primary-soft);color:var(--ink);border:1px solid var(--border);display:flex}.sg-banner .ic{color:var(--primary);display:flex}.sg-banner.success{background:var(--success-soft)}.sg-banner.success .ic{color:var(--success)}.sg-banner.danger{background:var(--danger-soft)}.sg-banner.danger .ic{color:var(--danger)}.sg-banner.warning{background:var(--warning-soft)}.sg-banner.warning .ic{color:var(--warning)}.sg-banner b{font-weight:700}.sg-roster{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.sg-player{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);min-width:0;display:flex}.sg-player .nm{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.sg-player .sub{color:var(--ink-muted);font-size:13px;line-height:16px}.sg-player.you{background:var(--primary-soft);border-color:var(--primary)}.sg-tabs{padding:var(--space-1);gap:var(--space-1);background:var(--surface-sunken);border-radius:var(--radius-md);display:inline-flex}.sg-tabs button{color:var(--ink-muted);font:700 14px/20px var(--font-body);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;min-height:36px}.sg-tabs button[aria-selected=true]{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.sg-board{gap:var(--space-2);flex-direction:column;display:flex}.sg-lrow{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border);grid-template-columns:40px auto minmax(0,1fr) auto;display:grid}.sg-lrow.you{background:var(--primary-soft);border-color:var(--primary)}.sg-lrow .who{min-width:0}.sg-lrow .who b{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sg-lrow .who small{color:var(--ink-muted);font-size:13px}.sg-lrow .pts{font:600 16px/20px var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.sg-rank{border-radius:var(--radius-full);width:32px;height:32px;font:700 15px/1 var(--font-mono);color:var(--ink-muted);place-items:center;display:grid}.sg-rank.r1{background:var(--medal-gold);color:var(--on-medal)}.sg-rank.r2{background:var(--medal-silver);color:var(--on-medal)}.sg-rank.r3{background:var(--medal-bronze);color:var(--on-medal)}.sg-statement{align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--surface-raised);font:400 18px/28px var(--font-body);text-align:left;color:var(--ink);cursor:pointer;width:100%;display:flex}.sg-statement .n{border-radius:var(--radius-full);background:var(--surface-sunken);width:32px;height:32px;font:700 15px/1 var(--font-mono);flex:none;place-items:center;display:grid}.sg-statement .body{flex:1;min-width:0}.sg-statement .tag{gap:var(--space-2);margin-top:var(--space-2);color:var(--ink-muted);align-items:center;font-size:14px;display:flex}.sg-statement.voted{border-color:var(--game-truths);background:var(--game-truths-soft)}.sg-statement.voted .n{background:var(--game-truths);color:var(--on-game-truths)}.sg-statement.lie{border-color:var(--danger);background:var(--danger-soft)}.sg-statement.truth{border-color:var(--border)}.sg-votes{align-items:center;display:flex}.sg-votes .sg-avatar{margin-left:-6px}.sg-canvas{aspect-ratio:4/3;background:var(--canvas-paper);border-radius:var(--radius-lg);border:2px solid var(--border-strong);width:100%;max-width:100%;display:block;overflow:hidden}.sg-toolbar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);flex-wrap:wrap;display:flex}.sg-swatches{gap:var(--space-1);flex-wrap:wrap;display:flex}.sg-swatch{border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;width:32px;height:32px;padding:0;position:relative}.sg-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 4px var(--ink)}.sg-swatch[aria-pressed=true]:after{content:"";border-radius:var(--radius-full);background:var(--canvas-paper);border:2px solid var(--brush-black);position:absolute;inset:9px}.sg-sep{background:var(--border);align-self:stretch;width:1px}.sg-sizes{gap:var(--space-1);display:flex}.sg-tool{width:var(--size-target);height:var(--size-target);border-radius:var(--radius-md);color:var(--ink);cursor:pointer;background:0 0;border:2px solid #0000;place-items:center;display:grid}.sg-tool:hover{background:var(--surface-sunken)}.sg-tool[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.sg-tool i{border-radius:var(--radius-full);background:currentColor;display:block}.sg-hint{gap:var(--space-2);font:700 28px/32px var(--font-mono);letter-spacing:.1em;justify-content:center;display:flex}.sg-hint span{border-bottom:3px solid var(--ink);text-align:center;width:24px}.sg-feed{gap:var(--space-2);flex-direction:column;font-size:15px;line-height:22px;display:flex}.sg-feed .msg{gap:var(--space-2);align-items:center;display:flex}.sg-feed .msg.hit{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--success-soft);color:var(--ink);font-weight:700}.sg-feed .msg.hit svg{color:var(--success)}.sg-feed .msg.close{color:var(--warning);font-weight:700}.sg-seg{padding:var(--space-1);gap:var(--space-1);border-radius:var(--radius-full);background:var(--surface-sunken);border:1px solid var(--border);display:inline-flex}.sg-seg button{align-items:center;gap:var(--space-1);min-height:36px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:var(--ink-muted);font:700 14px/20px var(--font-body);cursor:pointer;background:0 0;border:0;display:inline-flex}.sg-seg button[aria-checked=true]{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-sm)}.sg-switch{align-items:center;gap:var(--space-3);cursor:pointer;color:var(--ink);font-weight:700;font-family:var(--font-body);min-height:var(--size-target);background:0 0;border:0;padding:0;font-size:15px;display:inline-flex}.sg-switch .track{border-radius:var(--radius-full);background:var(--surface-sunken);border:2px solid var(--border-strong);width:48px;height:28px;transition:background var(--duration-fast);position:relative}.sg-switch .track:after{content:"";border-radius:var(--radius-full);background:var(--ink-muted);width:20px;height:20px;transition:transform var(--duration-fast);position:absolute;top:2px;left:2px}.sg-switch[aria-checked=true] .track{background:var(--primary);border-color:var(--primary)}.sg-switch[aria-checked=true] .track:after{background:var(--on-primary);transform:translate(20px)}.sg-ach{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);min-width:0;display:flex}.sg-ach .medal{border-radius:var(--radius-full);background:var(--medal-gold);width:48px;height:48px;color:var(--on-medal);flex:none;place-items:center;display:grid}.sg-ach .medal svg{width:24px;height:24px}.sg-ach.locked .medal{background:var(--surface-sunken);color:var(--ink-muted);border:2px dashed var(--border-strong)}.sg-ach b{display:block}.sg-ach small{color:var(--ink-muted);font-size:13px;line-height:18px;display:block}.sg-appbar{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--surface-raised);border-bottom:1px solid var(--border);display:flex}.sg-wordmark{align-items:center;gap:var(--space-2);font:800 20px/1 var(--font-display);color:var(--ink);letter-spacing:-.01em;display:inline-flex}.sg-wordmark em{color:var(--primary);font-style:normal}.sg-appbar .grow{flex:1}.sg-screen{background:var(--surface);min-height:100%}.sg-stage{padding:var(--space-8) var(--space-10);gap:var(--space-6);display:grid}.sg-podium{justify-content:center;align-items:flex-end;gap:var(--space-4);display:flex}.sg-podium .col{align-items:center;gap:var(--space-2);flex-direction:column;width:150px;display:flex}.sg-podium .block{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;padding-top:var(--space-3);font:800 44px/48px var(--font-display);color:var(--on-medal);place-items:start center;display:grid}.sg-podium .p1 .block{background:var(--medal-gold);height:160px}.sg-podium .p2 .block{background:var(--medal-silver);height:120px}.sg-podium .p3 .block{background:var(--medal-bronze);height:90px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.sk1{fill:var(--skin-1)}.sk2{fill:var(--skin-2)}.sk3{fill:var(--skin-3)}.sk4{fill:var(--skin-4)}.sk5{fill:var(--skin-5)}.hr1{fill:var(--hair-1)}.hr2{fill:var(--hair-2)}.hr3{fill:var(--hair-3)}.hr4{fill:var(--hair-4)}.hr5{fill:var(--hair-5)}.hr6{fill:var(--hair-6)}.sh1{fill:var(--brush-blue)}.sh2{fill:var(--brush-green)}.sh3{fill:var(--brush-orange)}.sh4{fill:var(--brush-purple)}.sh5{fill:var(--brush-red)}.fe{fill:var(--avatar-ink)}.fl{fill:none;stroke:var(--avatar-ink);stroke-width:2px;stroke-linecap:round}.sg-logo{flex:none;width:24px;height:auto;display:block}[data-theme=dark] .sg-logo{filter:invert()}html,body,#root{height:100%}.sg-avatar .initials{width:100%;height:100%;color:var(--avatar-ink);font:700 calc(var(--s) * .38) / 1 var(--font-display);place-items:center;display:grid}.app-main{max-width:1100px;margin:0 auto}.app-appbar a{color:inherit;text-decoration:none}.grid-2{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.games{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=600px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.games{grid-template-columns:repeat(3,minmax(0,1fr))}}.sg-game[aria-pressed=true]{outline:3px solid var(--g);outline-offset:2px}.link{color:var(--primary);font-weight:700}.builder-options{gap:var(--space-4);display:grid}.builder-options .sg-seg{border-radius:var(--radius-md);flex-wrap:wrap}.color-chip{border-radius:var(--radius-full);border:2px solid var(--border-strong);width:28px;height:28px;display:inline-block}.center-page{min-height:100%;padding:var(--space-4);place-items:center;display:grid}.signin-card{width:100%;max-width:420px}.stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}@media (width<=599px){.sg-stage{padding:var(--space-4)}.sg-appbar{padding:var(--space-3) var(--space-4)}.sg-code b{font-size:28px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .sg-logo{filter:invert()}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.quiz-countdown{font:800 64px/64px var(--font-display);letter-spacing:-.02em;margin:0}.sg-answer:disabled{cursor:default}@media (width<=479px){.sg-answers{grid-template-columns:1fr}.quiz-prompt{font-size:24px;line-height:30px}}.quiz-picker{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.quiz-option{gap:var(--space-1);text-align:left;padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--surface-raised);color:var(--ink);font:inherit;cursor:pointer;min-height:var(--size-target);flex-direction:column;display:flex}.quiz-option:hover{border-color:var(--primary)}.quiz-option[aria-checked=true]{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px var(--primary)}.draw-layout{gap:var(--space-6);grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:start;display:grid}.draw-feed{max-height:420px;overflow-y:auto}.draw-feed-card{padding:var(--space-4)}.sg-hint .gap{width:12px}@media (width<=1023px){.draw-layout{grid-template-columns:1fr}}@media (width<=479px){.app-appbar{gap:var(--space-2)}.appbar-theme{display:none}}.sg-progress.truths i{background:var(--game-truths)}.sg-statement:disabled{opacity:1}.sg-statement:not(:disabled):hover{border-color:var(--game-truths)}.sg-statement:focus-visible{outline:3px solid var(--focus-ring,var(--game-truths));outline-offset:2px}.sg-statement .tag{flex-wrap:wrap}@media (width<=480px){.truths-author{display:none}}.wordmark-by{margin-left:var(--space-1);font:700 11px/1 var(--font-body);letter-spacing:.02em;color:var(--ink-muted);vertical-align:baseline;position:relative;bottom:-.2em}.display-xl{font:800 44px/48px var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0}@media (width<=599px){.display-xl{font-size:34px;line-height:38px}}:root[data-arena]{--g:var(--game-quiz);--gs:var(--game-quiz-soft);--gi:var(--game-quiz-ink);--go:var(--on-game-quiz)}:root[data-arena=draw]{--g:var(--game-draw);--gs:var(--game-draw-soft);--gi:var(--game-draw-ink);--go:var(--on-game-draw)}:root[data-arena=truths]{--g:var(--game-truths);--gs:var(--game-truths-soft);--gi:var(--game-truths-ink);--go:var(--on-game-truths)}:root[data-arena=clash]{--g:var(--game-clash);--gs:var(--game-clash-soft);--gi:var(--game-clash-ink);--go:var(--on-game-clash)}:root[data-arena=race]{--g:var(--game-race);--gs:var(--game-race-soft);--gi:var(--game-race-ink);--go:var(--on-game-race)}:root[data-arena] .sg-screen{background:radial-gradient(circle at 1px 1px, var(--gs) 1.5px, transparent 0) 0 0 / 22px 22px, linear-gradient(180deg, var(--gs), var(--surface) 360px);background-color:var(--surface)}:root[data-arena] .app-main{max-width:980px}@keyframes pop-in{0%{opacity:0;transform:scale(.85)translateY(6px)}}@keyframes pulse{50%{opacity:.35}}@keyframes bounce-dot{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.pop-in{animation:pop-in var(--duration-base) cubic-bezier(.2, 1.4, .4, 1) backwards}.dots{margin-left:var(--space-1);vertical-align:middle;gap:3px;display:inline-flex}.dots i{border-radius:var(--radius-full);background:currentColor;width:5px;height:5px;animation:1.2s infinite bounce-dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}.lobby-hero{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);background:var(--surface-raised);border:1px solid var(--border);border-top:6px solid var(--g);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.lobby-code{gap:var(--space-2);margin:var(--space-2) 0;display:flex}.lobby-code span{border-radius:var(--radius-lg);background:var(--gs);width:64px;height:80px;color:var(--ink);border:2px solid var(--g);box-shadow:0 4px 0 var(--g);font:700 44px/1 var(--font-mono);place-items:center;display:grid}@media (width<=599px){.lobby-hero{padding:var(--space-6) var(--space-4)}.lobby-code{gap:var(--space-1)}.lobby-code span{border-radius:var(--radius-md);width:44px;height:58px;font-size:30px}}.waiting{font-weight:700}.host-controls{text-align:center;align-items:center}.start-btn{border-radius:var(--radius-xl);min-width:260px;min-height:64px;font-size:22px}.game-bar{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-wrap:wrap;display:flex}.game-bar-meta{font-size:14px}.play-roster{padding:var(--space-3) var(--space-4)}.play-roster summary{cursor:pointer;min-height:var(--size-target)}.play-roster[open] summary{margin-bottom:var(--space-3)}@keyframes count-pop{0%{opacity:0;transform:scale(1.8)}}.get-ready{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-6);border-radius:var(--radius-xl);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.get-ready-count{border-radius:var(--radius-full);background:var(--g);width:160px;height:160px;color:var(--go);font:800 96px/1 var(--font-display);box-shadow:0 6px 0 var(--gi);animation:count-pop var(--duration-base) ease-out;place-items:center;margin:0;display:grid}.question-card{align-items:center;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex}.question-card .sg-timer{width:104px;height:104px}.question-card .sg-timer span{font-size:36px}.quiz-prompt{min-width:0;font:700 34px/40px var(--font-display);letter-spacing:-.01em;text-wrap:balance;flex:1;margin:0}.sg-progress.quiz i{background:var(--game-quiz)}.big-score{padding:var(--space-2) var(--space-4);font-size:20px;line-height:24px;position:relative}@keyframes float-up{0%{opacity:0;transform:translateY(12px)scale(.8)}}.float-up{animation:float-up var(--duration-slow) cubic-bezier(.2, 1.4, .4, 1) backwards;font-weight:700;display:inline-block}.sg-answer.buzzer{background:var(--a);min-height:96px;color:var(--ai);font:700 22px/28px var(--font-display);transition:transform var(--duration-fast), box-shadow var(--duration-fast), opacity var(--duration-base), filter var(--duration-fast);border:0;box-shadow:0 6px #18162c47}.sg-answer.buzzer:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px #18162c47}.sg-answer.buzzer:not(:disabled):active{box-shadow:none;transform:translateY(6px)}.sg-answer.buzzer .shape{width:52px;height:52px;color:var(--ai);background:#ffffff38}.sg-answer.buzzer .shape svg{width:26px;height:26px}.sg-answer.buzzer .key{color:inherit;opacity:.7;border-color:currentColor}.buzzers.answered .sg-answer.buzzer.locked,.buzzers.revealed .sg-answer.buzzer.locked{opacity:.45;box-shadow:none}.sg-answer.buzzer.selected{box-shadow:0 0 0 4px var(--surface), 0 0 0 7px var(--ink);background:var(--a);border:0;transform:translateY(6px)}.sg-answer.buzzer.correct{background:var(--a);box-shadow:0 0 0 4px var(--surface), 0 0 0 8px var(--success);animation:pop-in var(--duration-base) cubic-bezier(.2, 1.4, .4, 1)}.sg-answer.buzzer.wrong{background:var(--a);box-shadow:0 0 0 4px var(--surface), 0 0 0 8px var(--danger)}.sg-answer.buzzer .verdict{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--surface-raised);font:700 14px/20px var(--font-body)}.sg-answer.buzzer:disabled{cursor:default}@media (width<=599px){.question-card{text-align:center;padding:var(--space-4);gap:var(--space-3);flex-direction:column}.question-card .sg-timer{width:84px;height:84px}.quiz-prompt{font-size:24px;line-height:30px}.sg-answer.buzzer{min-height:72px;font-size:19px}}.locked-in{align-self:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--primary-soft);color:var(--primary);font-weight:700;display:inline-flex}.reveal-burst{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);border:2px solid var(--danger);background:var(--danger-soft);animation:pop-in var(--duration-base) cubic-bezier(.2, 1.4, .4, 1);display:flex}.reveal-burst.right{border-color:var(--success);background:var(--success-soft)}.reveal-burst>svg{width:48px;height:48px;color:var(--danger);flex:none}.reveal-burst.right>svg{color:var(--success)}.reveal-burst b{font:800 30px/34px var(--font-display);display:block}.reveal-burst span{font-size:18px}.standings{gap:var(--space-2);flex-direction:column;display:flex}.standings ol{margin:0;padding:0;list-style:none}.sg-lrow .gain{margin-right:var(--space-2);color:var(--success);font-weight:700}.results-hero{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4) 0;border-radius:var(--radius-xl);background:var(--surface-raised);border:1px solid var(--border);border-top:6px solid var(--g);box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:relative;overflow:hidden}.results-hero h1{align-items:center;gap:var(--space-3);display:inline-flex}.results-trophy{width:40px;height:40px;color:var(--medal-gold)}.podium-anim{margin:var(--space-4) 0 0;width:100%;padding:0;list-style:none}.sg-podium .col{flex:0 150px;min-width:0}.podium-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}@keyframes rise{0%{transform:scaleY(0)}}.podium-anim .block{transform-origin:bottom;animation:rise var(--duration-slow) cubic-bezier(.2, 1.2, .4, 1) backwards}.podium-anim .col>:not(.block){animation:pop-in var(--duration-base) ease-out backwards}.podium-anim .p3 .block,.podium-anim .p3>:not(.block){animation-delay:.1s}.podium-anim .p2 .block,.podium-anim .p2>:not(.block){animation-delay:.4s}.podium-anim .p1 .block,.podium-anim .p1>:not(.block){animation-delay:.7s}@media (width<=479px){.sg-podium{gap:var(--space-2)}.sg-podium .p1 .block{height:120px}.sg-podium .p2 .block{height:90px}.sg-podium .p3 .block{height:64px}}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:0;border-radius:2px;width:9px;height:15px;animation:2.8s ease-in forwards confetti-fall;position:absolute;top:-16px}.confetti i.quiz{background:var(--game-quiz)}.confetti i.draw{background:var(--game-draw)}.confetti i.truths{background:var(--game-truths)}.confetti i.clash{background:var(--game-clash)}.confetti i.race{background:var(--game-race)}.confetti i.primary{background:var(--primary)}.confetti i.gold{background:var(--medal-gold)}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(var(--spin))}85%{opacity:1}to{opacity:0;transform:translateY(520px) rotate(calc(var(--spin) + 540deg))}}.home-hero{align-items:center;gap:var(--space-8);padding:var(--space-8);border-radius:var(--radius-xl);background:radial-gradient(circle at 1px 1px, var(--primary-soft) 1.5px, transparent 0) 0 0 / 22px 22px, var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.join-box{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--surface-raised);border:2px solid var(--primary);box-shadow:0 6px 0 var(--primary);flex-direction:column;display:flex}.join-box-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.join-box .sg-input.code{flex:1;width:auto;min-width:160px;min-height:56px;font-size:26px}@media (width<=799px){.home-hero{padding:var(--space-5);gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.join-box{padding:var(--space-4)}.join-box .sg-btn{flex:1}}.live-dot{border-radius:var(--radius-full);background:var(--danger);width:10px;height:10px;animation:1.4s infinite pulse}.live-lobbies{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.live-lobby{--g:var(--game-quiz);--go:var(--on-game-quiz);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border);border-left:6px solid var(--g);color:inherit;transition:transform var(--duration-fast);text-decoration:none;display:flex}.live-lobby.draw{--g:var(--game-draw);--go:var(--on-game-draw)}.live-lobby.truths{--g:var(--game-truths);--go:var(--on-game-truths)}.live-lobby.clash{--g:var(--game-clash);--go:var(--on-game-clash)}.live-lobby.race{--g:var(--game-race);--go:var(--on-game-race)}.live-lobby:hover{transform:translateY(-2px)}.live-lobby .mark{border-radius:var(--radius-md);background:var(--g);width:40px;height:40px;color:var(--go);flex:none;place-items:center;display:grid}.sg-game.arcade{transition:transform var(--duration-fast), box-shadow var(--duration-fast);gap:0;padding:0;overflow:hidden}.sg-game.arcade:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.arcade-art{background:radial-gradient(circle at 1px 1px, var(--g) 1.5px, transparent 0) 0 0 / 18px 18px, var(--gs);place-items:center;height:140px;display:grid}.sg-game.arcade .mark{border-radius:var(--radius-xl);width:80px;height:80px;box-shadow:0 6px 0 var(--gi);transition:transform var(--duration-base);transform:rotate(-6deg)}.sg-game.arcade:hover .mark{transform:rotate(4deg)scale(1.06)}.sg-game.arcade .mark svg{width:40px;height:40px}.arcade-body{padding:var(--space-5) var(--space-6) var(--space-6);flex:1}a.sg-btn{text-decoration:none}.sg-wordmark{white-space:nowrap}@media (width<=599px){.game-bar{border-radius:var(--radius-lg);flex-wrap:nowrap}.game-bar-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.game-bar .sg-badge{flex:none}}@media (width<=479px){.game-bar-count{display:none}}.you-card{border-radius:var(--radius-xl);border-left:6px solid var(--g)}:root[data-backdrop=tokyo] body{background:var(--arcade-sky-deep)}:root[data-backdrop=tokyo] .sg-screen{background:0 0}:root[data-backdrop=tokyo] .app-main{z-index:1;position:relative}.tokyo-run{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}.arcade-title{color:var(--arcade-ink);text-shadow:0 2px 8px var(--arcade-sky)}:root[data-page=home] .home-hero{box-shadow:0 0 0 2px var(--arcade-grid), 0 0 32px var(--arcade-grid)}:root[data-page=home] .sg-game.arcade:hover{box-shadow:0 0 0 2px var(--arcade-glow), 0 0 28px var(--arcade-glow)}.app-main{grid-template-columns:minmax(0,1fr)}:root[data-backdrop=tokyo] .app-appbar{z-index:2;position:relative}.race-lane{height:clamp(110px,18vh,190px);margin:calc(var(--space-6) * -1) 0}:root[data-arena=clash][data-arena-status=in_progress] .app-main{max-width:1280px}.clash-stage{--clash-hud:#0b0820c7;gap:var(--space-2);display:grid}.clash-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);width:min(100%,177.778dvh - 408.889px);min-width:min(100%,560px);box-shadow:0 0 0 3px var(--game-clash), 0 8px 0 var(--game-clash-ink);color:#fff;background:#0b0820;margin-inline:auto;position:relative;overflow:hidden}.clash-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.clash-canvas:focus-visible{outline-offset:-3px;outline:3px solid #fff}.clash-overlay{z-index:1}.clash-overlay.locked{cursor:none}.clash-frame>:not(canvas){z-index:2}.clash-nogl{padding:var(--space-6);font:700 16px/1.4 var(--font-body);text-align:center;background:#15151e;place-content:center;margin:0;display:grid;position:absolute;inset:0}.clash-lock{border-radius:var(--radius-md);background:var(--clash-hud);font:700 13px/1.2 var(--font-body);white-space:nowrap;pointer-events:none;align-items:center;gap:6px;padding:6px 12px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}.clash-lock kbd{font:700 11px/1 var(--font-mono,monospace);border:1px solid #ffffff80;border-radius:5px;padding:2px 5px}.clash-fire{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:#ff5a4e8c;border:3px solid #fff;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:absolute;bottom:64px;right:24px}.clash-roll{background:radial-gradient(circle, #0b0820b3 58%, transparent 60%), conic-gradient(#ffd36b calc(var(--r,1) * 360deg), #ffffff26 0);color:#fff;opacity:.75;touch-action:none;-webkit-user-select:none;user-select:none;border:3px solid #ffffff8c;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;bottom:70px;right:122px}.clash-roll.ready{opacity:1;border-color:#ffd36b}.clash-dodge{opacity:.6;align-items:center;gap:5px;display:inline-flex}.clash-dodge.ready{opacity:1;color:#ffd36b}.clash-dodge i{background:linear-gradient(90deg, #ffd36b calc(var(--r,1) * 100%), #ffffff29 0);border-radius:999px;width:34px;height:6px}.clash-dodge kbd{font:700 10px/1 var(--font-mono,monospace);border:1px solid #ffffff80;border-radius:4px;padding:2px 4px}.clash-fire:active{background:#ff5a4ed9;transform:scale(.95)}.clash-stage.full{z-index:50;background:#0b0820;position:fixed;inset:0}.clash-stage.full .clash-frame{aspect-ratio:auto;width:100%;min-width:0;height:100%;box-shadow:none;border-radius:0}.clash-hud-top{top:var(--space-2);left:var(--space-2);right:var(--space-2);gap:var(--space-2);pointer-events:none;justify-content:center;align-items:flex-start;display:flex;position:absolute}.clash-power{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:2px solid var(--t);background:var(--clash-hud);min-width:0;max-width:280px;font:700 13px/1.2 var(--font-body);flex:1 1 0;grid-template-columns:auto 1fr auto;padding:4px 10px;display:grid}.clash-power.mine{box-shadow:0 0 0 2px #fff}.clash-power-name{white-space:nowrap;align-items:center;gap:5px;display:inline-flex;overflow:hidden}.clash-power-name small{opacity:.8;font-weight:600}.clash-shape{color:var(--t);flex:none}.clash-power-bar{background:#ffffff29;border-radius:999px;height:10px;overflow:hidden}.clash-power-bar i{height:100%;width:calc(var(--p) * 100%);background:var(--t);border-radius:inherit;transition:width var(--duration-base);display:block}.clash-power.lead .clash-power-bar i{box-shadow:0 0 10px var(--t)}.clash-clock{border-radius:var(--radius-md);border:2px solid var(--game-clash);background:var(--clash-hud);font:800 20px/28px var(--font-display);flex:none;padding:2px 12px}.clash-clock.urgent{color:#ffb3ac;border-color:#ff5a4e}.clash-hud-mid{pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;top:48px;left:0;right:0}.clash-titan{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--clash-hud);width:min(360px,46%);font:800 12px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.06em;border:2px solid #ff3d6e;grid-template-columns:auto 1fr;padding:3px 10px;display:grid}.clash-titan>span:first-child{align-items:center;gap:4px;display:inline-flex}.clash-titan-bar{background:#ffffff29;border-radius:999px;height:8px;overflow:hidden}.clash-titan-bar i{height:100%;transition:width var(--duration-fast);background:#ffd36b;display:block}.clash-feed{justify-content:center;gap:var(--space-2);min-height:26px;font:600 13px/1.3 var(--font-body);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.clash-feed li{border-radius:var(--radius-sm);border-left:4px solid var(--t);background:var(--surface-raised);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);animation:pop-in var(--duration-base) cubic-bezier(.2, 1.4, .4, 1) backwards;padding:3px 10px}.clash-feed li.mine{background:var(--game-clash-soft);font-weight:800}.clash-stage.full .clash-feed{display:none}.clash-banner{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);background:var(--game-clash);width:fit-content;max-width:90%;color:var(--on-game-clash);box-shadow:0 5px 0 var(--game-clash-ink);font:800 18px/1.25 var(--font-display);text-align:center;pointer-events:none;margin:0 auto;padding:10px 18px;display:flex;position:absolute;top:28%;left:0;right:0}.clash-down{place-content:center;justify-items:center;gap:var(--space-1);pointer-events:none;background:#0b082073;display:grid;position:absolute;inset:0}.clash-down b{font:800 34px/1 var(--font-display);color:#ff7a6e;text-shadow:0 3px #0d0b1f}.clash-me{left:var(--space-2);bottom:var(--space-2);align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--t,var(--game-clash));background:var(--clash-hud);font:700 13px/1.2 var(--font-body);pointer-events:none;padding:4px 12px;display:flex;position:absolute}.clash-me-team{align-items:center;gap:5px;display:inline-flex}.clash-hp{align-items:center;gap:6px;display:inline-flex}.clash-hp-bar{background:#ffffff29;border-radius:999px;width:110px;height:10px;overflow:hidden}.clash-hp-bar i{height:100%;transition:width var(--duration-fast);background:#3fd08b;display:block}.clash-hp-bar i.low{background:#ff5a4e}.clash-pts{color:#ffd36b}.clash-full{right:var(--space-2);bottom:var(--space-2);color:#fff;background:var(--clash-hud);position:absolute}.clash-rotate{display:none}@media (orientation:portrait){.clash-stage.full .clash-rotate{place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-6);font:800 22px/1.3 var(--font-display);text-align:center;background:#0b0820;display:grid;position:absolute;inset:0}}.clash-help{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.clash-help kbd{font:700 12px/1 var(--font-mono,monospace);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);border-bottom-width:3px;border-radius:6px;padding:3px 6px}@media (width<=720px){.clash-power{grid-template-columns:auto auto;padding:2px 6px;font-size:11px}.clash-power-bar{grid-area:2/1/auto/-1;height:6px}.clash-clock{font-size:15px;line-height:22px}.clash-me{gap:var(--space-2);font-size:11px}.clash-hp-bar{width:64px}}.clash-outcome-teams{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.clash-outcome-team{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--border);border-top:6px solid var(--t);background:var(--surface-raised);display:grid}.clash-outcome-team.won{border-color:var(--t);box-shadow:0 5px 0 var(--t)}.clash-outcome-team .clash-shape{color:var(--t)}.clash-stats{border-collapse:collapse;width:100%;font-size:14px}.clash-stats th,.clash-stats td{text-align:right;border-top:1px solid var(--border);padding:4px 6px}.clash-stats th:first-child{text-align:left;font-weight:600}.clash-stats thead th{color:var(--ink-muted);border-top:0;font-weight:600}.clash-stats tr.you th,.clash-stats tr.you td{font-weight:800}:root[data-backdrop=tokyo] .lobby-hero,:root[data-backdrop=tokyo] .lobby-panel{box-shadow:0 0 0 2px var(--g), 0 0 32px var(--g)}:root[data-arena=race][data-arena-status=in_progress] .app-main{max-width:1280px}.race-stage{--race-hud:#15151edb;--race-red:#e10600;gap:var(--space-2);display:grid}.race-frame{aspect-ratio:16/9;border-radius:var(--radius-lg);width:min(100%,177.778dvh - 408.889px);min-width:min(100%,560px);box-shadow:0 0 0 3px var(--game-race), 0 8px 0 var(--game-race-ink);color:#fff;-webkit-user-select:none;user-select:none;background:#d4e9f7;margin-inline:auto;position:relative;overflow:hidden}.race-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.race-canvas:focus-visible{outline-offset:-3px;outline:3px solid #fff}.race-stage.full{z-index:50;background:#0c0a1c;position:fixed;inset:0}.race-stage.full .race-frame{aspect-ratio:auto;width:100%;min-width:0;height:100%;box-shadow:none;border-radius:0}.race-overlay{z-index:1}.race-frame>:not(canvas){z-index:2}.race-nogl{padding:var(--space-6);font:700 16px/1.4 var(--font-body);text-align:center;background:#15151e;place-content:center;margin:0;display:grid;position:absolute;inset:0}.race-tower{top:var(--space-2);left:var(--space-2);border-radius:var(--radius-sm);background:var(--race-hud);min-width:118px;font:700 12px/1.2 var(--font-body);pointer-events:none;position:absolute;overflow:hidden}.race-tower-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);background:var(--race-red);font:800 11px/1 var(--font-display);text-transform:uppercase;letter-spacing:.08em;padding:4px 8px;display:flex}.race-tower-head b{font:italic 900 20px/1 var(--font-display);letter-spacing:0}.race-tower-head small{opacity:.85;font-size:13px}.race-tower ol{margin:0;padding:2px 0;list-style:none}.race-tower li{white-space:nowrap;grid-template-columns:20px 4px 1fr auto;align-items:center;gap:6px;padding:3px 8px 3px 6px;display:grid}.race-tower li+li{border-top:1px solid #ffffff14}.race-tower li>span{text-align:right;font-weight:800}.race-tower li i{background:var(--c);width:4px;height:13px}.race-tower abbr{letter-spacing:.06em;text-decoration:none}.race-tower li.me{color:#15151e;background:#fff;font-weight:900}.race-timing{top:var(--space-2);right:var(--space-2);pointer-events:none;justify-items:end;gap:2px;display:grid;position:absolute}.race-clock{border-radius:var(--radius-sm);background:var(--race-hud);border-left:4px solid var(--race-red);font:italic 900 20px/24px var(--font-display);padding:3px 10px}.race-lap{border-radius:var(--radius-sm);background:var(--race-hud);font:700 13px/18px var(--font-body);padding:1px 8px}.race-lap small{font:800 10px/1 var(--font-display);text-transform:uppercase;letter-spacing:.08em;opacity:.75;margin-right:4px}.race-lap.best{color:#c77dff}.race-district{top:var(--space-2);font:800 12px/1.4 var(--font-display);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;pointer-events:none;background:#0f7a43;border:2px solid #fff;border-radius:999px;padding:2px 10px;position:absolute;left:50%;transform:translate(-50%)}.race-count{justify-items:center;gap:var(--space-3);pointer-events:none;display:grid;position:absolute;top:16%;left:0;right:0}.race-count b{font:italic 900 72px/1 var(--font-display);color:#3fd08b;text-shadow:0 4px #15151e}.race-lights{border-radius:var(--radius-sm);background:#15151e;gap:10px;padding:8px 10px;display:flex;box-shadow:0 6px #00000059}.race-lights span{background:#24242e;border-radius:6px;gap:6px;padding:6px;display:grid}.race-lights i{background:#3a1214;border-radius:50%;width:24px;height:24px}.race-lights i.on{background:#ff1a1a;box-shadow:0 0 18px #ff1a1a}.race-banner{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--race-hud);border-left:6px solid var(--race-red);color:#fff;width:fit-content;max-width:90%;font:italic 900 20px/1.25 var(--font-display);text-align:center;text-transform:uppercase;pointer-events:none;margin:0 auto;padding:10px 18px;display:flex;position:absolute;top:26%;left:0;right:0}.race-wrong{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--race-red);color:#fff;width:fit-content;font:italic 900 26px/1 var(--font-display);text-transform:uppercase;pointer-events:none;margin:0 auto;padding:8px 18px;display:flex;position:absolute;top:40%;left:0;right:0}.race-dash{left:50%;bottom:var(--space-2);align-items:stretch;gap:2px;display:flex;position:absolute;transform:translate(-50%)}.race-dash>span{background:var(--race-hud);pointer-events:none;align-items:baseline;padding:6px 12px;display:flex}.race-dash>span:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.race-place{font:italic 900 26px/1 var(--font-display)}.race-place small,.race-speed small{font:700 12px/1 var(--font-body);opacity:.75;margin-left:3px}.race-speed{min-width:110px;font:italic 900 30px/1 var(--font-display);justify-content:flex-end}.race-gear{border-radius:0 var(--radius-sm) var(--radius-sm) 0;min-width:40px;font:italic 900 26px/1 var(--font-display);justify-content:center;background:var(--race-red)!important}.race-dash .race-item{margin-left:var(--space-2)}.race-item{border-radius:var(--radius-md);background:var(--race-hud);color:#ffffff73;width:54px;height:54px;font:900 24px/1 var(--font-display);touch-action:none;border:2px dashed #ffffff59;place-items:center;display:grid}.race-item.ready{color:#ffd23f;cursor:pointer;border:3px solid #ffd23f;box-shadow:0 0 16px #ffd23f99}.race-pads{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);pointer-events:none;justify-content:space-between;display:flex;position:absolute}.race-pad-group{gap:var(--space-3);display:flex}.race-pad{color:#fff;width:84px;height:84px;font:800 15px/1 var(--font-display);text-transform:uppercase;touch-action:none;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#15151e80;border:3px solid #fff9;border-radius:50%;place-items:center;display:grid}.race-pad:active{background:#ffffff40}.race-pad.brake{border-color:var(--race-red)}.race-full{right:var(--space-2);bottom:var(--space-2);color:#fff;background:var(--race-hud);position:absolute}.race-pads~.race-full{bottom:112px}.race-rotate{display:none}@media (orientation:portrait){.race-stage.full .race-rotate{place-content:center;justify-items:center;gap:var(--space-3);padding:var(--space-6);font:800 22px/1.3 var(--font-display);text-align:center;background:#15151e;display:grid;position:absolute;inset:0}}.race-watch{justify-content:center;gap:var(--space-2);flex-wrap:wrap}.race-watch .sg-btn[aria-pressed=true]{background:var(--game-race-soft);color:var(--game-race-ink)}.race-feed{justify-content:center;gap:var(--space-2);min-height:26px;font:600 13px/1.3 var(--font-body);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.race-feed li{border-radius:var(--radius-sm);border-left:4px solid var(--c);background:var(--surface-raised);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);animation:pop-in var(--duration-base) cubic-bezier(.2, 1.4, .4, 1) backwards;padding:3px 10px}.race-feed li.mine{background:var(--game-race-soft);font-weight:800}.race-stage.full .race-feed,.race-stage.full .race-watch{display:none}.race-help{text-align:center;margin:0;font-size:14px}.race-help kbd{font:700 12px/1 var(--font-mono,monospace);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);border-bottom-width:3px;border-radius:6px;padding:3px 6px}@media (width<=720px),(height<=480px){.race-tower{min-width:96px;font-size:11px}.race-tower li:nth-child(n+4):not(.me){display:none}.race-clock{font-size:15px;line-height:20px}.race-district{top:auto;bottom:64px}.race-count b{font-size:52px}.race-lights i{width:16px;height:16px}.race-place,.race-gear{font-size:18px}.race-speed{min-width:80px;font-size:20px}.race-pad{width:70px;height:70px}}.race-stats{border-collapse:collapse;width:100%;font-size:14px}.race-stats th,.race-stats td{text-align:right;border-top:1px solid var(--border);padding:5px 8px}.race-stats th[scope=row],.race-stats thead th:nth-child(2){text-align:left;font-weight:600}.race-stats td:first-child,.race-stats thead th:first-child{text-align:left;width:3em}.race-stats thead th{color:var(--ink-muted);border-top:0;font-weight:600}.race-stats tr.you th,.race-stats tr.you td{font-weight:800}.race-swatch{border:1px solid var(--ink);vertical-align:baseline;border-radius:3px;width:10px;height:10px;margin-right:8px;display:inline-block}.race-pad-group .race-item{pointer-events:auto;align-self:center;width:70px;height:70px}