: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:calc(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}*,:after,:before{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,svg,video{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit}ol,ul{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}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-4);border:var(--border-width) solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out);text-decoration:none;display:inline-flex}.btn:active{transform:scale(var(--press-scale))}.btn:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.btn--ghost{color:var(--color-text);background:0 0;text-decoration:underline}.btn--lg{min-height:calc(var(--tap-min) + var(--space-3));padding:0 var(--space-5);font-size:var(--font-size-lg)}.btn--sm{padding:0 var(--space-3)}.section{width:100%;max-width:var(--content-max);padding:var(--space-6) var(--space-4);margin-inline:auto}.section__title{margin-bottom:var(--space-4);font-family:var(--font-display);font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.notfound[data-v-2ffd03e4]{gap:var(--space-4);padding-top:var(--space-7);justify-items:start;display:grid}
