@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3926fa88ed32c251-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c3206c67a3393998-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b7d7f401753dc0c4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6681946d7a6ccbb7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/1fc9a8acda3903f0-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7b750d5bfef15842-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2a7c45462b39533e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4c7c43bdd7a35c63-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8d541ca8617572f0-s.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3955bbd902881c26-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f6d84cc3be9d6158-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Chakra Petch;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/84f090e3b62fb9e3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Chakra Petch Fallback;src:local("Arial");ascent-override:96.77%;descent-override:30.05%;line-gap-override:0.00%;size-adjust:102.51%}.__className_dacc69{font-family:Chakra Petch,Chakra Petch Fallback;font-style:normal}.__variable_dacc69{--font-display:"Chakra Petch","Chakra Petch Fallback"}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-body:"Inter","Inter Fallback"}:root{--bg:#07080d;--bg-1:#0b0d15;--bg-2:#11141f;--bg-3:#181c2a;--bg-4:#20253500;--fg:#eef1f8;--fg-dim:#b3bbcf;--muted:#79829b;--muted-2:#5b6479;--perfect:#00e6a8;--perfect-2:#38e0ff;--miss:#ff3b67;--gold:#f1b455;--gold-2:#ffd27a;--violet:#b07bff;--glow-perfect:0 0 0 1px rgba(0,230,168,0.5),0 0 22px rgba(0,230,168,0.45);--glow-miss:0 0 0 1px rgba(255,59,103,0.5),0 0 22px rgba(255,59,103,0.45);--glow-gold:0 0 0 1px rgba(241,180,85,0.45),0 0 18px rgba(241,180,85,0.38);--line:rgba(255,255,255,0.07);--line-2:rgba(255,255,255,0.13);--hairline:rgba(255,255,255,0.05);--shadow-1:0 1px 2px rgba(0,0,0,0.4);--shadow-2:0 10px 30px -14px rgba(0,0,0,0.7);--shadow-3:0 24px 60px -24px rgba(0,0,0,0.85);--radius:14px;--radius-lg:20px;--radius-sm:9px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-snap:cubic-bezier(0.34,1.56,0.64,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--font-display:"Chakra Petch",ui-monospace,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--bg-elev:var(--bg-1);--bg-surface:var(--bg-2);--bg-elev-2:var(--bg-3);--fg-secondary:var(--fg-dim);--accent:var(--gold);--accent-hover:var(--gold-2);--accent-subtle:rgba(241,180,85,0.12);--border:var(--line);--border-strong:var(--line-2);--card-bg:#f7f5ef;--success:#0f3d2a;--success-border:#1e6b4a;--error:#3a1f23;--error-border:#5c2f35;--neon-perfect:var(--perfect);--neon-good:var(--gold);--neon-miss:var(--miss);--combo-glow:rgba(0,230,168,0.55);--beat-track:rgba(255,255,255,0.08);--beat-fill:var(--gold);--hud-bg:rgba(13,16,26,0.62)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;min-height:100%;text-rendering:optimizeLegibility}body{position:relative;overflow-x:hidden}a{color:var(--gold);text-decoration:none;transition:color .12s var(--ease-out)}a:hover{color:var(--gold-2)}:focus-visible{outline:2px solid var(--perfect);outline-offset:2px;border-radius:4px}.app-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(1200px 800px at 50% -10%,#0d1322 0,transparent 60%),var(--bg)}.app-bg-glow{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(80px);opacity:.5;will-change:transform}.app-bg-glow--cyan{top:-20vmax;left:-16vmax;background:radial-gradient(circle,rgba(0,230,168,.18),transparent 65%);animation:drift-a 26s ease-in-out infinite alternate}.app-bg-glow--magenta{bottom:-22vmax;right:-16vmax;background:radial-gradient(circle,rgba(176,123,255,.16),transparent 65%);animation:drift-b 32s ease-in-out infinite alternate}.app-bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 30%,transparent 80%)}.app-bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 100% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%)}@keyframes drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(8vmax,6vmax) scale(1.15)}}@keyframes drift-b{0%{transform:translate(0) scale(1.05)}to{transform:translate(-7vmax,-5vmax) scale(1)}}@keyframes deal-in{0%{opacity:0;transform:translateY(-40px) rotate(-8deg) scale(.85)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.6);opacity:0}55%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes count-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}@keyframes shake-soft{0%,to{transform:translateX(0)}20%{transform:translateX(-5px) rotate(-.4deg)}40%{transform:translateX(5px) rotate(.4deg)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}@keyframes shake-hard{0%,to{transform:translate(0)}15%{transform:translate(-9px,3px) rotate(-.8deg)}30%{transform:translate(8px,-3px) rotate(.8deg)}45%{transform:translate(-7px,2px)}60%{transform:translate(6px,-2px)}75%{transform:translate(-4px,1px)}90%{transform:translate(3px)}}@keyframes flash-perfect{0%{opacity:.5}to{opacity:0}}@keyframes flash-miss{0%{opacity:.55}to{opacity:0}}@keyframes glow-throb{0%,to{opacity:.6}50%{opacity:1}}@keyframes particle{0%{transform:translate(-50%,-50%) translate(0) scale(1);opacity:1}to{transform:translate(-50%,-50%) translate(calc(cos(var(--ang)) * var(--dist)),calc(sin(var(--ang)) * var(--dist))) scale(.2);opacity:0}}@keyframes ring-pop{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}}@keyframes beat-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes beat-color{0%{background:linear-gradient(90deg,var(--perfect),var(--perfect-2))}50%{background:var(--gold)}78%{background:var(--miss)}to{background:var(--miss)}}@keyframes danger-pulse{0%,64%{opacity:0}72%{opacity:.5}86%{opacity:.15}to{opacity:.6}}@keyframes combo-flash{0%{transform:scale(1)}35%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes judgment-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.55)}22%{opacity:1;transform:translate(-50%,-56%) scale(1.18)}70%{opacity:1;transform:translate(-50%,-60%) scale(1)}to{opacity:0;transform:translate(-50%,-92%) scale(.95)}}@keyframes level-up{0%{transform:scale(1);box-shadow:0 0 0 rgba(0,230,168,0)}40%{transform:scale(1.28);box-shadow:0 0 28px rgba(0,230,168,.85)}to{transform:scale(1);box-shadow:0 0 0 rgba(0,230,168,0)}}@keyframes study-flash{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer-gold{0%{background-position:180% 50%}to{background-position:-80% 50%}}@keyframes wordmark-sheen{0%{background-position:200% 0}to{background-position:-100% 0}}@keyframes dealing-spin{0%{transform:rotate(0deg);opacity:.4}50%{opacity:1}to{transform:rotate(1turn);opacity:.4}}.container{max-width:1120px;margin:0 auto;padding:var(--space-5) var(--space-5) 5rem}.page-enter{animation:rise-in .4s var(--ease-out) both}h1{font-size:1.5rem;font-weight:700;letter-spacing:.01em;margin:0 0 var(--space-2)}h1,h2{font-family:var(--font-display);color:var(--fg)}h2{font-size:1.2rem;font-weight:600;margin:0 0 var(--space-3)}h3{font-family:var(--font-display)}.subtitle{margin:0 0 var(--space-4);color:var(--muted);max-width:68ch;line-height:1.5;font-size:.92rem}.feedback-body code,.settings-hint code,.subtitle code{background:var(--bg-2);padding:.1rem .36rem;border-radius:5px;font-family:var(--font-mono);font-size:.85em;color:var(--gold-2);border:1px solid var(--line)}.premium-surface{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 40%),var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);padding:.75rem 1.4rem;border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--bg-2);color:var(--fg);font-weight:600;font-size:.95rem;letter-spacing:.01em;cursor:pointer;transition:transform .12s var(--ease-snap),background .15s var(--ease-out),border-color .15s var(--ease-out),box-shadow .15s var(--ease-out)}.btn:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:var(--shadow-2)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#1a1205;border-color:var(--gold);box-shadow:var(--glow-gold)}.btn-primary:hover{box-shadow:0 0 0 1px var(--gold),0 0 26px rgba(241,180,85,.5)}.btn-ghost{background:transparent}.btn-sm{padding:.42rem .85rem;font-size:.85rem}.btn-key{font-size:.66rem;text-transform:lowercase;opacity:.7;border:1px solid;border-radius:4px;padding:0 .32rem}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:.7rem clamp(var(--space-4),4vw,var(--space-8));background:linear-gradient(180deg,rgba(7,8,13,.9),rgba(7,8,13,.6));border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:100;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}body.immersive .mobile-bottom-nav,body.immersive .site-nav{display:none}.brand{font-family:var(--font-display);font-weight:700;color:var(--fg);display:inline-flex;align-items:center;gap:.55rem;font-size:1.05rem;letter-spacing:.02em}.brand-pip{color:var(--perfect);font-size:1.1em;filter:drop-shadow(0 0 6px rgba(0,230,168,.6))}.nav-links{display:flex;list-style:none;margin:0;padding:0;gap:.25rem}.nav-link{position:relative;color:var(--muted);padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;font-family:var(--font-display);transition:color .12s var(--ease-out),background .12s var(--ease-out)}.nav-link:hover{color:var(--fg);background:rgba(255,255,255,.04)}.nav-link-active{color:var(--fg)}.nav-link-active:after{content:"";position:absolute;left:.85rem;right:.85rem;bottom:.15rem;height:2px;border-radius:2px;background:var(--perfect);box-shadow:0 0 8px var(--perfect)}.nav-icon-svg{width:22px;height:22px;display:block}.mobile-bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:linear-gradient(180deg,rgba(13,16,26,.7),rgba(7,8,13,.97));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);padding-bottom:env(safe-area-inset-bottom,0)}.mobile-bottom-nav ul{display:flex;list-style:none;margin:0;padding:.3rem .25rem;justify-content:space-around}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.62rem;font-weight:600;font-family:var(--font-display);color:var(--muted);padding:.35rem .6rem;border-radius:10px;min-width:56px;transition:color .12s var(--ease-out)}.mobile-bottom-nav a.active{color:var(--perfect)}.mobile-bottom-nav a.active .nav-icon-svg{filter:drop-shadow(0 0 6px rgba(0,230,168,.7))}.menu{gap:2rem;text-align:center;padding-top:clamp(1.5rem,6vh,4rem);animation:rise-in .5s var(--ease-out) both}.menu,.menu-hero{display:flex;flex-direction:column;align-items:center}.menu-hero{gap:1.1rem;width:100%}.menu-title{font-family:var(--font-display);margin:0;font-size:clamp(2.6rem,9vw,4.6rem);font-weight:700;letter-spacing:.06em;line-height:.92;color:var(--fg);text-shadow:0 0 40px rgba(0,230,168,.12)}.menu-title-accent{display:block;background:linear-gradient(100deg,var(--perfect) 0,var(--perfect-2) 25%,var(--violet) 50%,var(--perfect-2) 75%,var(--perfect) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:wordmark-sheen 6s linear infinite;filter:drop-shadow(0 0 24px rgba(0,230,168,.35))}.menu-tagline{margin:0;color:var(--muted);max-width:40ch;line-height:1.5}.menu-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;width:100%;max-width:580px}.menu-cta{display:flex;flex-direction:column;gap:.3rem;padding:1.5rem 1.3rem;text-align:left;border-radius:var(--radius);border:1px solid var(--line-2);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 50%),var(--bg-2);color:var(--fg);transition:transform .16s var(--ease-snap),border-color .16s var(--ease-out),box-shadow .16s var(--ease-out)}.menu-cta:hover{transform:translateY(-4px);border-color:var(--perfect);box-shadow:var(--shadow-2)}.menu-cta--primary{background:linear-gradient(135deg,rgba(0,230,168,.16),rgba(56,224,255,.08)),var(--bg-2);border-color:rgba(0,230,168,.5);box-shadow:0 0 30px -8px rgba(0,230,168,.4)}.menu-cta--primary:hover{border-color:var(--perfect);box-shadow:0 10px 40px -12px rgba(0,230,168,.6)}.menu-cta-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700}.menu-cta--primary .menu-cta-title{color:var(--perfect)}.menu-cta-sub{font-size:.8rem;color:var(--muted)}.menu-stats{display:flex;gap:2.2rem}.menu-stat{display:flex;flex-direction:column;gap:.2rem}.menu-stat-value{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--gold)}.menu-stat-label{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.menu-links{display:flex;gap:1.6rem}.menu-links a{color:var(--fg-dim);font-weight:600;font-family:var(--font-display);font-size:.9rem}.menu-links a:hover{color:var(--perfect)}.xp-bar{gap:.8rem;width:100%;max-width:480px;margin:0 auto}.xp-bar,.xp-bar-badge{display:flex;align-items:center}.xp-bar-badge{flex-direction:column;justify-content:center;min-width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,rgba(241,180,85,.18),rgba(241,180,85,.05));border:1px solid var(--gold);color:var(--gold);line-height:1;box-shadow:var(--glow-gold);font-family:var(--font-display)}.xp-bar-badge-num{font-size:1.35rem;font-weight:700}.xp-bar-badge-label{font-size:.52rem;letter-spacing:.12em;opacity:.85}.xp-bar-track{position:relative;flex:1 1;height:20px;border-radius:999px;background:var(--beat-track);overflow:hidden;border:1px solid var(--line)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-2));border-radius:999px;box-shadow:0 0 16px rgba(241,180,85,.5);transition:width .7s var(--ease-out)}.xp-bar-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:.66rem;font-weight:700;color:var(--fg);text-shadow:0 1px 3px rgba(0,0,0,.8)}.xp-bar--compact{max-width:240px}.xp-bar--compact .xp-bar-badge{min-width:34px;height:28px;border-radius:8px}.xp-bar--compact .xp-bar-badge-num{font-size:.95rem}.xp-bar--compact .xp-bar-track{height:12px}.xp-bar--levelup .xp-bar-badge{animation:level-up .9s var(--ease-out)}.run{position:relative;max-width:880px;margin:0 auto;padding:var(--space-4) var(--space-4) 6rem;display:flex;flex-direction:column;gap:1rem;--combo-intensity:0}.run:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:calc(var(--combo-intensity) * .9);background:radial-gradient(ellipse 90% 60% at 50% 100%,rgba(0,230,168,.18),transparent 70%);transition:opacity .5s var(--ease-out)}.run>*{position:relative;z-index:1}.run--shake-perfect{animation:shake-soft .4s var(--ease-out)}.run--shake-miss{animation:shake-hard .5s var(--ease-out)}.run--shake-miss:after,.run--shake-perfect:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2}.run--shake-perfect:after{background:radial-gradient(circle at 50% 40%,rgba(0,230,168,.3),transparent 60%);animation:flash-perfect .5s var(--ease-out) forwards}.run--shake-miss:after{background:rgba(255,59,103,.25);animation:flash-miss .45s var(--ease-out) forwards}.run-stage{display:flex;gap:1.4rem;align-items:flex-start;justify-content:center;flex-wrap:wrap}.run-table{position:relative;display:flex;flex-direction:column;gap:1.1rem;align-items:center;min-width:260px;flex:1 1;padding:1.4rem 1.2rem;border-radius:var(--radius-lg);background:radial-gradient(ellipse 120% 80% at 50% 0,rgba(0,230,168,.05),transparent 55%),linear-gradient(180deg,#0f1a1c,#0a1014);border:1px solid rgba(0,230,168,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 60px rgba(0,0,0,.6),var(--shadow-3)}.run-danger{position:absolute;inset:0;border-radius:var(--radius-lg);pointer-events:none;box-shadow:inset 0 0 60px rgba(255,59,103,.6);opacity:0;animation:danger-pulse var(--beat-ms,6s) linear forwards}.run-dealing{display:flex;flex-direction:column;align-items:center;gap:.8rem;color:var(--muted);padding:2.5rem;font-weight:600;font-family:var(--font-display)}.run-dealing-spinner{width:34px;height:34px;border-radius:8px;border:2px solid rgba(0,230,168,.25);border-top:2px solid var(--perfect);animation:dealing-spin .9s var(--ease-in-out) infinite}.run-memory{display:flex;justify-content:center}.run-next{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:.4rem 0;animation:rise-in .3s var(--ease-out) both}.run-next-answer{margin:0;font-weight:700;font-family:var(--font-display);color:var(--fg-dim);font-size:1.05rem}.run-next-answer--ok{color:var(--perfect)}.run-next-answer--no{color:var(--miss)}.run-next-answer code{background:rgba(255,59,103,.16);color:var(--miss);padding:.08rem .4rem;border-radius:5px;font-family:var(--font-mono)}.run-quit{position:absolute;top:.4rem;right:.4rem;z-index:3}.hud{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:.6rem;padding:.7rem .9rem;background:var(--hud-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1)}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.hud-row--combo{justify-content:center;min-height:1.9rem}.hud-lives{display:flex;gap:.4rem;align-items:center}.hud-pip{width:16px;height:16px;border-radius:4px;transform:rotate(45deg);display:inline-block;transition:all .3s var(--ease-snap)}.hud-pip--on{background:var(--miss);box-shadow:0 0 10px rgba(255,59,103,.8)}.hud-pip--off{background:transparent;border:1px solid var(--line-2);opacity:.4}.hud-infinity{font-size:1.4rem;color:var(--perfect);font-weight:800;filter:drop-shadow(0 0 8px rgba(0,230,168,.6))}.hud-infinity,.hud-round{font-family:var(--font-display)}.hud-round{font-weight:700;letter-spacing:.06em;color:var(--fg-dim);text-transform:uppercase;font-size:.9rem}.hud-round--boss{color:var(--miss);font-size:1rem;text-shadow:0 0 12px rgba(255,59,103,.7);animation:glow-throb .8s ease-in-out infinite}.hud-score{display:flex;gap:.7rem;align-items:baseline;font-family:var(--font-display)}.hud-score-xp{font-size:1.3rem;font-weight:700;color:var(--gold);display:inline-block}.hud-score-xp--bump{animation:count-pop .35s var(--ease-snap)}.hud-score-acc{font-size:.78rem;color:var(--muted)}.beat{position:relative;height:14px;border-radius:999px;background:var(--beat-track);overflow:hidden;border:1px solid var(--line)}.beat-perfect-zone{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(45deg,rgba(0,230,168,.16) 0 6px,rgba(0,230,168,.06) 6px 12px);border-right:1px dashed rgba(0,230,168,.6)}.beat-fill{position:absolute;inset:0;border-radius:999px;transform-origin:left center;background:linear-gradient(90deg,var(--perfect),var(--perfect-2));box-shadow:0 0 12px rgba(0,230,168,.6);animation:beat-countdown var(--beat-ms,6s) linear forwards,beat-color var(--beat-ms,6s) linear forwards}.beat-fill--paused{animation-play-state:paused}.combo{display:flex;align-items:baseline;gap:.45rem;font-family:var(--font-display)}.combo-count{font-size:1.6rem;font-weight:700;color:var(--fg);display:inline-block;animation:combo-flash .3s var(--ease-snap)}.combo--hot .combo-count{color:var(--perfect);text-shadow:0 0 16px var(--combo-glow)}.combo-label{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.combo-mult{font-size:1rem;font-weight:700;color:var(--gold)}.combo-tier{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--perfect);margin-left:.4rem;animation:pop .4s var(--ease-snap)}.judgment{position:absolute;top:28%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:6;font-family:var(--font-display);animation:judgment-pop .75s var(--ease-out) forwards}.judgment-label{font-size:2.4rem;font-weight:700;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.7)}.judgment-xp{font-size:1.05rem;font-weight:700}.judgment--perfect .judgment-label,.judgment--perfect .judgment-xp{color:var(--perfect);text-shadow:0 0 20px rgba(0,230,168,.7)}.judgment--good .judgment-label,.judgment--good .judgment-xp{color:var(--gold);text-shadow:0 0 18px rgba(241,180,85,.6)}.judgment--miss .judgment-label,.judgment--miss .judgment-xp{color:var(--miss);text-shadow:0 0 18px rgba(255,59,103,.6)}.burst{position:absolute;top:30%;left:50%;width:0;height:0;pointer-events:none;z-index:5}.burst-ring{width:40px;height:40px;border-radius:50%;border:2px solid var(--perfect);transform:translate(-50%,-50%);animation:ring-pop .6s var(--ease-out) forwards}.burst-particle,.burst-ring{position:absolute;top:0;left:0}.burst-particle{width:8px;height:8px;border-radius:2px;background:var(--perfect);box-shadow:0 0 8px currentColor;animation:particle var(--dur,.7s) var(--ease-out) forwards}.burst--good .burst-particle,.burst--good .burst-ring{color:var(--gold);background:var(--gold);border-color:var(--gold)}.run--study{gap:1.2rem;align-items:center;padding-top:2rem}.study-banner{display:flex;align-items:center;gap:.9rem;justify-content:center;flex-wrap:wrap}.study-kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.study-kicker,.study-title{font-weight:700;font-family:var(--font-display)}.study-title{font-size:1.4rem;color:var(--perfect);text-shadow:0 0 18px rgba(0,230,168,.4)}.study-charts{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;animation:study-flash .45s var(--ease-out)}.summary{display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center;max-width:560px;margin:0 auto;padding:2rem var(--space-4) 6rem;animation:rise-in .4s var(--ease-out) both}.summary-title{font-size:2.2rem;letter-spacing:.02em}.summary-levelup,.summary-title{font-family:var(--font-display);margin:0;font-weight:700}.summary-levelup{font-size:1.3rem;color:var(--perfect);letter-spacing:.1em;animation:combo-flash .7s ease-in-out 3}.summary-stats{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));grid-gap:.8rem;gap:.8rem;width:100%;max-width:460px}.summary-stat{display:flex;flex-direction:column;gap:.15rem;padding:.85rem .7rem;border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 60%),var(--bg-2);border:1px solid var(--line);animation:pop .4s var(--ease-snap) both}.summary-stat:first-child{animation-delay:.04s}.summary-stat:nth-child(2){animation-delay:.08s}.summary-stat:nth-child(3){animation-delay:.12s}.summary-stat:nth-child(4){animation-delay:.16s}.summary-stat:nth-child(5){animation-delay:.2s}.summary-stat:nth-child(6){animation-delay:.24s}.summary-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gold)}.summary-stat-label{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.summary-missed{width:100%;max-width:520px}.summary-missed-title{font-size:1rem;margin:0 0 .7rem}.summary-missed-list{display:flex;flex-direction:column;gap:.5rem;align-items:center}.summary-flawless{color:var(--perfect);font-weight:700;font-family:var(--font-display);font-size:1.1rem}.missed-cell{display:flex;flex-direction:column;align-items:center;gap:.4rem}.missed-cell-toggle{display:inline-flex;gap:.5rem;align-items:center;background:var(--bg-2);border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--fg);padding:.5rem .85rem;cursor:pointer;font-size:.85rem;transition:border-color .12s var(--ease-out)}.missed-cell-toggle:hover{border-color:var(--miss)}.summary-actions{display:flex;gap:.8rem}.profile-header{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin-bottom:var(--space-5)}.profile-subhead{margin:2rem 0 .5rem;font-size:1.15rem}.stats-summary{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:.9rem 1.1rem;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:var(--space-5);font-size:.92rem}.stats-summary strong{color:var(--gold);font-family:var(--font-display)}.stats-reset{margin-left:auto;padding:.45rem .85rem;border-radius:8px;border:1px solid var(--error-border);background:transparent;color:#ef8d83;cursor:pointer;font-weight:600;font-size:.85rem;transition:background .12s var(--ease-out)}.stats-reset:hover{background:rgba(92,47,53,.35)}.stats-section{overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-charts-grid{display:grid;grid-gap:var(--space-6);gap:var(--space-6);grid-template-columns:1fr}.run-history{display:flex;flex-direction:column;gap:.45rem}.run-history-row{display:grid;grid-template-columns:70px 60px 1fr auto;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.6rem .9rem;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line);transition:border-color .12s var(--ease-out)}.run-history-row:hover{border-color:var(--line-2)}.run-history-score{font-family:var(--font-display);font-weight:700;color:var(--gold)}.run-history-acc{color:var(--fg-dim);font-weight:600}.run-history-meta{color:var(--muted);font-size:.82rem}.run-history-outcome{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.run-history-outcome--cleared{color:var(--perfect)}.run-history-outcome--out-of-lives{color:var(--miss)}.rules-section{margin-bottom:var(--space-6)}.rules-toggles{display:flex;flex-direction:column;gap:var(--space-2)}.rules-charts-grid{display:grid;grid-gap:var(--space-8);gap:var(--space-8);grid-template-columns:1fr}@media (min-width:920px){.rules-charts-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.rules-charts-grid .rules-section{margin-bottom:0}.stats-charts-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}}.settings-section{display:flex;flex-direction:column;gap:var(--space-3);max-width:60ch;padding:var(--space-3)}.settings-heading{font-family:var(--font-display);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--perfect);margin:.5rem 0 .2rem}.settings-toggle{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:var(--space-3);column-gap:var(--space-3);grid-row-gap:.25rem;row-gap:.25rem;padding:var(--space-4);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;transition:border-color .12s var(--ease-out)}.settings-toggle:hover{border-color:var(--line-2)}.settings-toggle input[type=checkbox]{grid-row:1/span 2;width:1.2rem;height:1.2rem;accent-color:var(--perfect)}.settings-label{font-weight:600;font-size:.95rem}.settings-hint{color:var(--muted);font-size:.82rem;grid-column:2;line-height:1.4}.settings-select-row{grid-template-rows:auto auto;row-gap:.4rem}.settings-select{background:var(--bg-1);color:var(--fg);border:1px solid var(--line-2);border-radius:var(--radius-sm);padding:.5rem .65rem;font-size:.9rem;max-width:360px;font-family:var(--font-body)}.chart{display:inline-block;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3)}.chart-title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:.74rem;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.chart-table{border-collapse:separate;border-spacing:2px}.chart-col-head,.chart-corner,.chart-row-head{background:transparent;color:var(--muted-2);font-family:var(--font-display);font-weight:600;padding:0}.chart-cell,.chart-col-head,.chart-corner,.chart-row-head{font-size:.7rem;width:var(--cell-size,34px);height:var(--cell-size,34px);text-align:center}.chart-cell{font-weight:700;border-radius:5px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;font-family:var(--font-mono);transition:transform .1s var(--ease-out)}@property --cell-ring-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.chart-cell-highlight{z-index:3;box-shadow:inset 0 0 7px 1px rgba(0,255,210,.6),0 0 8px 1px rgba(0,230,168,.9),0 0 18px 4px rgba(176,123,255,.55);animation:cell-halo-pulse .9s ease-in-out infinite}.chart-cell-highlight:after{content:"";position:absolute;inset:-3px;border-radius:7px;padding:3px;background:conic-gradient(from var(--cell-ring-angle),var(--perfect),var(--perfect-2),var(--violet),var(--gold),var(--perfect));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:cell-ring-spin 1.1s linear infinite;pointer-events:none;z-index:4}@keyframes cell-ring-spin{to{--cell-ring-angle:360deg}}@keyframes cell-halo-pulse{0%,to{box-shadow:inset 0 0 6px 1px rgba(0,255,210,.5),0 0 7px 1px rgba(0,230,168,.7),0 0 14px 2px rgba(176,123,255,.4)}50%{box-shadow:inset 0 0 9px 2px rgba(0,255,210,.85),0 0 12px 3px rgba(0,230,168,1),0 0 24px 6px rgba(176,123,255,.7)}}.chart-cell-double{color:#1f1608;border:1px solid var(--gold);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);background-size:220% 100%;animation:shimmer-gold 2.4s linear infinite}.chart-cell-double-pure{background:linear-gradient(115deg,#a37d3a,#d4af37 18%,#f0d9a0 38%,#d4af37 58%,#a37d3a)}.chart-cell-double-hit{background:linear-gradient(115deg,#8f7a3a,#c5a26f 15%,#b8d38a 35%,#c5a26f 55%,#8f7a3a);border-color:#4ade80;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(74,222,128,.25)}.chart-cell-double-stand{background:linear-gradient(115deg,#8f7a3a,#c5a26f 15%,#d8a08a 35%,#c5a26f 55%,#8f7a3a);border-color:#f87171;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(248,113,113,.25)}.chart-cell-double-das{background:linear-gradient(115deg,#b8860b,#e8c96a 20%,#f5e2a0 40%,#e8c96a 60%,#b8860b);border-color:#facc15;animation-duration:2.1s}.chart-cell-sur{background:#f7f5ef;color:#111;border:1px solid #d1cdc3}.memory-chart{display:flex;justify-content:center}.chart-cell-blank{background:rgba(255,255,255,.025);border:1px solid var(--hairline)}.chart-cell-zone{border:1px solid var(--line)}.chart-cell-revealed{opacity:.92}.legend{list-style:none;padding:0;margin:var(--space-4) 0 0;display:flex;flex-wrap:wrap;gap:.65rem .9rem;font-size:.85rem}.legend li{display:inline-flex;align-items:center;gap:.45rem}.legend-chip{display:inline-block;min-width:1.85rem;padding:.12rem .42rem;border-radius:5px;font-family:var(--font-mono);font-weight:700;font-size:.72rem;text-align:center;border:1px solid rgba(255,255,255,.1)}.legend-chip-double{color:#1f1608!important;border:1px solid var(--gold)!important;background-size:200% 100%!important;animation:shimmer-gold 2.8s linear infinite!important}.legend-chip-double-pure{background:linear-gradient(115deg,#a37d3a,#d4af37,#f0d9a0,#d4af37,#a37d3a)!important}.legend-chip-double-hit{background:linear-gradient(115deg,#8f7a3a,#c5a26f,#b8d38a,#c5a26f,#8f7a3a)!important;border-color:#4ade80!important}.legend-chip-double-stand{background:linear-gradient(115deg,#8f7a3a,#c5a26f,#d8a08a,#c5a26f,#8f7a3a)!important;border-color:#f87171!important}.legend-chip-double-das{background:linear-gradient(115deg,#b8860b,#e8c96a,#f5e2a0,#e8c96a,#b8860b)!important;border-color:#facc15!important;animation-duration:2.2s!important}.legend-chip-sur{background:#f7f5ef!important;color:#111!important;border-color:#d1cdc3!important}.legend-desc{color:var(--muted)}.hand{display:flex;flex-direction:column;gap:var(--space-2)}.hand-label{display:flex;align-items:baseline;gap:var(--space-3);color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-family:var(--font-display);justify-content:center}.hand-total{color:var(--perfect);font-weight:700;font-size:1rem}.hand-cards{display:flex;gap:0;align-items:flex-start;flex-wrap:nowrap;overflow:visible;justify-content:center}.hand-cards .hand-card{width:var(--card-w,82px);height:auto;flex-shrink:0;transition:transform .15s var(--ease-out),box-shadow .15s var(--ease-out);animation:deal-in .45s var(--ease-snap) both;animation-delay:calc(var(--i, 0) * 80ms)}.hand-cards .hand-card:hover{transform:translateY(-4px) scale(1.02);z-index:10!important}.hand-card{border-radius:9px;background:var(--card-bg);box-shadow:0 6px 16px rgba(0,0,0,.5),0 2px 4px rgba(0,0,0,.3);display:block;height:auto;border:1px solid rgba(0,0,0,.1)}@media (max-width:420px){.hand-cards{--overlap:-24px}}.action-bar{display:flex;gap:var(--space-3);flex-wrap:wrap}.action-btn{flex:1 1 7.5rem;min-width:7.5rem;padding:.8rem .9rem;border-radius:12px;background:var(--bg-2);color:var(--fg);border:1px solid var(--line-2);cursor:pointer;font-family:var(--font-display);font-size:.95rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .1s var(--ease-snap),background .12s var(--ease-out),border-color .12s var(--ease-out),box-shadow .12s var(--ease-out);min-height:66px;justify-content:center}.action-btn:active:not(:disabled){transform:translateY(2px) scale(.97)}.action-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--line)}.action-btn--S{border-color:rgba(255,59,103,.55);color:#ffc2cf}.action-btn--S:hover:not(:disabled){background:rgba(255,59,103,.16);border-color:var(--miss);box-shadow:0 0 18px -4px rgba(255,59,103,.6)}.action-btn--H,.action-btn--Y{border-color:rgba(0,230,168,.5);color:#97f0d3}.action-btn--H:hover:not(:disabled),.action-btn--Y:hover:not(:disabled){background:rgba(0,230,168,.14);border-color:var(--perfect);box-shadow:0 0 18px -4px rgba(0,230,168,.6)}.action-btn--D,.action-btn--DH,.action-btn--DS{border-color:var(--gold);color:var(--gold-2);position:relative;overflow:hidden}.action-btn--D:hover:not(:disabled),.action-btn--DH:hover:not(:disabled),.action-btn--DS:hover:not(:disabled){background:rgba(241,180,85,.14);border-color:var(--gold-2);box-shadow:0 0 18px -4px rgba(241,180,85,.6)}.action-btn--D:after,.action-btn--DH:after,.action-btn--DS:after{content:"";position:absolute;inset:-40% -100%;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.4) 50%,transparent 75%);background-size:220% 100%;animation:shimmer-gold 2.1s linear infinite;pointer-events:none;opacity:.55}.action-btn--SUR{border-color:#d1cdc3;color:#e8e4d9;background:rgba(247,245,239,.05)}.action-btn--SUR:hover:not(:disabled){background:rgba(247,245,239,.16);border-color:#f7f5ef}.action-label{font-family:var(--font-display);font-size:.98rem;font-weight:600}.action-key{font-family:var(--font-mono);font-size:.66rem;color:var(--muted);background:rgba(0,0,0,.35);padding:.03rem .34rem;border-radius:3px;margin-top:2px}.action-bar-bottom{position:fixed;left:0;right:0;bottom:0;z-index:90;background:linear-gradient(180deg,transparent,var(--bg) 30%);padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom, 0));display:none}.feedback{border-radius:var(--radius);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--line)}.feedback-correct{background:rgba(0,230,168,.1);border-color:rgba(0,230,168,.4)}.feedback-wrong{background:rgba(255,59,103,.1);border-color:rgba(255,59,103,.4)}@media (max-width:768px){.container{padding:var(--space-4) var(--space-4) 5rem}.action-btn{min-height:60px;font-size:.9rem}}@media (max-width:640px){.container{padding:1.1rem var(--space-3) 5.5rem}.site-nav .nav-links{display:none}.site-nav{padding:.6rem var(--space-3)}.mobile-bottom-nav{display:block}.run{padding:var(--space-3) var(--space-3) 7rem}.run .action-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;padding:var(--space-3) var(--space-3) calc(var(--space-3) + env(safe-area-inset-bottom, 0));background:linear-gradient(180deg,transparent,var(--bg) 35%);gap:var(--space-2)}.run-stage{flex-direction:column;align-items:stretch}.summary-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:380px){.action-btn{min-width:4.6rem;flex:1 1 4.6rem;padding:.55rem .3rem;font-size:.8rem}}@media (min-width:900px){.run-stage{flex-wrap:nowrap}}@media (min-width:1024px){.chart{padding:.85rem}.container{padding-left:2rem;padding-right:2rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.app-bg-glow,.menu-title-accent,.wordmark-sheen{animation:none!important}.beat-fill{animation:beat-countdown var(--beat-ms,6s) linear forwards!important}}