:root{--color-bg:#0f0f1a;--color-bg-elevated:#1a1a2e;--color-bg-overlay:#0009;--color-surface:#242442;--color-text:#f4f4f8;--color-text-muted:#a3a3b8;--color-text-inverse:#0f0f1a;--color-primary:#8b6eff;--color-primary-hover:#7a5cf0;--color-secondary:#4fc3f7;--color-accent:#ffcc3f;--color-success:#2ecc71;--color-danger:#ff4d6d;--color-warning:#ffa726;--color-info:#4fc3f7;--color-border:#ffffff1f;--color-focus:#fff;--color-choice-1:#e63946;--color-choice-2:#f4a261;--color-choice-3:#2a9d8f;--color-choice-4:#457b9d;--color-choice-5:#8e44ad;--color-choice-6:#f1c40f;--color-rank-1:gold;--color-rank-2:silver;--color-rank-3:#cd7f32;--color-primary-soft:color-mix(in oklab, var(--color-primary) 18%, transparent);--color-success-soft:color-mix(in oklab, var(--color-success) 18%, transparent);--color-danger-soft:color-mix(in oklab, var(--color-danger) 18%, transparent);--color-warning-soft:color-mix(in oklab, var(--color-warning) 18%, transparent);--color-info-soft:color-mix(in oklab, var(--color-info) 18%, transparent);--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-xl:32px;--radius-full:999px;--border-width:1px;--border-width-strong:2px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Fredoka Variable", "Fredoka", var(--font-sans);--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--type-scale:1;--font-size-xs:calc(clamp(12px, .75rem + .1vw, 13px) * var(--type-scale));--font-size-sm:calc(clamp(14px, .85rem + .1vw, 15px) * var(--type-scale));--font-size-md:calc(clamp(16px, .95rem + .2vw, 18px) * var(--type-scale));--font-size-lg:calc(clamp(18px, 1.05rem + .4vw, 22px) * var(--type-scale));--font-size-xl:calc(clamp(22px, 1.2rem + .8vw, 28px) * var(--type-scale));--font-size-2xl:calc(clamp(28px, 1.5rem + 1.2vw, 36px) * var(--type-scale));--font-size-3xl:calc(clamp(34px, 1.8rem + 1.8vw, 48px) * var(--type-scale));--font-size-4xl:calc(clamp(42px, 2.2rem + 2.6vw, 64px) * var(--type-scale));--font-size-hero:clamp(48px, 8vw, 160px);--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--line-height-tight:1.1;--line-height-normal:1.45;--motion-scale:1;--motion-fast:calc(.12s * var(--motion-scale));--motion-base:calc(.22s * var(--motion-scale));--motion-slow:calc(.42s * var(--motion-scale));--motion-dramatic:calc(.9s * var(--motion-scale));--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:linear(0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001);--press-scale:.96;--opacity-disabled:.5;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 6px 18px #00000059;--shadow-lg:0 18px 48px #00000073;--z-base:0;--z-sticky:10;--z-sheet:100;--z-toast:200;--z-modal:300;--tap-min:44px;--content-max:480px;--media-volume:.8}html[data-surface=controller]{--tap-min:56px;--content-max:480px}html[data-surface=screen]{--tap-min:0px;--content-max:1600px;--type-scale:1.6}html[data-surface=admin]{--tap-min:36px;--content-max:1280px}@media (prefers-reduced-motion:reduce){:root{--motion-base:0s;--motion-slow:0s;--motion-dramatic:0s}}html[data-reduced-motion=true]{--motion-base:0s;--motion-slow:0s;--motion-dramatic:0s}html[data-theme=halloween]{--color-bg:#140b1e;--color-bg-elevated:#22123a;--color-surface:#2d1a48;--color-text:#fff4e6;--color-text-muted:#c2a9d9;--color-text-inverse:#140b1e;--color-primary:#ff7a00;--color-primary-hover:#e66d00;--color-secondary:#b388ff;--color-accent:#b388ff;--color-success:#7ddf64;--color-danger:#ff4d6d;--color-warning:#ffb347;--color-info:#b388ff;--color-focus:#ffd9a8;--color-choice-1:#ff7a00;--color-choice-2:#b388ff;--color-choice-3:#7ddf64;--color-choice-4:#ff4d6d;--color-choice-5:#ffcc3f;--color-choice-6:#4fc3f7;--font-display:"Creepster", "Fredoka Variable", var(--font-sans);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--motion-scale:1.3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit}ul,ol{list-style:none}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}[inert]{pointer-events:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}