:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f8f5ee;background:#050506;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{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}#app{background:radial-gradient(circle at 50% 35%,#ffdcaa14,#0000 34%),#050506;position:relative}#render-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}body[data-app-route=emulator] #render-canvas{z-index:0;background-color:#302e2a;background-image:radial-gradient(at 50% 34%,#fff9ec14,#0000 54%),linear-gradient(90deg,#fff9ec09,#0000 18% 82%,#8fd2c409),linear-gradient(#34322d 0%,#2b2925 100%);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff24;border-radius:6px;width:calc(40vw - 28px);height:calc(100vh - 172px);position:absolute;top:54px;left:auto;right:18px;overflow:hidden;box-shadow:inset 0 0 46px #00000052,inset 0 1px #ffffff0f}.mode-surface{pointer-events:none;position:absolute;inset:0}.mode-surface button,.mode-surface select,.mode-surface input,.mode-chooser button{pointer-events:auto}.mode-chooser{pointer-events:auto;background:#05050675;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.mode-chooser__panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08090bc7;border:1px solid #ffffff29;border-radius:8px;width:min(680px,100%);padding:18px}.mode-chooser__panel p,.lesson-panel__heading p{color:#8fd2c4d1;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:720}.mode-chooser__panel h1,.lesson-panel__heading h3{color:#fff8e8;letter-spacing:0;margin:3px 0 0}.mode-chooser__panel h1{font-size:28px}.mode-chooser__actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.mode-chooser__actions button,.lesson-card{color:#fff8e8;min-width:0;font:inherit;text-align:left;cursor:pointer;background:#131618e6;border:1px solid #ffffff29;border-radius:8px;gap:5px;display:grid}.mode-chooser__actions button{min-height:112px;padding:14px}.mode-chooser__actions button:hover,.mode-chooser__actions button:focus-visible,.lesson-card:hover,.lesson-card:focus-visible,.mode-home-button:hover,.mode-home-button:focus-visible,.lesson-panel button:hover,.lesson-panel button:focus-visible{border-color:#8fd2c4d1}.mode-chooser__actions strong,.lesson-card strong{font-size:15px;line-height:1.2}.mode-chooser__actions span,.lesson-card small{color:#fff9ecad;font-size:12px;line-height:1.35}.mode-home-button{z-index:6;color:#fff8e8;min-height:32px;font:inherit;cursor:pointer;background:#0d0f12d1;border:1px solid #ffffff2e;border-radius:6px;font-size:12px;position:absolute;top:14px;left:14px}.lesson-catalog{pointer-events:auto;padding-right:4px;position:absolute;inset:18px 18px 72px;overflow:auto}.lesson-catalog__list{grid-template-columns:repeat(5,minmax(160px,1fr));align-items:start;gap:10px;display:grid}.lesson-catalog__module{gap:7px;min-width:0;display:grid}.lesson-catalog__module-heading{color:#fff8e8;background:#0506089e;border-bottom:1px solid #ffffff24;min-height:82px;padding:10px}.lesson-catalog__module-heading h3,.lesson-catalog__module-heading p{margin:0}.lesson-catalog__module-heading h3{font-size:14px;line-height:1.25}.lesson-catalog__module-heading p{color:#fff9eca3;margin-top:5px;font-size:12px;line-height:1.35}.lesson-card{min-height:92px;padding:10px}.lesson-card>span{color:#8fd2c4d1;text-transform:uppercase;font-size:11px;font-weight:760}.lesson-card[data-completed=true]{background:#142b1fdb;border-color:#6edc9494}.lesson-runner{position:absolute;inset:0}.lesson-panel{z-index:3;color:#fff9ecf0;pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070709b8;border:1px solid #ffffff24;border-radius:8px;grid-template-columns:minmax(220px,1.2fr) minmax(260px,1.4fr) minmax(260px,1.5fr);align-items:center;gap:10px 12px;padding:10px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.lesson-panel__heading{align-items:center;gap:10px;min-width:0;display:flex}.lesson-panel__heading h3{font-size:16px;line-height:1.2}.lesson-panel__goal{color:#fff9ecc7;margin:0;font-size:12px;line-height:1.35}.lesson-panel__steps{color:#fff9ecb3;gap:4px;margin:0;padding-left:18px;font-size:12px;line-height:1.3;display:grid}.lesson-panel__steps li{min-width:0}.lesson-panel__steps strong{color:#fff8e8;margin-right:5px}.lesson-panel__controls,.lesson-panel__stats,.lesson-panel__meta{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.lesson-panel__speeds{gap:4px;display:grid}.lesson-panel__stats,.lesson-panel__meta{color:#fff9ecb8;font-size:12px}.lesson-panel__meta{grid-template-columns:minmax(110px,auto) minmax(0,1fr);gap:4px 6px;min-height:44px;display:grid}.lesson-panel button{color:#fff9ec;min-height:32px;font:inherit;cursor:pointer;background:#121417eb;border:1px solid #ffffff2e;border-radius:6px;font-size:12px}.lesson-panel__heading button,.lesson-panel__controls button{padding:0 10px}.lesson-panel__meta strong{color:#fff8e8;text-align:center;background:#8fd2c429;border-radius:6px;grid-row:1/span 2;min-width:110px;padding:5px 8px}.lesson-panel__meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.lesson-kit-card{z-index:4;color:#fff9ecf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#070709d1;border:1px solid #8fd2c452;border-radius:8px;gap:8px;width:min(320px,100% - 36px);padding:12px;display:grid;position:absolute;top:92px;right:18px}.lesson-kit-card p,.lesson-kit-card h3{margin:0}.lesson-kit-card>p:first-child{color:#8fd2c4db;text-transform:uppercase;font-size:11px;font-weight:760}.lesson-kit-card h3{font-size:18px;line-height:1.2}.lesson-kit-card p{color:#fff9ecc2;font-size:13px;line-height:1.35}.lesson-kit-card strong{color:#fff8e8;min-height:20px;font-size:12px;line-height:1.3}.lesson-kit-card__actions,.lesson-popup__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-kit-card button,.lesson-popup button{color:#fff9ec;min-height:34px;font:inherit;cursor:pointer;background:#121417f0;border:1px solid #ffffff2e;border-radius:6px;padding:0 12px;font-size:12px}.lesson-kit-card button:disabled,.lesson-popup button:disabled{cursor:default;opacity:.42}.lesson-popup{z-index:8;color:#fff9ecf0;pointer-events:auto;background:#05070a47;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.lesson-popup__panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070709e6;border:1px solid #ffffff29;border-radius:8px;gap:10px;width:min(430px,100%);padding:16px;display:grid}.lesson-popup__panel p,.lesson-popup__panel h2{margin:0}.lesson-popup__panel>p:first-child{color:#8fd2c4db;text-transform:uppercase;font-size:11px;font-weight:760}.lesson-popup__panel h2{font-size:22px;line-height:1.15}.lesson-popup__panel>p:nth-child(3){color:#fff9ecc2;font-size:13px;line-height:1.45}.practice-cue-rail{--practice-cue-rail-foot-y:76%;--practice-cue-rail-hand-y:38%;z-index:3;color:#fff9ecf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#0707099e;border:1px solid #ffffff24;border-radius:6px;min-width:0;height:72px;position:absolute;top:14px;left:18px;right:18px;overflow:hidden}.practice-cue-rail__activation-zone{top:8px;right:var(--activation-right);bottom:8px;left:var(--activation-left);z-index:0;background:#394d8724;border:1px solid #a0bcff6b;border-radius:8px;position:absolute;box-shadow:inset 0 0 18px #a0bcff1f}.practice-cue-rail__hit-line{z-index:1;background:#fff9ecc7;width:2px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.practice-cue-rail__lane{z-index:1;background:#fff9ec33;height:1px;position:absolute}.practice-cue-rail__lane[data-lane=left]{top:var(--practice-cue-rail-hand-y);left:6%;right:50%}.practice-cue-rail__lane[data-lane=right]{top:var(--practice-cue-rail-hand-y);left:50%;right:6%}.practice-cue-rail__cue{top:var(--y);left:var(--x);z-index:2;color:#fff9eccc;text-overflow:ellipsis;white-space:nowrap;background:#fff9ec14;border:1px solid #ffffff2e;border-radius:6px;place-items:center;width:42px;min-width:0;height:30px;font-size:14px;font-weight:800;line-height:1;display:grid;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.practice-cue-rail__cue[data-lane=foot]{top:var(--practice-cue-rail-foot-y);width:58px;height:22px;font-size:10px}.practice-cue-rail__cue[data-lane=left],.practice-cue-rail__cue[data-lane=right]{top:var(--practice-cue-rail-hand-y)}.practice-cue-rail__cue[data-phase=passed]{opacity:.38}.practice-cue-rail__cue[data-lane=left]{color:#edfffb;background:#3d81756b;border-color:#8fd2c4c7}.practice-cue-rail__cue[data-lane=right]{color:#fff4d2;background:#83592375;border-color:#ffc35ed1}.practice-cue-rail__cue[data-lane=foot]{color:#eef3ff;background:#394d8775;border-color:#a0bcffc7}.practice-cue-rail__cue[data-phase=now]{color:#fff9ec;background:#ffda9270;border-color:#fff9ecf0}.practice-queue-surface-toggle{z-index:6;color:#fff9ecf0;min-width:42px;height:24px;min-height:0;font:inherit;pointer-events:auto;cursor:pointer;background:#0d0f16e0;border:1px solid #fff9ec57;border-radius:6px;place-items:center;padding:0 8px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:8px;right:8px;overflow:hidden}.practice-queue-surface-toggle:focus-visible{outline-offset:2px;outline:2px solid #a0bcffb8}.practice-instrument-highway{z-index:2;color:#fff9ecf0;perspective:920px;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070709;border:1px solid #ffffff24;border-radius:6px;width:min(42vw,500px);min-width:300px;position:absolute;top:138px;bottom:118px;left:18px;overflow:hidden}.practice-instrument-highway__surface{transform-origin:50% 100%;transform-style:preserve-3d;background:linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 12.5%) 0 0/12.5% 100%,linear-gradient(#10141c6b,#040508eb) 0 0/100% 100%;border:1px solid #fff9ec2e;border-radius:6px;position:absolute;inset:14px 16px 12px;overflow:hidden;transform:rotateX(62deg);box-shadow:inset 0 -34px 54px #fff9ec14,inset 0 42px 72px #00000085}.practice-instrument-highway__lane{top:0;bottom:0;left:calc(var(--highway-lane-index) * 12.5%);background:linear-gradient(180deg, transparent 8%, color-mix(in srgb, var(--highway-lane-color) 16%, transparent) 100%);border-right:1px solid #fff9ec1c;width:12.5%;position:absolute}.practice-instrument-highway__lane-label{border:1px solid color-mix(in srgb, var(--highway-lane-color) 72%, white);color:#fff9ec;white-space:nowrap;background:#05070ac7;border-radius:5px;place-items:center;min-width:42px;min-height:24px;padding:0 7px;font-size:12px;font-weight:820;line-height:1;display:grid;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.practice-instrument-highway__hit-line{z-index:2;background:#fff9ece0;height:3px;position:absolute;top:82%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 14px #ffda9285}.practice-instrument-highway__receptor{top:82%;left:calc((var(--highway-lane-index) + .5) * 12.5%);z-index:4;border:2px solid color-mix(in srgb, var(--highway-lane-color) 54%, #111722);width:68px;height:40px;box-shadow:inset 0 7px 9px #ffffff29, inset 0 -13px 19px #000000fa, inset 0 0 22px #000000f5, 0 12px 18px #00000094, 0 0 13px color-mix(in srgb, var(--highway-lane-color) 30%, transparent);pointer-events:none;transform-style:preserve-3d;background:radial-gradient(at 50% 56%,#000 0 39%,#000000f5 40% 53%,#05070beb 54% 65%,#0000 66%),linear-gradient(#fff9ec42,#262d39cc 26%,#000000fa 72%);border-radius:15px;position:absolute;transform:translate(-50%,-50%)rotateX(12deg)}.practice-instrument-highway__receptor:before{content:"";background:radial-gradient(at 50% 62%,#000 0 54%,#000000e0 55% 72%,#0000 73%),linear-gradient(#00000014,#000000db);border-radius:12px;position:absolute;inset:5px 8px 7px;box-shadow:inset 0 9px 16px #000000fa,inset 0 -4px 10px #fff9ec14}.practice-instrument-highway__receptor:after{content:"";filter:blur(1.5px);opacity:0;transform-origin:50% 100%;background:radial-gradient(at 50% 12%,#fffffff2,#0000 18%),radial-gradient(at 50% 44%,#ffed78d1,#0000 39%),radial-gradient(at 50% 76%,#ff5b1694,#0000 66%);border-radius:48% 48% 42% 42%;height:38px;position:absolute;bottom:-14px;left:19%;right:19%;transform:scale(.7,.42)}.practice-instrument-highway__receptor[data-active=true]{border-color:color-mix(in srgb, var(--highway-lane-color) 68%, #fff9ec);box-shadow:inset 0 6px 12px #ffffff29, inset 0 -11px 18px #000000f5, 0 14px 24px #0000009e, 0 0 22px color-mix(in srgb, var(--highway-lane-color) 48%, transparent), 0 0 34px #ff832442}.practice-instrument-highway__receptor[data-active=true]:after{opacity:.62;animation:.15s ease-in-out infinite alternate highway-receptor-flame}.practice-instrument-highway__note{top:var(--highway-y);left:calc((var(--highway-lane-index) + .5) * 12.5%);z-index:3;color:#090a0b;width:55px;min-width:0;height:45px;transform:translate(-50%, -50%) scale(var(--highway-note-scale));place-items:center;font-size:12px;font-weight:860;line-height:1;display:grid;position:absolute}.practice-instrument-highway__note[data-target=kick]{width:72px;font-size:11px}.practice-instrument-highway__note-shape{border:2px solid color-mix(in srgb, var(--highway-note-color) 72%, white);background:var(--highway-note-color);box-shadow:0 0 16px color-mix(in srgb, var(--highway-note-color) 46%, transparent);position:absolute;inset:0}.practice-instrument-highway__note-label{z-index:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 4px;position:relative;overflow:hidden}.practice-instrument-highway__note[data-phase=passed]{opacity:.44}.practice-instrument-highway__note[data-glow-active=true] .practice-instrument-highway__note-shape{box-shadow:0 0 22px #fff9eccc, 0 0 34px color-mix(in srgb, var(--highway-note-color) 72%, transparent), 0 0 48px #ff74186b;border-color:#fff9ecf5;animation:.15s ease-in-out infinite alternate highway-note-thermite-pulse}.practice-instrument-highway__cue-effect{--highway-cue-burn-duration:.26s;--highway-cue-sink-duration:.76s;top:82%;left:calc((var(--highway-lane-index) + .5) * 12.5%);z-index:7;color:#090a0b;perspective:260px;pointer-events:none;width:68px;height:54px;transform-style:preserve-3d;font-size:11px;font-weight:860;line-height:1;position:absolute;transform:translate(-50%,-50%)}.practice-instrument-highway__cue-effect:before{z-index:0;content:"";filter:blur(9px);opacity:0;background:radial-gradient(at 50% 46%,#ffffffd1,#0000 16%),radial-gradient(at 50% 52%,#ffd1459e,#0000 34%),radial-gradient(at 50% 65%,#ff52135c,#0000 58%);border-radius:50%;position:absolute;inset:-44px -36px -28px;transform:scale(.55)}.practice-instrument-highway__cue-effect[data-outcome=burn]:before{animation:highway-cue-burn-bloom var(--highway-cue-burn-duration) ease-out both}.practice-instrument-highway__cue-effect-abyss{z-index:6;opacity:0;background:radial-gradient(at 50% 58%,#000 0 48%,#000000e6 49% 68%,#0000 69%),linear-gradient(#0a0d124d,#000000eb);border-radius:16px;position:absolute;inset:4px -1px 2px;transform:scale(.92);box-shadow:inset 0 10px 18px #000000fa,inset 0 -5px 10px #fff9ec12,0 2px 14px #000000d1}.practice-instrument-highway__cue-effect-note{z-index:5;transform-origin:50% 82%;transform-style:preserve-3d;place-items:center;display:grid;position:absolute;inset:0}.practice-instrument-highway__cue-effect[data-outcome=burn] .practice-instrument-highway__cue-effect-note{animation:highway-cue-burn-note var(--highway-cue-burn-duration) cubic-bezier(.16, .78, .24, 1) both}.practice-instrument-highway__cue-effect[data-outcome=sink] .practice-instrument-highway__cue-effect-note{animation:highway-cue-sink-note var(--highway-cue-sink-duration) cubic-bezier(.64, .02, .84, .32) both}.practice-instrument-highway__cue-effect[data-outcome=sink] .practice-instrument-highway__cue-effect-abyss{animation:highway-cue-sink-abyss var(--highway-cue-sink-duration) ease-in both}.practice-instrument-highway__cue-effect-shape{z-index:0;border:2px solid color-mix(in srgb, var(--highway-note-color) 80%, white);background:var(--highway-note-color);box-shadow:0 0 24px color-mix(in srgb, var(--highway-note-color) 70%, transparent), 0 0 40px #ff77177a;position:absolute;inset:0}.practice-instrument-highway__cue-effect-flame{z-index:2;filter:blur(1.6px);opacity:0;transform-origin:50% 100%;background:radial-gradient(at 50% 11%,#ffffffe0,#0000 16%),radial-gradient(at 50% 29%,#ffef69eb,#0000 29%),radial-gradient(at 50% 57%,#ff690cdb,#0000 58%),radial-gradient(at 50% 90%,#ff2a0e94,#0000 70%);border-radius:45% 45% 39% 39%;width:78px;height:150px;position:absolute;bottom:-54px;left:50%;transform:translate(-50%)scale(.44,.12)}.practice-instrument-highway__cue-effect-flame-core{z-index:3;filter:blur(.8px);opacity:0;transform-origin:50% 100%;background:linear-gradient(#fff0,#fffffff5 18%,#ffec66eb 52%,#ff580d14 100%),radial-gradient(at 50% 24%,#fffffff2,#0000 38%);border-radius:47% 47% 38% 38%;width:30px;height:138px;position:absolute;bottom:-42px;left:50%;transform:translate(-50%)scale(.32,.08)}.practice-instrument-highway__cue-effect-sparks{z-index:4;opacity:0;background:radial-gradient(circle at 46% 34%,#ffffffeb 0 2px,#0000 3px),radial-gradient(circle at 57% 27%,#ffec68e6 0 2px,#0000 3px),radial-gradient(circle at 35% 45%,#ff831ad1 0 2px,#0000 3px),radial-gradient(circle at 66% 48%,#ffa831c2 0 2px,#0000 3px),radial-gradient(circle at 52% 62%,#ffffffb8 0 1px,#0000 2px);position:absolute;inset:-62px -42px -8px;transform:scale(.52)}.practice-instrument-highway__cue-effect[data-outcome=burn] .practice-instrument-highway__cue-effect-flame{animation:highway-cue-burn-flame var(--highway-cue-burn-duration) ease-out both}.practice-instrument-highway__cue-effect[data-outcome=burn] .practice-instrument-highway__cue-effect-flame-core{animation:highway-cue-burn-core var(--highway-cue-burn-duration) ease-out both}.practice-instrument-highway__cue-effect[data-outcome=burn] .practice-instrument-highway__cue-effect-sparks{animation:highway-cue-burn-sparks var(--highway-cue-burn-duration) ease-out both}.practice-instrument-highway__cue-effect-label{z-index:1;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 5px;position:relative;overflow:hidden}.practice-instrument-highway__note[data-shape=capsule] .practice-instrument-highway__note-shape,.practice-instrument-highway__cue-effect[data-shape=capsule] .practice-instrument-highway__cue-effect-shape{border-radius:999px}.practice-instrument-highway__note[data-shape=circle] .practice-instrument-highway__note-shape,.practice-instrument-highway__cue-effect[data-shape=circle] .practice-instrument-highway__cue-effect-shape{border-radius:50%}.practice-instrument-highway__note[data-shape=diamond] .practice-instrument-highway__note-shape,.practice-instrument-highway__cue-effect[data-shape=diamond] .practice-instrument-highway__cue-effect-shape{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.practice-instrument-highway__note[data-shape=hexagon] .practice-instrument-highway__note-shape,.practice-instrument-highway__cue-effect[data-shape=hexagon] .practice-instrument-highway__cue-effect-shape{clip-path:polygon(24% 0,76% 0,100% 50%,76% 100%,24% 100%,0 50%)}.practice-instrument-highway__note[data-shape=pentagon] .practice-instrument-highway__note-shape,.practice-instrument-highway__cue-effect[data-shape=pentagon] .practice-instrument-highway__cue-effect-shape{clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.practice-instrument-highway__note[data-shape=ring] .practice-instrument-highway__note-shape,.practice-instrument-highway__cue-effect[data-shape=ring] .practice-instrument-highway__cue-effect-shape{background:#05070ab8;border-width:4px;border-radius:50%}.practice-instrument-highway__note[data-shape=ring] .practice-instrument-highway__note-label,.practice-instrument-highway__cue-effect[data-shape=ring] .practice-instrument-highway__cue-effect-label{color:#fff9ec}.practice-instrument-highway__note[data-shape=square] .practice-instrument-highway__note-shape{border-radius:6px}.practice-instrument-highway__cue-effect[data-shape=square] .practice-instrument-highway__cue-effect-shape{border-radius:7px}.practice-instrument-highway__note[data-shape=triangle] .practice-instrument-highway__note-shape,.practice-instrument-highway__cue-effect[data-shape=triangle] .practice-instrument-highway__cue-effect-shape{clip-path:polygon(50% 0,100% 100%,0 100%)}@keyframes highway-note-thermite-pulse{0%{filter:brightness(1.1)}to{filter:brightness(1.72)}}@keyframes highway-receptor-flame{0%{filter:blur(1.6px)brightness(.95);transform:scale(.72,.42)}to{filter:blur(1.3px)brightness(1.28);transform:scale(1.02,.72)}}@keyframes highway-cue-burn-note{0%{filter:brightness();opacity:.98;transform:translate(0,0)rotateX(0)scale(1)}22%{filter:brightness(2.15)saturate(1.45);opacity:1;transform:translate3d(0,-11px,22px)rotateX(-8deg)scale(1.08)}48%{filter:brightness(3.9)saturate(1.9);opacity:1;transform:translate3d(0,-40px,38px)rotateX(-14deg)scale(1.28)}72%{filter:blur(.7px)brightness(3.2)saturate(.6);opacity:.68;transform:translate3d(0,-62px,18px)rotateX(-20deg)scale(1.62)}to{filter:blur(2px)brightness(2.5)saturate(.2);opacity:0;transform:translate3d(0,-90px,-8px)rotateX(-28deg)scale(2.08)}}@keyframes highway-cue-burn-flame{0%{opacity:0;transform:translate(-50%)scale(.32,.1)}14%{opacity:.96;transform:translate(-50%)scale(.78,.72)}42%{opacity:.94;transform:translate(-50%)scale(1.04,1.08)}72%{opacity:.42;transform:translate(-50%)scale(.74,1.24)}to{opacity:0;transform:translate(-50%)scale(.36,1.42)}}@keyframes highway-cue-burn-core{0%{opacity:0;transform:translate(-50%)scale(.18,.06)}12%{opacity:1;transform:translate(-50%)scale(.92,.86)}46%{opacity:.94;transform:translate(-50%)scaleY(1.06)}to{opacity:0;transform:translate(-50%)scale(.42,1.38)}}@keyframes highway-cue-burn-sparks{0%{opacity:0;transform:translateY(16px)scale(.46)}18%{opacity:1;transform:translateY(-8px)scale(.88)}58%{opacity:.78;transform:translateY(-44px)scale(1.18)}to{opacity:0;transform:translateY(-76px)scale(1.34)}}@keyframes highway-cue-burn-bloom{0%{opacity:0;transform:scale(.48)}26%{opacity:.86;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes highway-cue-sink-note{0%{filter:brightness();opacity:.98;transform:translate(0,0)rotateX(0)rotate(0)scale(1)}25%{filter:brightness(1.05);opacity:1;transform:translate(0,0)rotateX(0)rotate(0)scale(1)}48%{filter:brightness(.86);opacity:.96;transform:translate3d(0, 8px, -22px) rotateX(58deg) rotateZ(var(--highway-effect-tilt-start)) scale(.94)}72%{filter:blur(.4px)brightness(.34);opacity:.5;transform:translate3d(var(--highway-effect-drift-mid), 42px, -118px) rotateX(86deg) rotateZ(var(--highway-effect-tilt-mid)) scale(.42)}to{filter:blur(1.4px)brightness(.1);opacity:0;transform:translate3d(var(--highway-effect-drift-deep), 66px, -190px) rotateX(96deg) rotateZ(var(--highway-effect-tilt-deep)) scale(.12)}}@keyframes highway-cue-sink-abyss{0%,28%{filter:brightness(.82);opacity:0;transform:scale(.82)}50%{filter:brightness(.74);opacity:.42;transform:scale(.96)}72%{filter:brightness(.58);opacity:.94;transform:scale(1.04)}to{filter:brightness(.44);opacity:.84;transform:scale(.98)}}.practice-hand-cue-queues{z-index:3;color:#fff9ecf0;pointer-events:none;background:#07070994;border:1px solid #ffffff24;border-radius:6px;width:154px;min-width:0;position:absolute;top:98px;bottom:118px;right:18px;overflow:hidden}.practice-hand-cue-queues[data-queue-surface=side]{top:14px}.practice-hand-cue-queues:before{content:"";background:#fff9ec2e;width:1px;position:absolute;top:8px;bottom:8px;left:50%;transform:translate(-50%)}.practice-hand-cue-queues__hit-line{z-index:2;background:#fff9ecc7;height:2px;position:absolute;top:12%;left:8px;right:8px;transform:translateY(-50%)}.practice-hand-cue-queues__activation-zone{top:var(--activation-top);z-index:0;height:var(--activation-height);background:#394d8724;border:1px solid #a0bcff6b;border-radius:8px;position:absolute;left:8px;right:8px;box-shadow:inset 0 0 18px #a0bcff1f}.practice-hand-cue-queues__column{z-index:1;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;width:calc(50% - 15px);position:absolute;top:8px;bottom:8px}.practice-hand-cue-queues__column[data-lane=left]{left:10px}.practice-hand-cue-queues__column[data-lane=right]{right:10px}.practice-hand-cue-queues__cue{top:var(--y);z-index:3;color:#fff9ecd6;text-overflow:ellipsis;white-space:nowrap;background:#fff9ec1a;border:1px solid #fff3;border-radius:6px;place-items:center;width:44px;min-width:0;height:32px;font-size:13px;font-weight:800;line-height:1;display:grid;position:absolute;left:30%;overflow:hidden;transform:translate(-50%,-50%)}.practice-hand-cue-queues__cue[data-lane=right]{left:70%}.practice-hand-cue-queues__cue[data-lane=shared]{width:128px;font-size:11px;left:50%}.practice-hand-cue-queues__cue[data-lane=left]{color:#edfffb;background:#3d81756b;border-color:#8fd2c4c7}.practice-hand-cue-queues__cue[data-lane=right]{color:#fff4d2;background:#83592375;border-color:#ffc35ed1}.practice-hand-cue-queues__cue[data-lane=shared]{color:#eef3ff;background:#394d8775;border-color:#a0bcffc7}.practice-hand-cue-queues__cue[data-phase=passed]{opacity:.38}.practice-hand-cue-queues__cue[data-phase=now]{color:#fff9ec;background:#ffda9270;border-color:#fff9ecf0}.practice-hand-cue-queues .practice-queue-surface-toggle{width:38px;min-width:38px;height:22px;padding:0 6px;font-size:10px}body[data-app-route=emulator] .practice-instrument-highway{perspective:980px;width:auto;min-width:0;inset:54px calc(40vw + 18px) 118px 18px}body[data-app-route=emulator] .practice-instrument-highway__surface{inset:14px 18px;transform:rotateX(61deg)}body[data-app-route=emulator] .song-practice-bottom-stack{z-index:8}body[data-app-route=emulator] .song-practice__input-modes,body[data-app-route=lesson] .free-mode-surface .song-practice-bottom-stack{display:none}.learning-catalog-bottom-stack{z-index:3;pointer-events:none;display:grid;position:absolute;bottom:18px;left:18px;right:18px}body[data-app-route=lesson] .learning-catalog-bottom-stack{display:none}.learning-catalog-panel{justify-self:start}.song-practice-bottom-stack{z-index:3;pointer-events:none;gap:8px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.free-mode-surface .song-practice__controls .mode-home-button,.learning-mode-surface .mode-home-button{background:#0d0f12eb;min-width:54px;position:static}.song-practice-panel{color:#fff9ecf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#070709a8;border:1px solid #ffffff24;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;padding:8px 10px;display:flex}.song-practice__controls{flex-wrap:wrap;flex:500px;align-items:center;gap:8px;min-width:0;display:flex}.song-practice-panel select,.song-practice-panel button{color:#fff9ec;min-height:32px;font:inherit;white-space:nowrap;background:#121417eb;border:1px solid #ffffff2e;border-radius:6px;font-size:12px}.song-practice-panel select{flex:180px;min-width:0;max-width:340px;padding:0 10px}.song-practice-panel button{cursor:pointer;min-width:54px;padding:0 10px}.song-practice-panel button:hover,.song-practice-panel button:focus-visible{border-color:#ffda92b8}#song-backing-toggle[data-enabled=false]{color:#d6f6eed6;background:#0a1618d1;border-color:#8fd2c452}.song-import-panel{z-index:40;pointer-events:auto;background:#081012fa;border:1px solid #8fd2c447;border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;width:min(760px,100vw - 32px);min-width:0;max-height:min(720px,100vh - 32px);padding:18px;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0000008a,0 0 0 999vmax #0000009e}.song-import-panel__intro{grid-column:1/-1;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.song-import-panel__intro[hidden],.song-import-preview[hidden]{display:none}.song-import-panel p{color:#fff9ecc2;text-overflow:ellipsis;min-width:0;margin:0;font-size:12px;line-height:1.35;overflow:hidden}.song-import-panel a{color:#8fd2c4f0;font-weight:720}.song-import-preview{grid-column:1/-1;gap:12px;min-width:0;display:grid}.song-import-preview__summary{grid-template-columns:repeat(2,minmax(160px,1fr));gap:4px 10px;min-width:0;display:grid}.song-import-preview__summary-item{color:#fff9ecbd;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.3;overflow:hidden}.song-import-preview__options{border:1px solid #8fd2c433;border-radius:6px;gap:10px;min-width:0;margin:0;padding:10px;display:grid}.song-import-preview__options[hidden]{display:none}.song-import-preview__options legend{color:#ffda92d1;padding:0 4px;font-size:11px;font-weight:760}.song-import-preview__option{color:#fff9ecc2;align-items:center;gap:7px;min-width:0;font-size:12px;line-height:1.25;display:flex}.song-import-preview__option input{flex:none}.song-import-preview__field{color:#fff9ecc2;grid-template-columns:minmax(96px,auto) minmax(180px,1fr);align-items:center;gap:10px;min-width:0;font-size:12px;display:grid}.song-import-preview__field select,.song-import-preview__mapping-row select{min-width:0;max-width:none}.song-import-preview__mapping-status{color:#fff9ecb8;margin:0;font-size:12px;line-height:1.35}.song-import-preview__mapping-row{grid-template-columns:minmax(180px,1fr) minmax(160px,220px);align-items:center;gap:10px;min-width:0;display:grid}.song-import-preview__mapping-source{color:#fff9ecc2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;line-height:1.25;overflow:hidden}.song-import-preview__warning{color:#ffda92eb;min-height:16px;font-size:12px;line-height:1.3}.song-import-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;display:flex}#song-import-status{color:#fff9ecad;text-overflow:ellipsis;white-space:normal;grid-column:1/-1;min-width:0;font-size:12px;line-height:1.3;overflow:hidden}.song-practice__speeds{gap:4px;display:grid}.song-practice__speeds,.lesson-panel__speeds{grid-template-columns:repeat(4,42px)}.song-practice__input-modes{background:#05070ab3;border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:repeat(2,minmax(68px,1fr));gap:0;padding:3px;display:grid;position:relative;overflow:hidden}.song-practice__speeds button,.lesson-panel__speeds button{min-width:42px;padding:0}.song-practice__input-modes button{z-index:1;background:0 0;border-color:#0000;min-width:68px;padding:0 8px;position:relative}.song-practice__speeds button[data-selected=true],.lesson-panel__speeds button[data-selected=true]{background:#694a1eb8;border-color:#ffc35ee6}.song-practice__input-modes button[data-selected=true]{background:#694a1ed1;border-color:#ffc35ee6;box-shadow:0 0 0 1px #ffc35e33}.song-practice__prompt{color:#fff8e8;letter-spacing:0;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#e8ecd61a;border-radius:6px;place-items:center;min-width:0;min-height:28px;padding:5px 8px;font-size:12px;font-weight:760;line-height:1.25;display:grid;overflow:hidden}.song-practice__prompt[data-phase=now]{background:#c42e2b7a}.song-practice__prompt[data-phase=hit]{background:#2d7d4c8f}.song-practice__prompt[data-judgment=early],.song-practice__prompt[data-judgment=late]{background:#a16a249e}.song-practice__prompt[data-judgment=wrong]{background:#742c439e}.song-practice__prompt[data-phase=missed]{background:#87492694}.song-practice__stats{color:#fff9ecc7;flex:2 430px;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:1.25;display:grid}.song-practice__stats span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.song-practice__stats span:first-child,.song-practice__stats span:nth-child(2){color:#fff8e8;font-weight:650}.song-practice__meta{flex:260px;gap:3px;min-width:0;display:grid}.song-practice__status{color:#fff9ec9e;text-overflow:ellipsis;white-space:nowrap;min-height:16px;font-size:12px;line-height:1.3;overflow:hidden}@media (max-width:680px){.mode-chooser__actions,.lesson-catalog__list{grid-template-columns:1fr}.lesson-catalog{inset:10px 10px 70px}.learning-catalog-bottom-stack{bottom:10px;left:10px;right:10px}.lesson-panel{grid-template-columns:1fr;max-height:48%;bottom:10px;left:10px;right:10px;overflow:auto}.lesson-panel__steps{display:none}.lesson-kit-card{width:min(320px,100% - 20px);top:10px;right:10px}.song-practice__stats{grid-template-columns:1fr 1fr}.song-practice__stats span:last-child{grid-column:1/-1}.song-practice-bottom-stack{gap:6px;bottom:10px;left:10px;right:10px}.practice-cue-rail{--practice-cue-rail-hand-y:36%;height:60px;top:10px;left:10px;right:10px}.practice-cue-rail__hit-line{top:6px;bottom:6px}.practice-cue-rail__activation-zone{border-radius:7px;top:6px;bottom:6px}.practice-cue-rail__cue{width:36px;height:26px;font-size:12px}.practice-cue-rail__cue[data-lane=foot]{width:48px;height:20px;font-size:9px}.practice-hand-cue-queues{width:126px;top:80px;bottom:247px;right:10px}.practice-hand-cue-queues[data-queue-surface=side]{top:10px}.practice-queue-surface-toggle{min-width:38px;height:22px;padding:0 6px;font-size:10px;top:6px;right:6px}.practice-hand-cue-queues__hit-line{left:6px;right:6px}.practice-hand-cue-queues__activation-zone{border-radius:7px;left:6px;right:6px}.practice-hand-cue-queues__column{width:calc(50% - 12px)}.practice-hand-cue-queues__column[data-lane=left]{left:8px}.practice-hand-cue-queues__column[data-lane=right]{right:8px}.practice-hand-cue-queues__cue{width:36px;height:28px;font-size:11px}.practice-hand-cue-queues__cue[data-lane=shared]{width:108px;font-size:9px}.practice-instrument-highway{perspective:760px;width:auto;min-width:0;inset:122px 146px 247px 10px}.practice-instrument-highway__surface{inset:10px 8px;transform:rotateX(63deg)}.practice-instrument-highway__lane-label{min-width:30px;min-height:20px;padding:0 4px;font-size:9px}.practice-instrument-highway__note{width:40px;height:33px;font-size:9px}.practice-instrument-highway__note[data-target=kick]{width:55px;font-size:8px}.practice-instrument-highway__receptor{border-radius:12px;width:48px;height:30px}.practice-instrument-highway__cue-effect{width:48px;height:38px;font-size:8px}.practice-instrument-highway__cue-effect-flame{width:54px;height:104px;bottom:-38px}.practice-instrument-highway__cue-effect-flame-core{width:22px;height:96px;bottom:-30px}.practice-instrument-highway__cue-effect-sparks{inset:-42px -28px -6px}body[data-app-route=emulator] .practice-instrument-highway{perspective:820px;width:auto;min-width:0;inset:52px calc(40vw + 10px) 247px 10px}body[data-app-route=emulator] #render-canvas{width:calc(40vw - 16px);height:calc(100vh - 299px);top:52px;right:10px}.song-practice-panel{gap:6px;padding:8px}.song-practice-panel select{flex-basis:100%;max-width:none}.song-practice__controls,.song-practice__stats,.song-practice__meta{flex-basis:100%}.song-import-panel__intro,.song-import-preview__field,.song-import-preview__mapping-row,.song-import-preview__summary{grid-template-columns:1fr}}