:root{--bg-canvas:#f7f9fc;--text-primary:#1a1a3a;--text-streak:#7c3aed;--color-success:#2563eb;--color-error:#ff453a;--surface:#1a1a3a0a;--surface-border:#1a1a3a29;--text-muted:#1a1a3a9e;--font-display:"Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-ui:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-data:"Cascadia Code", ui-monospace, "SFMono-Regular", Menlo, monospace;--expr-color:#004d4d;--expr-glow:none;--expr-font:clamp(2.25rem, min(8.5dvw, 10dvh), 4rem);--timer-default:var(--text-streak);--timer-warning:#ff9f1c;--timer-critical:#ff453a;--op-num:#2563eb;--op-add:#059669;--op-sub:#e07a5f;--op-mul:#7c3aed;--op-div:#e11d48;--op-eq:#4338ca;--op-fact:#c2410c;--op-blank:#0284c7;--num-glow:0 0 4px #2563eb4d;--result-glow:0 0 10px #2563eb99, 0 0 24px #2563eb4d;--hype-gameover:#e07a5f;--sync-level-label:#00f0ff;--sync-level-num:#ffd166;--sync-op-add:#00f0ff;--sync-op-sub:#ffd166;--sync-op-mul:#b185db;--sync-op-div:#06d6a0;--sync-op-unknown:#7dd3fc;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--play-width:28rem;--play-width-landscape:40rem;--touch-target-min:44px;--timer-scale:.82;--timer-min:2.75rem;--timer-max:5.75rem;--focal-gap:clamp(var(--space-6), 16dvh, 9rem);--focal-gap-landscape:clamp(var(--space-2), 12dvh, 6rem);--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1.25rem;--dur-flash:.4s;--dur-shatter:.4s;--dur-pulse:1.1s;--ease-pop:cubic-bezier(.175, .885, .32, 1.275);--header-height:3.25rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark-theme{--bg-canvas:#0b0c10;--text-primary:#fff;--text-streak:#00f0ff;--color-success:#00ff87;--color-error:#ff007a;--surface:#ffffff0d;--surface-border:#ffffff29;--text-muted:#ffffffa3;--expr-color:#00f0ff;--expr-glow:0 0 2px #00f0ff99, 0 0 8px #00f0ff33;--op-num:#00f0ff;--op-add:#06d6a0;--op-sub:#ffd166;--op-mul:#b185db;--op-div:#f43f5e;--op-eq:#6366f1;--op-fact:#ff9f1c;--op-blank:#7dd3fc;--num-glow:0 0 6px #00f0ffa6, 0 0 16px #00f0ff40;--result-glow:0 0 12px #00f0fff2, 0 0 32px #00f0ff73;--hype-gameover:#ffd166;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/inter-latin-var-8kRkwJBP.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/space-grotesk-latin-var-DPT1xrvW.woff2)format("woff2")}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/cascadia-code-latin-var-CCwG33-X.woff2)format("woff2")}*{box-sizing:border-box}html,body{overscroll-behavior:none;margin:0;overflow:hidden}body{min-height:100vh;min-height:100svh;min-height:100dvh;padding:var(--space-4);padding-right:calc(var(--space-4) + env(safe-area-inset-right));padding-left:calc(var(--space-4) + env(safe-area-inset-left));padding-top:calc(4px + var(--header-height) + var(--space-1));padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;transition:background-color .25s,color .25s;display:flex}#fx{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#progress-bar{z-index:10;pointer-events:none;background:0 0;width:100%;height:4px;position:fixed;top:0;left:0}.progress-bar-fill{background:var(--text-streak);width:0%;height:100%;transition:width .2s ease-out}.progress-bar-fill.no-transition{transition:none}.dark-theme .progress-bar-fill{box-shadow:0 0 8px var(--text-streak)}.system-init{inset:calc(4px + var(--header-height)) 0 0;z-index:8;padding:calc(var(--space-6) + env(safe-area-inset-top)) calc(var(--space-4) + env(safe-area-inset-right)) calc(var(--space-4) + env(safe-area-inset-bottom)) calc(var(--space-4) + env(safe-area-inset-left));pointer-events:auto;opacity:1;justify-content:center;align-items:flex-end;transition:opacity .2s;display:flex;position:fixed}.system-init[hidden]{display:none}.system-init.is-exiting{opacity:0;pointer-events:none}.system-init__copy{width:min(42rem, calc(100dvw - (var(--space-4) * 2)));color:var(--expr-color);font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:0;text-align:center;text-shadow:var(--expr-glow);text-wrap:balance;margin:0;font-size:clamp(2.25rem,min(8.5dvw,10dvh),4rem);font-weight:700;line-height:1;position:fixed;top:50dvh;left:50%;transform:translate(-50%,-50%)}.system-init__copy span{color:#ffd166}.system-init__button{width:min(28rem, calc(100dvw - (var(--space-4) * 2)));min-height:max(4.125rem, var(--touch-target-min));padding:0 var(--space-4);border:2px solid var(--surface-border);border-radius:var(--radius-md);appearance:none;background:var(--text-streak);color:var(--bg-canvas);font:inherit;letter-spacing:0;cursor:default;font-size:1.4rem;font-weight:800;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform 80ms}.system-init__button:hover,.system-init__button:active{border-color:var(--text-streak);box-shadow:0 0 16px #00f0ffa6}.system-init__button:active{transform:translateY(2px)}.system-init__button:focus-visible{outline:3px solid var(--text-streak);outline-offset:3px}.arcade-header,main{z-index:1;position:relative}.arcade-header{width:100%;height:var(--header-height);z-index:9;padding:0 var(--space-2);background:0 0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:4px;left:0}.arcade-header__actions{justify-self:end;align-items:center;display:flex;position:relative}.game-logo{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:.3rem;margin:0;font-size:clamp(1.5rem,5vw,2.2rem);font-weight:700;display:inline-flex}.logo-primary,.logo-accent{color:var(--text-primary)}.logo-accent{font-style:italic}.logo-operator{width:.9em;height:.9em;color:var(--text-streak);opacity:.9;background:radial-gradient(circle, transparent 0 28%, color-mix(in srgb, currentColor 20%, transparent) 29% 31%, transparent 32% 100%);text-indent:-9999px;text-transform:lowercase;transform-origin:50%;will-change:transform;border-radius:50%;place-items:center;font-size:.8em;font-weight:500;line-height:1;display:inline-grid;position:relative;overflow:hidden}.logo-operator:before,.logo-operator:after{content:"";width:.72em;height:.11em;box-shadow:0 0 8px color-mix(in srgb, currentColor 45%, transparent);transform-origin:50%;background:currentColor;border-radius:999px;position:absolute;top:50%;left:50%}.logo-operator:before{transform:translate(-50%,-50%)rotate(45deg)}.logo-operator:after{transform:translate(-50%,-50%)rotate(-45deg)}.stats{font-variant-numeric:tabular-nums;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1.5rem;width:100%;margin-bottom:2rem;display:flex}.stat-group{gap:var(--space-2);align-items:flex-start;display:flex}.stat{text-align:center}.stat .label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.55rem;display:block}.stat .value{font-size:1.1rem;font-weight:700}main{width:min(var(--play-width), 100%);flex-direction:column;flex:1;align-items:center;display:flex}.focal{align-items:center;gap:var(--focal-gap);flex-direction:column;width:100%;margin-block:auto;display:flex}#expression{padding:var(--space-6) var(--space-4);font-family:var(--font-data);font-size:var(--expr-font);font-variant-numeric:tabular-nums;letter-spacing:.01em;width:max-content;max-width:min(calc(100dvw - (var(--space-4) * 2)), 64rem);overflow-wrap:break-word;text-align:center;text-wrap:balance;white-space:normal;min-height:1.2em;color:var(--expr-color);text-shadow:var(--expr-glow);font-weight:700;line-height:1}#expression .op-num{color:var(--op-num);text-shadow:var(--num-glow)}#expression .op-add{color:var(--op-add)}#expression .op-sub{color:var(--op-sub)}#expression .op-mul{color:var(--op-mul)}#expression .op-div{color:var(--op-div)}#expression .op-eq{color:var(--op-eq)}#expression .op-fact{color:var(--op-fact)}#expression .op-blank{color:var(--op-blank)}#expression .result-glow{color:var(--op-num);text-shadow:var(--result-glow)}#expression .alg-line{line-height:1.15;display:block}#expression .alg-solution{margin-top:.25em;font-size:.7em}.sync{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;font-family:var(--font-data);letter-spacing:0;text-shadow:var(--expr-glow);animation:sync-fade-in .45s var(--ease-pop) both;flex-direction:column;font-size:clamp(2.25rem,min(8.5dvw,10dvh),4rem);font-weight:700;line-height:1;display:flex}#expression .sync__level-label{color:var(--sync-level-label)}#expression .sync__level-num{color:var(--sync-level-num)}#expression .sync__ops{white-space:pre;font-size:.8em}#expression .sync-op--add{color:var(--sync-op-add)}#expression .sync-op--sub{color:var(--sync-op-sub)}#expression .sync-op--mul{color:var(--sync-op-mul)}#expression .sync-op--div{color:var(--sync-op-div)}#expression .sync-op--unknown{color:var(--sync-op-unknown)}#expression.is-revealing{animation:sync-fade-in .3s var(--ease-pop) both}.timer-bridge{--timer-progress:100%;--timer-active:var(--timer-default);--timer-track:color-mix(in srgb, var(--surface-border) 72%, transparent);--timer-core:var(--bg-canvas);width:clamp(var(--timer-min), calc(var(--expr-font) * var(--timer-scale)), var(--timer-max));aspect-ratio:1;transform-origin:50%;background:conic-gradient(from -90deg, var(--timer-active) 0 var(--timer-progress), var(--timer-track) var(--timer-progress) 100%);box-shadow:0 0 0 1px color-mix(in srgb, var(--timer-active) 28%, transparent), 0 0 14px color-mix(in srgb, var(--timer-active) 28%, transparent);border-radius:50%;flex:none;transition:box-shadow .2s;display:block;position:relative;transform:rotate(180deg)}.timer-bridge:after{content:"";border-radius:inherit;background:var(--timer-core);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--timer-track) 72%, transparent), 0 0 0 1px color-mix(in srgb, var(--timer-core) 88%, transparent);position:absolute;inset:18%}.timer-bridge[hidden]{display:none}.timer-bridge.is-warning{--timer-active:var(--timer-warning)}.timer-bridge.is-critical{--timer-active:var(--timer-critical)}#answers{grid-template-columns:repeat(2, minmax(var(--touch-target-min), 1fr));gap:var(--space-2);width:100%;display:grid}body[data-status=idle] #answers,body[data-sync] #answers,body[data-sync] .arcade-header__actions{visibility:hidden;pointer-events:none}@media (max-width:768px){#expression{padding:var(--space-4) var(--space-3)}}@media (max-height:820px) and (orientation:landscape){body{padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom))}:root{--expr-font:clamp(2rem, 12dvh, 4rem);--timer-min:2.25rem;--timer-max:4rem;--focal-gap:var(--focal-gap-landscape)}.stats{margin-bottom:var(--space-1)}#hype-banner{top:-1.2rem}#expression{padding:var(--space-1) var(--space-4)}.play-footer{gap:var(--space-1)}}@media (max-height:500px) and (orientation:landscape){body{padding-bottom:calc(var(--space-1) + env(safe-area-inset-bottom))}.stats{gap:1rem;margin-bottom:0}.stat .value{font-size:.9rem}.stat .label{font-size:.45rem}#hype-banner{top:-1.5rem}body[data-status=ended] #hype-banner{letter-spacing:.14em;font-size:.65rem;top:-3rem}#expression{padding:var(--space-1) var(--space-4)}.timer-bridge{width:clamp(2rem,8dvh,3rem)}.play-footer{width:min(var(--play-width-landscape), 100%)}#answers{grid-template-columns:repeat(4, minmax(var(--touch-target-min), 1fr));gap:var(--space-1)}.answer{padding:.6rem .4rem;font-size:1.3rem}#restart{width:auto;min-width:8rem;padding:.4rem 2.5rem;font-size:.95rem}body #status{gap:var(--space-2)}#level-picker{gap:var(--space-1);margin-top:var(--space-1)}.level-picker-label{font-size:.6rem}.level-incrementer{gap:var(--space-1)}.level-nav{width:max(2.4rem, var(--touch-target-min));height:max(2.4rem, var(--touch-target-min));font-size:1.4rem}.level-display{min-width:2.4rem;font-size:1.6rem}.level-jump{height:max(2.4rem, var(--touch-target-min));padding:0 .9rem;font-size:.8rem}body .settings-popover{top:calc(4px + var(--space-1));right:calc(var(--space-1) + env(safe-area-inset-right));max-height:calc(100dvh - 4px - (var(--space-1) * 2));position:fixed;overflow-y:auto}}.play-footer{width:min(var(--play-width), 100%);gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.answer{font:inherit;font-variant-numeric:tabular-nums;min-width:var(--touch-target-min);min-height:var(--touch-target-min);border:2px solid var(--surface-border);border-radius:var(--radius-md);background:var(--surface);color:inherit;cursor:pointer;padding:1.1rem .75rem;font-size:1.6rem;font-weight:700;transition:transform 80ms,background-color .15s,border-color .15s}@media (hover:hover){.answer:hover:not(:disabled){border-color:var(--text-streak)}}.answer:active:not(:disabled){background-color:var(--text-streak);border-color:var(--text-streak);color:var(--bg-canvas);transform:translateY(2px)scale(.99)}.answer:focus-visible{outline:3px solid var(--text-streak);outline-offset:2px}.answer:disabled{opacity:.4;cursor:default}button.util{font:inherit;min-width:var(--touch-target-min);min-height:var(--touch-target-min);border:1px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface);color:inherit;cursor:pointer;padding:.5rem .9rem;font-size:.95rem;transition:border-color .15s,background-color .15s}button.util:hover{border-color:var(--text-streak)}button.util:focus-visible{outline:3px solid var(--text-streak);outline-offset:2px}.icon-toggle{text-align:center;min-width:2.6rem;line-height:1}.text-toggle{text-align:center;min-width:5.6rem;padding:var(--space-1) var(--space-2);font-size:.85rem;font-weight:600}.settings-button{width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex}.settings-button svg{display:block}.settings-button:hover{color:var(--text-streak);border-color:var(--surface-border)}.settings-button:focus-visible{outline:3px solid var(--text-streak);outline-offset:2px}.settings-button[aria-expanded=true]{color:var(--text-streak);border-color:var(--surface-border);background:var(--surface)}.settings-popover[hidden]{display:none}.settings-popover{top:calc(100% + var(--space-1));z-index:12;gap:var(--space-2);min-width:16rem;padding:var(--space-2) var(--space-3);background:var(--bg-canvas);color:var(--text-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);flex-direction:column;display:flex;position:absolute;right:0;box-shadow:0 8px 24px #0000002e}.settings-popover__header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.settings-popover__title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.9rem;font-weight:700}.settings-popover__close{width:var(--touch-target-min);height:var(--touch-target-min);color:var(--text-muted);font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:0;font-size:1.4rem;line-height:1;transition:color .15s,background-color .15s}.settings-popover__close:hover{color:var(--text-primary);background:var(--surface)}.settings-popover__close:focus-visible{outline:2px solid var(--text-streak);outline-offset:2px}.settings-popover__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.settings-popover__label{color:var(--text-primary);font-size:.95rem;font-weight:500}.settings-popover__label--mono{font-family:var(--font-data);letter-spacing:.02em;text-transform:uppercase;flex-direction:column;gap:.1rem;font-size:.8rem;font-weight:600;display:flex}.settings-popover__label--mono small{letter-spacing:.04em;color:var(--text-muted);font-size:.62rem;font-weight:400}.settings-popover__row--stack{align-items:stretch;gap:var(--space-1);flex-direction:column}.timer-range{min-height:var(--touch-target-min);accent-color:var(--text-streak);cursor:pointer;flex:1}.timer-range:disabled{opacity:.35;cursor:default}.timer-value{text-align:right;min-width:2.8rem;font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--text-streak);font-size:.82rem;font-weight:600}.segmented{border:1px solid var(--surface-border);border-radius:var(--radius-sm);width:100%;display:flex;overflow:hidden}.segmented__seg{padding:var(--space-1) .25rem;min-height:var(--touch-target-min);border:none;border-left:1px solid var(--surface-border);background:var(--surface);color:var(--text-muted);font-family:var(--font-data);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;flex:1;font-size:.6rem;font-weight:700;transition:background-color .15s,color .15s}.segmented__seg:first-child{border-left:none}.segmented__seg:hover:not(.is-active){color:var(--text-primary);background:color-mix(in srgb, var(--text-streak) 12%, var(--surface))}.segmented__seg.is-active{background:var(--text-streak);color:var(--bg-canvas)}.segmented__seg:focus-visible{outline:2px solid var(--text-streak);outline-offset:-2px}body[data-status=ended] #answers,#status[hidden]{display:none}#status{gap:var(--space-3);text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}#restart{font-variant-numeric:tabular-nums;width:100%;min-height:var(--touch-target-min);background:var(--text-streak);color:var(--bg-canvas);border-radius:var(--radius-md);border:none;padding:1.1rem .75rem;font-size:1.6rem;font-weight:700}#restart:hover{filter:brightness(1.08)}#level-picker[hidden]{display:none}#level-picker{align-items:center;gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.level-picker-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:.7rem}.level-incrementer{align-items:center;gap:var(--space-2);display:flex}.level-nav{font:inherit;width:max(3rem, var(--touch-target-min));height:max(3rem, var(--touch-target-min));border:2px solid var(--surface-border);border-radius:var(--radius-sm);background:var(--surface);color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.8rem;font-weight:300;line-height:1;transition:border-color .15s,color .15s,opacity .15s;display:flex}.level-nav:hover:not(:disabled){border-color:var(--text-streak);color:var(--text-streak)}.level-nav:focus-visible{outline:3px solid var(--text-streak);outline-offset:2px}.level-nav:disabled{opacity:.2;cursor:default}.level-display{font-family:var(--font-data);font-variant-numeric:tabular-nums;text-align:center;min-width:3rem;color:var(--text-streak);letter-spacing:.05em;font-size:2rem;font-weight:700}.level-jump{font:inherit;letter-spacing:.12em;text-transform:uppercase;min-height:var(--touch-target-min);border:2px solid var(--text-streak);border-radius:var(--radius-sm);height:3rem;color:var(--text-streak);cursor:pointer;background:0 0;padding:0 1.25rem;font-size:.9rem;font-weight:700;transition:background-color .15s,color .15s}.level-jump:hover{background:var(--text-streak);color:var(--bg-canvas)}.level-jump:focus-visible{outline:3px solid var(--text-streak);outline-offset:2px}@keyframes logo-idle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-operator.state-idle{animation:35s linear infinite logo-idle-spin}.logo-operator.is-glitching{text-shadow:-3px 0 0 var(--color-error), 3px 0 0 var(--color-success)}@keyframes logo-correct{0%{color:var(--text-streak);transform:scale(1)}25%{color:var(--color-success);transform:scale(1.45)}to{color:var(--text-streak);transform:scale(1)}}.logo-operator.state-correct{animation:logo-correct var(--dur-flash) var(--ease-pop)}@keyframes visceral-shatter{0%{color:var(--text-primary);transform:translate(0)skew(0)}20%{color:var(--color-error);text-shadow:2px 0 var(--text-streak), -2px 0 var(--color-error);transform:translate(-4px)skew(-12deg)}40%{color:var(--color-error);transform:translate(4px)skew(12deg)}60%{color:var(--color-error);transform:translate(-3px)skew(-6deg)}80%{color:var(--color-error);opacity:.7;transform:translate(2px)skew(4deg)}to{color:var(--color-error);opacity:1;transform:translate(0)skew(0)}}.logo-operator.state-error,#streak.streak-shatter{animation:visceral-shatter var(--dur-shatter) steps(6) both}#streak{transition:color .2s;display:inline-block;position:relative}@keyframes flow-pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes flow-pulse-glow{0%,to{opacity:.3}50%{opacity:.75}}#streak.streak-hot{color:var(--text-streak);animation:flow-pulse-scale var(--dur-pulse) ease-in-out infinite}#streak.streak-hot:after{content:"";z-index:-1;background:radial-gradient(circle, var(--text-streak) 0%, transparent 70%);filter:blur(6px);pointer-events:none;animation:flow-pulse-glow var(--dur-pulse) ease-in-out infinite;border-radius:50%;position:absolute;inset:-45% -30%}@keyframes dopamine-flash{0%{background-color:var(--surface);color:var(--text-primary);box-shadow:none;border-color:var(--surface-border);transform:scale(1)}18%{background-color:var(--color-success);color:var(--bg-canvas);box-shadow:0 0 40px var(--color-success);border-color:var(--color-success);transform:scale(1.1)}to{background-color:var(--surface);color:var(--text-primary);box-shadow:none;border-color:var(--surface-border);transform:scale(1)}}.answer.answer-correct{animation:dopamine-flash var(--dur-flash) var(--ease-pop)}@keyframes sync-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}#streak.streak-hot{color:var(--text-streak);text-shadow:0 0 6px var(--text-streak);animation:none!important}#streak.streak-hot:after{display:none}.answer.answer-correct{background-color:var(--color-success);color:var(--bg-canvas);animation:none!important}.logo-operator.state-correct{color:var(--color-success);animation:none!important}.logo-operator.state-idle{animation:none!important}.logo-operator.state-error,#streak.streak-shatter{color:var(--color-error);filter:grayscale(.35);text-shadow:none!important;animation:none!important;transform:none!important}.answer:active:not(:disabled){transform:none}}#beta-ribbon-overlay{pointer-events:none;z-index:100;width:9rem;height:9rem;position:fixed;top:0;left:0;overflow:hidden}.beta-ribbon{text-align:center;width:10rem;font-family:var(--font-data);letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:color-mix(in srgb, var(--text-primary) 40%, transparent);background:#0000000d;border-top:1px solid #0000001f;border-bottom:1px solid #0000001f;padding:.2rem 0;font-size:.7rem;position:absolute;top:1.7rem;left:-2.6rem;transform:rotate(-45deg)}.dark-theme .beta-ribbon{color:color-mix(in srgb, var(--text-streak) 38%, transparent);background:#ffffff0d;border-top-color:#ffffff2e;border-bottom-color:#ffffff2e}#hype-anchor{justify-content:center;width:100%;height:0;display:flex;position:relative;overflow:visible}#hype-banner{z-index:5;pointer-events:none;opacity:0;text-align:center;white-space:nowrap;font-family:var(--font-data);letter-spacing:.2em;text-transform:uppercase;background:0 0;font-size:.8rem;font-weight:600;line-height:1.3;position:absolute;top:10px;left:0;right:0;transform:translateY(-6px)}#hype-banner.in{opacity:.9;transition:opacity .1s ease-out,transform .1s ease-out;transform:translateY(0)}#hype-banner.out{opacity:0;transition:opacity .15s ease-in;transform:translateY(0)}#hype-banner.success{color:var(--color-success);text-shadow:0 0 8px var(--color-success)}#hype-banner.error{color:var(--color-error);text-shadow:0 0 8px var(--color-error)}#hype-banner.level-up{color:var(--text-streak);text-shadow:0 0 12px color-mix(in srgb, var(--text-streak) 55%, transparent)}#hype-banner.game-over{color:var(--hype-gameover);text-shadow:0 0 8px var(--hype-gameover)}#hype-banner.level-up.in{opacity:.95;animation:.9s ease-out hype-levelup-reward}@keyframes hype-levelup-reward{0%{text-shadow:0 0 12px color-mix(in srgb, var(--text-streak) 55%, transparent);transform:translateY(0)scale(1)}45%{text-shadow:0 0 20px color-mix(in srgb, var(--text-streak) 80%, transparent), 0 0 36px color-mix(in srgb, var(--text-streak) 45%, transparent);transform:translateY(0)scale(1.08)}to{text-shadow:0 0 14px color-mix(in srgb, var(--text-streak) 60%, transparent);transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){#hype-banner{transform:none}#hype-banner.in{transition:opacity .1s ease-out;transform:none}#hype-banner.out{transition:opacity .15s ease-in;transform:none}#hype-banner.level-up.in{opacity:.95;text-shadow:0 0 18px color-mix(in srgb, var(--text-streak) 70%, transparent);animation:none;transform:none}}