:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7fbff;--muted:#8f9bb6;--panel:#080a19b8;--panel-border:#93e5ff2e;--cyan:#55f6ff;--cyan-soft:#55f6ff3d;--violet:#8a5cff;--danger:#ff335f;--safe-top:max(18px, env(safe-area-inset-top));--safe-right:max(18px, env(safe-area-inset-right));--safe-bottom:max(18px, env(safe-area-inset-bottom));--safe-left:max(18px, env(safe-area-inset-left));font-synthesis:none;text-rendering:geometricprecision;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app,#game{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#03040c}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}#app{isolation:isolate;background:radial-gradient(circle at 50% 25%,#5c41ff26,#0000 42%),#03040c;position:relative}#game{z-index:0;position:absolute;inset:0}#game canvas{outline:none;width:100%;height:100%;display:block}#app:after{content:"";z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#02030a47,#0000 20% 70%,#02030a80),repeating-linear-gradient(#ffffff03 0 1px,#0000 1px 4px);position:absolute;inset:0}.hud{z-index:10;top:var(--safe-top);left:var(--safe-left);right:var(--safe-right);pointer-events:none;grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr);align-items:start;gap:18px;display:grid;position:absolute}.game-mark,.score-cluster,.hud-actions,.flow-panel,.creator-credit,.lane-indicator{filter:drop-shadow(0 8px 22px #00000061)}.game-mark{flex-direction:column;gap:3px;display:flex}.game-mark__eyebrow,.stat__label,.flow-panel__row,.kicker,.result-grid span,.microcopy{letter-spacing:.15em;text-transform:uppercase}.game-mark__eyebrow{color:var(--cyan);font-size:9px;font-weight:800}.game-mark__title{letter-spacing:-.035em;font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(14px,1.7vw,22px);font-weight:700}.score-cluster{border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080a199e;border-radius:12px;align-items:stretch;gap:1px;display:flex;overflow:hidden}.stat{border-right:1px solid var(--panel-border);flex-direction:column;gap:2px;min-width:116px;padding:8px 13px 7px;display:flex}.stat--compact{min-width:94px}.stat__label{color:var(--muted);font-size:8px;font-weight:700}.stat strong{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-family:Space Grotesk,monospace;font-size:18px;line-height:1}.multiplier{min-width:50px;color:var(--cyan);text-shadow:0 0 18px var(--cyan-soft);place-items:center;padding:0 11px;font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;transition:transform .16s;display:grid}.multiplier.is-popping{transform:scale(1.24)}.hud-actions{pointer-events:auto;justify-self:end;gap:8px;display:flex}.icon-button{border:1px solid var(--panel-border);background:var(--panel);width:38px;height:38px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:10px;place-items:center;font-weight:800;transition:border-color .16s,background .16s,transform .16s;display:grid}.icon-button:hover,.icon-button:focus-visible{background:#111730e0;border-color:#55f6ff9e;outline:none;transform:translateY(-1px)}.lane-indicator{z-index:9;top:calc(var(--safe-top) + 70px);pointer-events:none;width:48px;height:48px;position:absolute;left:50%;transform:translate(-50%)}.lane-indicator:before{content:"";border:1px solid #80cbff33;position:absolute;inset:9px;transform:rotate(45deg)}.lane-indicator span{background:#080c1ccc;border:1px solid #9bc8e180;width:7px;height:7px;transition:all .15s;position:absolute;transform:rotate(45deg)}.lane-indicator [data-lane="2"]{top:1px;left:20px}.lane-indicator [data-lane="0"]{bottom:1px;left:20px}.lane-indicator [data-lane="3"]{top:20px;left:1px}.lane-indicator [data-lane="1"]{top:20px;right:1px}.lane-indicator span.is-active{border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 14px var(--cyan), 0 0 25px var(--cyan-soft);transform:rotate(45deg)scale(1.35)}.flow-panel{z-index:9;left:var(--safe-left);bottom:calc(var(--safe-bottom) + 8px);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#080a199e;border-radius:10px;width:min(220px,38vw);padding:10px 12px;position:absolute}.flow-panel__row{color:var(--muted);justify-content:space-between;margin-bottom:7px;font-size:8px;font-weight:800;display:flex}.flow-track{background:#ffffff14;border-radius:99px;height:4px;overflow:hidden}.flow-fill{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--violet));width:0;height:100%;box-shadow:0 0 15px var(--cyan);transition:width .1s linear}.flow-panel.is-overdrive{border-color:#b572ff8c;box-shadow:inset 0 0 18px #714aff1f,0 0 30px #6748ff29}.shield-badge{z-index:9;left:50%;bottom:calc(var(--safe-bottom) + 21px);color:#e2b8ff;letter-spacing:.14em;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a092fbf;border:1px solid #c674ff80;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:800;transition:all .18s;position:absolute;transform:translate(-50%,20px)}.shield-badge.is-visible{opacity:1;transform:translate(-50%)}.status-toast{z-index:20;color:#fff;letter-spacing:.08em;text-align:center;text-shadow:0 0 20px #55f6ff8c;opacity:0;pointer-events:none;font-family:Space Grotesk,sans-serif;font-size:clamp(16px,2.5vw,30px);font-weight:700;transition:opacity .15s,transform .15s;position:absolute;top:27%;left:50%;transform:translate(-50%,10px)scale(.95)}.status-toast.is-visible{opacity:1;transform:translate(-50%)scale(1)}.screen-flash{z-index:18;opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.screen-flash.is-flashing{animation:.26s ease-out flash}@keyframes flash{0%{opacity:.55}to{opacity:0}}.touch-hints{z-index:5;color:#b5dff13d;pointer-events:none;opacity:0;justify-content:space-between;align-items:center;padding:0 7vw;transition:opacity .3s;display:flex;position:absolute;inset:0}.touch-hints.is-visible{opacity:1}.touch-hints div{align-items:center;gap:10px;display:flex}.touch-hints span{font-size:38px;font-weight:300}.touch-hints small{letter-spacing:.18em;font-size:8px;font-weight:800}.overlay{z-index:30;padding:max(22px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(72px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));opacity:0;visibility:hidden;pointer-events:none;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:radial-gradient(circle at 50% 45%,#080d2140,#02030ac2);place-items:center;transition:opacity .26s,visibility .26s;display:grid;position:absolute;inset:0}.overlay--visible{opacity:1;visibility:visible;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay__card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(135deg,#121734e0,#060816d1),#060816e6;border:1px solid #8ee1ff38;border-radius:22px;width:min(580px,100%);max-height:100%;padding:clamp(24px,4.8vw,48px);transition:transform .3s cubic-bezier(.2,.8,.2,1);overflow:auto;transform:translateY(10px)scale(.98);box-shadow:0 35px 100px #00000085,inset 0 1px #ffffff0d}.overlay--visible .overlay__card{transform:translateY(0)scale(1)}.hero-card{position:relative;overflow:hidden}.hero-card:before{content:"";border:1px solid #55f6ff29;border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-70px;box-shadow:inset 0 0 60px #5d50ff1f}.kicker{color:var(--cyan);margin:0 0 12px;font-size:9px;font-weight:800}.hero-card h1,.compact-card h2{letter-spacing:-.075em;margin:0;font-family:Space Grotesk,Inter,sans-serif;line-height:.78}.hero-card h1{flex-direction:column;font-size:clamp(58px,12vw,104px);display:flex}.hero-card h1 span:last-child{color:#0000;-webkit-text-stroke:1px #8bd2ffe6;text-shadow:0 0 35px #5c66ff52}.hero-card__tagline{color:#c7d1e6;margin:22px 0 26px;font-size:clamp(14px,2.6vw,18px)}.control-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:20px;display:grid}.control-grid>div{min-height:46px;color:var(--muted);background:#ffffff06;border:1px solid #a1d2e81f;border-radius:10px;align-items:center;gap:7px;padding:9px 10px;font-size:10px;display:flex}.control-grid kbd{min-width:28px;color:var(--ink);text-align:center;background:#091026cc;border:1px solid #a7e0ff3d;border-bottom-width:2px;border-radius:6px;padding:5px 7px;font-family:inherit;font-size:8px;font-weight:800}.tap-icon{color:var(--cyan);font-size:20px}.objective,.compact-card>p:not(.kicker,.microcopy,.new-best){color:var(--muted);font-size:12px;line-height:1.7}.objective b{color:#f4f8ff}.primary-button{color:#02040c;letter-spacing:.12em;cursor:pointer;background:linear-gradient(110deg,#25e0eff2,#7352fff2);border:1px solid #77f6ffb3;border-radius:11px;justify-content:space-between;align-items:center;width:100%;min-height:54px;margin-top:22px;padding:0 20px;font-size:12px;font-weight:800;transition:transform .16s,filter .16s;display:flex;box-shadow:0 10px 40px #4aaeff2e,inset 0 1px #ffffff73}.primary-button:hover,.primary-button:focus-visible{filter:brightness(1.1);outline:none;transform:translateY(-2px)}.primary-button:active{transform:translateY(0)scale(.99)}.microcopy{color:#68728d;text-align:center;margin:13px 0 0;font-size:7px}.compact-card{text-align:center;width:min(460px,100%)}.compact-card h2{margin-bottom:22px;font-size:clamp(52px,10vw,82px)}.result-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0 4px;display:grid}.result-grid>div{background:#ffffff06;border:1px solid #8ed7f61f;border-radius:10px;flex-direction:column;gap:7px;padding:13px 8px;display:flex}.result-grid span{color:var(--muted);font-size:7px;font-weight:800}.result-grid strong{font-variant-numeric:tabular-nums;font-family:Space Grotesk,sans-serif;font-size:clamp(16px,4vw,23px)}.new-best{height:16px;color:var(--cyan);letter-spacing:.13em;opacity:0;margin:15px 0 0;font-size:10px;font-weight:800}.new-best.is-visible{opacity:1;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{text-shadow:0 0 22px var(--cyan)}}.creator-credit{z-index:40;right:var(--safe-right);bottom:var(--safe-bottom);color:#9aa6bd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#070916a3;border:1px solid #99d3ee26;border-radius:10px;grid-template-columns:auto auto;align-items:baseline;column-gap:5px;padding:9px 12px;text-decoration:none;transition:border-color .16s,transform .16s;display:grid;position:absolute}.creator-credit:hover,.creator-credit:focus-visible{border-color:#55f6ff7a;outline:none;transform:translateY(-2px)}.creator-credit span,.creator-credit strong{font-size:9px}.creator-credit span b{color:#ff6e9e}.creator-credit strong{color:#f3f7ff}.creator-credit small{color:var(--cyan);letter-spacing:.08em;grid-column:1/-1;margin-top:2px;font-size:7px}.webgl-error{z-index:100;text-align:center;background:#050610;place-content:center;gap:10px;padding:32px;display:grid;position:absolute;inset:0}.webgl-error strong{font-family:Space Grotesk,sans-serif;font-size:28px}.webgl-error span{max-width:520px;color:var(--muted);line-height:1.6}@media (width<=760px){.hud{grid-template-columns:1fr auto}.score-cluster{grid-area:2/1/auto/-1;justify-self:center}.hud-actions{grid-column:2}.lane-indicator{top:calc(var(--safe-top) + 116px)}.game-mark__eyebrow{font-size:7px}.flow-panel{bottom:calc(var(--safe-bottom) + 51px)}.creator-credit{right:50%;bottom:var(--safe-bottom);white-space:nowrap;transform:translate(50%)}.creator-credit:hover,.creator-credit:focus-visible{transform:translate(50%)translateY(-2px)}.hero-card{padding:28px 23px}.control-grid{grid-template-columns:1fr}.control-grid>div:nth-child(3){display:none}.touch-hints{display:flex}}@media (height<=690px){.hero-card{padding-top:22px;padding-bottom:22px}.hero-card h1{font-size:clamp(48px,10vh,76px)}.hero-card__tagline{margin:14px 0}.control-grid{margin-bottom:12px}.objective{margin:8px 0}.primary-button{min-height:48px;margin-top:12px}}@media (pointer:coarse){.touch-hints.is-visible{opacity:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}