@font-face{font-family:Grandstander;src:url(/fonts/grandstander-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Grandstander;src:url(/fonts/grandstander-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:ABeeZee;src:url(/fonts/abeezee-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-display:"Grandstander", system-ui, sans-serif;--font-letters:"ABeeZee", system-ui, sans-serif;--color-bg:#fce3d3;--color-surface:#fff8ef;--color-text:#3a2748;--color-muted:#7d6680;--color-accent:#f2a73b;--color-target:#6a4bc4;--color-target-bg:#ece3ff;--color-done:#c7b5c4;--color-wrong:#dc6a3c;--color-success:#3c9a7b;--color-key:#fff9f4;--color-key-border:#ebcab9;--color-key-pressed:#ffda9c;--color-finger-pinky:#fad1de;--color-finger-ring:#c9ede0;--color-finger-middle:#ffdfa6;--color-finger-index-left:#ffc3a8;--color-finger-index-right:#dcd0ff;--color-finger-thumb:#cfe2f6;--color-confetti-1:#f2a73b;--color-confetti-2:#6a4bc4;--color-confetti-3:#f27fa3;--color-confetti-4:#5cc6a5;--radius:22px;--shadow:0 6px 18px #6a4bc429;--space-s:clamp(6px, 1vw, 12px);--space-m:clamp(12px, 2vw, 24px);--space-l:clamp(20px, 3.5vw, 48px);--text-hud:clamp(14px, 1.4vw, 20px);--text-button:clamp(18px, 2vw, 28px);--text-display:clamp(36px, 6vw, 84px);--text-letters:clamp(44px, min(9vw, 13vh), 132px);--key-size:clamp(26px, min(4.4vw, 6.5vh), 60px);--key-gap:clamp(3px, .45vw, 6px);--topbar-height:clamp(48px, 6vh, 64px);--color-light:#fff;--color-glass:#fff8efcc;--color-glass-soft:#fff8ef99;--color-glass-panel:#fff8efe6;--color-surface-faint:#fff8ef4d;--color-backdrop:#3a274847;--color-spark:#fff4c8;--color-spark-glow:#ffe39a;--color-title-glow:#fff0d0;--color-foal-glow:#ffd68cb3;--color-halo:#6a4bc452;--color-halo-strong:#6a4bc473;--color-rays:#fff0be99;--color-encourage-bg:#ffebc7;--gradient-sky:linear-gradient(180deg, #e6daff 0%, #ffdccb 55%, var(--color-bg) 100%);--gradient-sky-retry:linear-gradient(180deg, #d9ccf6 0%, #f4d5da 60%, var(--color-bg) 100%);--gradient-track-light:linear-gradient(100deg, #ffc4784d, #ffaa8c0f 50%, #8264dc3d);--gradient-sun-halo:radial-gradient(circle closest-side, #fffae4f2 0%, #ffe8b099 40%, #ffd68c00 100%);--shadow-float:0 4px 14px #6a4bc429;--shadow-track:0 12px 30px #6a4bc438;--shadow-button:0 6px 20px #f2a73b8c, inset 0 -4px 0 #3a27481a;--shadow-key:0 3px 0 var(--color-key-border), 0 6px 14px #6a4bc414;--stall-dark:radial-gradient(85% 62% at 50% 92%, #a98be0 0%, #6a4bc4 46%, #3a2748 100%);--color-stall-wood:#f6dec8;--color-stall-beam:#fae8d6;--color-stall-plank:#fff4e6;--color-stall-groove:#f3dcc8;--color-stall-rim:#fbe9d8;--color-stall-rim-edge:#e3bca7;--color-stall-add:#eadff8;--color-stall-add-light:#f8eeff;--color-stall-add-dash:#c9b6e8;--color-stall-add-inside:#fff8ef8c;--color-porthole-door:#fff1de;--color-plate:#ffd48a;--color-plate-light:#ffe8b5;--color-plate-edge:#e2ae5e;--color-plate-shine:#fff7e0;--shadow-beam:0 4px 0 #3a274812;--shadow-door:inset 0 0 0 3px var(--color-key-border), 0 -4px 10px #3a274838;--color-placeholder:#a58fa6;--color-confirm-border:#f3c98a;--color-wrong-soft:#dc6a3c80;--shadow-erase:0 4px 14px #dc6a3c66;--shadow-panel:0 24px 60px #3a274852;--color-danger-bg:#ffe3d6;--color-success-bg:#d9f0e7;--color-waiting:#c98545;--shadow-disc:inset 0 -4px 0 #3a274812;--color-tint-foal:#ffe7c2;--color-tint-cat:#ece3ff;--color-tint-rabbit:#fad1de;--color-tint-fox:#ffdfc8;--color-tint-owl:#dcd0ff;--color-tint-turtle:#c9ede0;--color-tint-panda:#cfe2f6;--color-tint-hedgehog:#ffdfa6}