:root{--bg: #050606;--ink: #eadfca;--muted: #968976;--dim: #5f574b;--line: rgba(218, 192, 145, .17);--line-2: rgba(218, 192, 145, .28);--panel: rgba(12, 17, 17, .92);--panel-2: rgba(18, 22, 21, .94);--gold: #c99642;--gold-2: #efcc83;--cyan: #75dce1;--coral: #f07c61;--cream: #e7d7bd;--green: #93d68b;--red: #ef6b6b;--font: "Barlow Condensed", system-ui, sans-serif;--display: "Six Caps", "Barlow Condensed", system-ui, sans-serif;--serif: "Cormorant Garamond", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{overflow:hidden;color:var(--ink);font-family:var(--font);background:radial-gradient(1200px 640px at 50% 8%,rgba(192,151,79,.08),transparent 58%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 5px),linear-gradient(#060707,#020303);-webkit-font-smoothing:antialiased}button,select,input{font:inherit}button{border:0;color:inherit;background:none;cursor:pointer}.app{height:100vh;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:22px 54px;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) 0 0 / 82px 82px,linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px) 0 0 / 82px 82px}.frame{min-height:0;display:grid;grid-template-columns:270px minmax(620px,1fr) 270px;border:1px solid var(--line);border-radius:18px 18px 0 0;overflow:hidden;background:linear-gradient(135deg,#0e1313fa,#070909fa);box-shadow:0 36px 90px #000000ad,inset 0 0 0 1px #ffffff06}.overline,.pf>label,.plan-head .t{font-family:var(--mono);font-size:12px;line-height:1;letter-spacing:3px;text-transform:uppercase;color:var(--gold-2)}.lesson{min-height:0;display:flex;flex-direction:column;gap:22px;padding:34px 20px 24px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(218,192,145,.22) transparent;border-right:1px solid var(--line-2);background:linear-gradient(180deg,#0f1616fa,#080c0cfa)}.brand{display:flex;align-items:center;gap:14px;padding-bottom:26px;border-bottom:1px solid var(--line)}.brand-lockup{width:184px;height:auto;display:block;filter:sepia(1) saturate(1.5) hue-rotate(352deg) brightness(.94);opacity:.86}.lesson-block{padding-bottom:22px;border-bottom:1px solid var(--line)}.lesson-block:last-child{border-bottom:0;padding-bottom:0;margin-top:auto}.lesson-title{margin-top:14px;display:grid;grid-template-columns:50px 1fr;gap:14px;align-items:center}.lesson-title b{font-size:52px;line-height:.9;font-family:var(--serif);color:var(--cream)}.lesson-title span{font-size:16px;line-height:1.28;font-weight:700;color:var(--ink)}.legend{margin-top:22px;display:grid;gap:20px}.legend div{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:start;font-size:12px;line-height:1.25;color:var(--ink)}.legend b{display:block;margin-bottom:4px;font-family:var(--mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-2)}.role-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:2px solid currentColor;font-family:var(--mono);font-size:12px;color:var(--gold-2)}.role-icon.start,.role-icon.here{color:var(--cyan)}.role-icon.target{color:var(--coral)}.role-icon.pass{color:var(--cream)}.objective p:last-child{margin-top:14px;max-width:190px;font-size:12px;line-height:1.55;color:var(--ink)}.why-run{margin-top:12px;display:grid;gap:9px}.why-run p{max-width:210px;font-size:12px;line-height:1.5;color:var(--ink)}.why-run p:last-child{color:var(--gold-2)}.core{min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:clamp(108px,18vh,178px) minmax(150px,1fr) 50px clamp(132px,16vh,180px);background:radial-gradient(800px 380px at 58% 48%,rgba(242,223,190,.05),transparent 65%),linear-gradient(180deg,#101312f7,#070808f7)}.utility{position:absolute;top:12px;right:34px;display:flex;gap:24px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--cream);z-index:8}.utility-btn,.view-btn{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--cream)}.view-btn{opacity:.72}.view-btn.on{color:var(--gold-2);opacity:1}.lamp{display:inline-flex;align-items:center;gap:7px}.lamp .dot{width:6px;height:6px;border-radius:50%;background:var(--dim)}.lamp.on .dot{background:var(--gold);box-shadow:0 0 10px #c99642b3}.lamp.midi .dot{background:var(--cyan);box-shadow:0 0 10px #75dce1b3}.runway-brand{position:relative;z-index:2;align-self:start;padding-top:48px;display:grid;justify-items:center}.runway-brand h1{font-family:var(--display);font-size:118px;font-weight:400;line-height:.64;letter-spacing:26px;color:var(--cream);text-shadow:0 0 18px rgba(239,204,131,.16)}.runway-brand p{margin-top:18px;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:7px;text-transform:uppercase;color:var(--gold-2)}.wing{position:absolute;top:76px;width:72px;height:38px;border-top:4px solid var(--gold);opacity:.85}.wing:before,.wing:after{content:"";position:absolute;right:0;height:3px;background:var(--gold)}.wing:before{top:10px;width:54px}.wing:after{top:21px;width:32px}.wing.left{left:calc(50% - 270px);transform:scaleX(-1)}.wing.right{right:calc(50% - 246px)}.stage{min-height:0;position:relative}.mfd{position:absolute;inset:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.03);background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(234,223,202,.024) 7px 8px,transparent 8px 15px),repeating-linear-gradient(0deg,transparent 0 86px,rgba(234,223,202,.09) 86px 87px,transparent 87px 172px),linear-gradient(180deg,#13161559,#04050540)}.takeoff,.landing{position:absolute;top:18px;z-index:4;font-family:var(--mono);font-weight:700;font-size:12px;letter-spacing:2px;text-transform:uppercase}.takeoff{left:38px;color:var(--cyan)}.landing{right:72px;color:var(--coral)}.mfd-corner{position:absolute;z-index:4;font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase}.mfd-corner.tr{top:38px;right:38px;text-align:right}.mfd-corner.bl,.mfd-corner.br{display:none}.mfd-corner b{color:var(--gold-2);font-weight:700}#approach{position:absolute;inset:30px 20px 18px;z-index:2}#approach.hidden{display:none}#approach svg{width:100%;height:100%;display:block;overflow:visible}.notation-panel{position:absolute;inset:76px 34px 26px;z-index:3;display:none}.notation-panel.show{display:block}.role-strip.off{display:none}.notation-card{height:100%;display:grid;grid-template-rows:auto 1fr;padding:16px 18px 10px;border:1px solid var(--line);background:#070909b8;box-shadow:inset 0 0 0 1px #ffffff05}.notation-title{font-family:var(--mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-2)}.notation-canvas{min-width:0;min-height:0;position:relative;padding-bottom:40px}.notation-canvas svg{width:100%;height:100%;overflow:visible}.notation-labels{position:absolute;left:8px;right:8px;bottom:0;display:flex;justify-content:space-between;gap:6px;font-family:var(--mono);font-size:10px;color:var(--cream)}.notation-labels span,.role-strip span{min-width:0;display:grid;justify-items:center;gap:2px}.notation-labels b,.role-strip b{font-family:var(--mono);font-size:9px;color:var(--gold-2)}.notation-labels small,.role-strip small{font-size:8px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.notation-labels .role-target,.role-strip .role-target{color:var(--coral)}.notation-labels .role-chord,.role-strip .role-chord{color:var(--gold-2)}.notation-labels .role-chromatic,.role-strip .role-chromatic{color:var(--cream)}.motif-panel{position:absolute;inset:6px 16px 8px;z-index:5;display:none}.motif-panel.show{display:block}.core.motif-active .runway-brand,.core.motif-active .key-markers,.core.motif-active .takeoff,.core.motif-active .landing,.core.motif-active .mfd-corner,.core.motif-active .role-strip{display:none}.core.motif-active .stage{grid-row:1 / 4}.motif-card{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;padding:12px 18px 8px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,#0a0d0d,#050707)}.motif-top{display:flex;align-items:baseline;gap:14px}.motif-title{flex:none;font-family:var(--mono);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--gold-2)}.motif-sub{flex:1;min-width:0;margin:0;font-family:var(--serif);font-size:16px;line-height:1.3;color:var(--cream)}.motif-sub b{color:var(--gold-2);font-weight:600}.motif-dice{flex:none;padding:6px 13px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gold-2)}.motif-dice:hover{border-color:var(--gold);background:#c996421a}.motif-chips{display:flex;flex-wrap:wrap;gap:7px}.motif-stage{min-height:0;position:relative}.motif-stage svg{width:100%;height:100%;display:block;overflow:visible}.motif-div{stroke:#eadfca1a;stroke-dasharray:3 6}.motif-line{fill:none;stroke:var(--cream);stroke-width:2.5;opacity:.5;filter:drop-shadow(0 0 6px rgba(239,204,131,.2))}.motif-note circle{fill:#0b0d0deb;stroke:var(--cream);stroke-width:2.5;transition:filter .1s}.motif-note.head circle{stroke:var(--gold-2);fill:#c9964224}.motif-note .mn-lbl{font-family:var(--serif);font-size:27px;fill:var(--cream);text-anchor:middle;pointer-events:none}.motif-note.head .mn-lbl{fill:var(--gold-2)}.motif-note .mn-cell{font-family:var(--mono);font-size:15px;letter-spacing:1px;fill:var(--muted);text-anchor:middle;text-transform:uppercase}.motif-note.lit circle{filter:drop-shadow(0 0 16px rgba(117,220,225,.9));stroke:var(--cyan)}.motif-note.lit .mn-lbl{fill:var(--cyan)}@media(max-width:1180px){.motif-panel{inset:56px 8px 8px}.motif-top{flex-wrap:wrap;align-items:center}.motif-title{order:1}.motif-dice{order:2;margin-left:auto}.motif-sub{order:3;flex-basis:100%;font-size:13.5px;line-height:1.35}}.gridline{stroke:#eadfca17;stroke-width:1}.gridline.beat{stroke:#eadfca2e}.gridline.barline{stroke:#c996428c;stroke-width:1.6}.chord-lbl{font-family:var(--serif);font-size:27px;font-weight:600;fill:var(--gold-2);letter-spacing:.5px}.prog-chords{display:none;margin-top:4px;font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:1px;color:var(--gold-2)}.prog-chords.show{display:block}.alt-lbl,.dist-lbl{font-family:var(--mono);fill:#eadfca94}.alt-lbl,.dist-lbl{font-size:10px}.dist-lbl.beat{fill:var(--cream)}.glide{fill:none;stroke:var(--cream);stroke-width:3;opacity:.96;filter:drop-shadow(0 0 6px rgba(239,204,131,.25))}.glide.dotted{stroke-dasharray:1 9;stroke-linecap:round}.floor{stroke:var(--coral);stroke-width:2;opacity:.92}.start-thresh{stroke:var(--cyan);stroke-width:2;opacity:.72;filter:drop-shadow(0 0 8px rgba(117,220,225,.32))}.thresh{stroke:var(--coral);stroke-width:3;filter:drop-shadow(0 0 9px rgba(240,124,97,.45))}.wp{cursor:grab}.wp .body{fill:#0b0d0deb;stroke:var(--gold-2);stroke-width:3}.wp.role-scale .body{stroke:var(--cream)}.wp.role-chromatic .body{stroke:var(--cream);stroke-dasharray:2 4}.wp.role-target .body{stroke:var(--coral);fill:#f07c6126;filter:drop-shadow(0 0 14px rgba(240,124,97,.45))}.wp.start .body{stroke:var(--cyan);fill:#75dce126;filter:drop-shadow(0 0 14px rgba(117,220,225,.35))}.wp .ord{font-family:var(--serif);font-size:21px;fill:var(--cream);text-anchor:middle;pointer-events:none}.wp .lbl{font-family:var(--serif);font-size:31px;fill:var(--cream);text-anchor:middle;pointer-events:none}.wp .tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:2px;fill:currentColor;text-anchor:middle}.wp.start{color:var(--cyan)}.wp.role-target{color:var(--coral)}.wp.role-target .lbl,.wp.role-target .ord{fill:var(--coral)}.wp.start .lbl,.wp.start .ord{fill:var(--cyan)}.ring,.ring2{fill:none;stroke:currentColor;stroke-width:2;opacity:.9}.target-cross{stroke:var(--coral);stroke-width:2;opacity:.8}.wp.lit .body,.wp.due .body{filter:drop-shadow(0 0 18px rgba(239,204,131,.7))}.wp.hit-perfect .body{stroke:var(--green)!important}.wp.hit-good .body{stroke:#badb80!important}.wp.hit-late .body,.wp.hit-early .body{stroke:var(--gold)!important}.wp.hit-miss .body{stroke:var(--red)!important}.wp.role-tense .body{stroke:var(--coral);stroke-dasharray:none}.wp.role-tense .ord,.wp.role-tense .lbl,.wp.role-tense .tag{fill:var(--coral)}.wp.landed .body{animation:landed-glow 1.5s ease-out}@keyframes landed-glow{0%{filter:drop-shadow(0 0 26px rgba(147,214,139,.95));stroke:var(--green)}60%{filter:drop-shadow(0 0 18px rgba(147,214,139,.6))}to{filter:drop-shadow(0 0 14px rgba(240,124,97,.45))}}#aircraft{fill:var(--cyan);filter:drop-shadow(0 0 8px rgba(117,220,225,.7));opacity:0}#sweep{stroke:var(--cyan);stroke-width:1.5;opacity:0}.plane-etch{position:absolute;right:18%;bottom:18%;width:300px;height:145px;opacity:.12;transform:rotate(-13deg);background:linear-gradient(28deg,transparent 40%,rgba(234,223,202,.5) 41% 42%,transparent 43%),radial-gradient(ellipse at 50% 56%,transparent 0 50%,rgba(234,223,202,.5) 51% 53%,transparent 54%),linear-gradient(0deg,transparent 48%,rgba(234,223,202,.5) 49% 51%,transparent 52%)}.role-strip{position:absolute;left:44px;right:44px;bottom:24px;z-index:4;display:flex;justify-content:space-between;gap:8px;font-family:var(--serif);font-size:15px;color:var(--cream);pointer-events:none}.key-markers{display:flex;justify-content:space-between;align-items:end;padding:0 105px 8px;font-family:var(--mono);text-transform:uppercase;color:var(--cyan);background:linear-gradient(180deg,#0a0e0ee6,#070909fa)}.key-markers span{display:grid;justify-items:center;line-height:1}.key-markers b{font-family:var(--serif);font-size:25px}.key-markers small{font-size:10px;letter-spacing:2px}.key-markers span:last-child{color:var(--coral)}.plan{min-height:0;overflow-y:auto;padding:78px 24px 28px;border-left:1px solid var(--line-2);background:linear-gradient(180deg,#0c1111fa,#050707fa)}.plan-head{display:none}.plan-body{display:grid;gap:15px}.pf{display:grid;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.sel{width:100%;appearance:none;border:0;padding:1px 28px 2px 0;background:linear-gradient(45deg,transparent 50%,rgba(234,223,202,.82) 50%) calc(100% - 8px) 50% / 6px 6px no-repeat,linear-gradient(135deg,rgba(234,223,202,.82) 50%,transparent 50%) calc(100% - 4px) 50% / 6px 6px no-repeat;color:var(--cyan);font-family:var(--serif);font-size:30px;font-weight:600;line-height:1;letter-spacing:0;outline:none;text-shadow:0 0 12px rgba(117,220,225,.18)}.sel option,.sel optgroup{background:#091010;color:var(--cream);font-family:var(--font);font-size:17px;font-weight:500}.sel optgroup{color:var(--gold-2);font-size:13px;letter-spacing:1px;text-transform:uppercase}.pf:nth-child(5) .sel,.pf:nth-child(7) .sel{font-size:31px}.pf:nth-child(6) .sel,.pf:nth-child(8) .sel{font-size:26px}.pf:nth-child(7) .sel{color:var(--coral)}.prow{display:grid;grid-template-columns:1fr;gap:12px}.bpm{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1;color:var(--cyan);text-shadow:0 0 12px rgba(117,220,225,.18)}input[type=range]{width:100%;accent-color:var(--gold)}.styles{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:32px;padding:0 11px;border:1px solid var(--line);border-radius:999px;font-family:var(--font);font-size:16px;font-weight:500;letter-spacing:.3px;color:var(--cyan)}.chip.on{border-color:var(--gold);color:var(--gold-2);background:#c996421a;font-weight:600}.feel-hint{margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--muted)}.reptoire{border-bottom:1px solid var(--line-2)}.cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rep-card{display:grid;gap:3px;padding:9px 11px;text-align:left;border:1px solid var(--line);border-radius:12px;background:linear-gradient(160deg,#c996420d,#ffffff03);transition:border-color .14s,background .14s,transform .08s}.rep-card:hover{border-color:var(--line-2);transform:translateY(-1px)}.rep-card b{font-family:var(--serif);font-size:19px;font-weight:600;line-height:1.05;color:var(--cream)}.rep-card small{font-family:var(--font);font-size:11.5px;line-height:1.2;color:var(--muted)}.rep-card.on{border-color:var(--gold);background:linear-gradient(160deg,#c9964233,#c996420d)}.rep-card.on b{color:var(--gold-2)}.toggle-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 11px;text-align:left;border:1px solid var(--line);border-radius:12px;transition:border-color .14s,background .14s}.toggle-row .tg-dot{flex:none;width:34px;height:20px;border-radius:999px;background:#ffffff14;border:1px solid var(--line-2);position:relative;transition:background .16s}.toggle-row .tg-dot:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .16s,background .16s}.toggle-row.on{border-color:var(--gold);background:#c9964214}.toggle-row.on .tg-dot{background:#c996424d}.toggle-row.on .tg-dot:after{transform:translate(14px);background:var(--gold-2)}.toggle-row .tg-txt b{display:block;font-family:var(--serif);font-size:18px;font-weight:600;color:var(--cream)}.toggle-row.on .tg-txt b{color:var(--gold-2)}.toggle-row .tg-txt small{font-size:11.5px;color:var(--muted)}.breath-mark{font-family:var(--serif);font-size:40px;font-weight:700;fill:var(--gold-2);opacity:.72;pointer-events:none}.role-strip .role-rest,.notation-labels .role-rest{color:var(--gold-2);opacity:.8}.role-strip .role-rest b{font-size:15px}.instr-body{position:relative;overflow:hidden;border-top:1px solid var(--line-2);background:linear-gradient(180deg,#040505 0 10px,#161512 10px 26px,#080807 26px 100%);box-shadow:inset 0 16px 22px #000000c7,inset 0 -18px 22px #000000b3}.instr-body:before{content:"";position:absolute;inset:0 0 auto;height:12px;z-index:8;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.98),rgba(0,0,0,.7) 78%,transparent),linear-gradient(90deg,rgba(255,255,255,.1),transparent 12%,transparent 88%,rgba(255,255,255,.08));box-shadow:0 3px 5px #000000e6,inset 0 -1px #efcc832e}.keyboard{position:relative;width:100%;height:100%;min-width:0;user-select:none;touch-action:none;isolation:isolate;background:#080807}.instr-body>.fret-svg{display:block;margin:6px auto;height:calc(100% - 12px);max-width:96%}.keyboard-svg{width:100%;height:100%;display:block}.piano-back{fill:#070706}.piano-shadow{opacity:.92;pointer-events:none}.fallboard{fill:#050505;filter:drop-shadow(0 7px 8px rgba(0,0,0,.86))}.fallboard-lip{opacity:.84;filter:drop-shadow(0 1px 2px rgba(0,0,0,.86))}.keywell-glow{opacity:.75}.front-rail{fill:#030303eb;stroke:#efcc832b;stroke-width:1}.key{cursor:pointer;transition:filter .08s}.white-top{stroke:#3f382e;stroke-width:1.25;vector-effect:non-scaling-stroke}.white-inner-shadow{opacity:.76;vector-effect:non-scaling-stroke;pointer-events:none}.white-front{opacity:.92;stroke:#00000073;stroke-width:.8;vector-effect:non-scaling-stroke}.black-shadow{fill:#0000008a;filter:blur(1px)}.black-top{stroke:#010101;stroke-width:1.2;vector-effect:non-scaling-stroke}.black-front{stroke:#000000d9;stroke-width:.8;vector-effect:non-scaling-stroke}.key-side-gleam{fill:#fff1ce14;filter:blur(.2px);pointer-events:none}.key.down .white-top,.key:active .white-top,.key.down .black-top,.key:active .black-top{filter:brightness(1.18)}.key.start-key .key-tint{fill:#75dce175}.key.target-key .key-tint{fill:#f07c6180}.key.station-key .key-tint{fill:#c9964252}.key.connector-key .key-tint{fill:#eadfca38}.key-ring{fill:#ffffff29;stroke:#ffffffe0;stroke-width:4;vector-effect:non-scaling-stroke}.key.start-key .key-ring{filter:drop-shadow(0 0 9px rgba(117,220,225,.92))}.key.target-key .key-ring{filter:drop-shadow(0 0 9px rgba(240,124,97,.92))}.oct-label{fill:#eadfca59;font-family:var(--mono);font-size:10px;text-anchor:middle;letter-spacing:.5px;pointer-events:none}.dock{height:160px;margin:0;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px;overflow:hidden;background:linear-gradient(180deg,#121413fa,#090a0afa)}.dock-bar{height:110px;display:grid;grid-template-columns:minmax(430px,520px) 1fr;border-bottom:1px solid var(--line)}.switches{display:flex;align-items:stretch;border-right:1px solid var(--line)}.menu-btn{width:56px;border-right:1px solid var(--line);font-size:34px;color:var(--cream)}.sound{width:150px;display:flex;align-items:center;gap:13px;padding:0 16px;border-right:1px solid var(--line);color:var(--cream)}.sound b{display:block;margin-bottom:5px;font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--gold-2);text-transform:uppercase}.sound span:last-child{font-size:12px;color:var(--ink)}.piano-ico{color:var(--muted);font-size:24px;transform:rotate(-20deg)}.swgroup{width:157px;display:grid;align-content:center;gap:8px;padding:0 14px;border-right:1px solid var(--line)}.sl{font-family:var(--mono);font-size:9px;letter-spacing:2px;color:var(--gold-2);text-transform:uppercase}.seg{display:flex;gap:5px}.seg button{min-height:28px;padding:0 8px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--muted)}.seg button.on{color:var(--cyan);border-color:#75dce16b;background:#75dce114}.transport{min-width:0;display:grid;grid-template-columns:80px repeat(5,minmax(0,1fr))}.tbtn{min-width:0;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:16px;border-right:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-2)}.tbtn:last-child{border-right:0}.tbtn b{display:block;font-size:18px;letter-spacing:2px;color:var(--gold-2)}.tbtn small{display:block;margin-top:6px;letter-spacing:0;text-transform:none;color:var(--muted);font-family:var(--font);font-size:12px}.tbtn.go b{color:var(--cyan)}.play-icon,.round-icon{width:54px;height:54px;display:grid;place-items:center;flex:none;border-radius:50%;border:2px solid currentColor;color:var(--gold);font-size:20px}.play-icon{color:var(--cyan);font-size:22px}.tbtn.on{background:#c996421f}.tbtn.cyan b{color:var(--gold-2)}.footer-mark{height:50px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 30px;font-family:var(--mono);font-size:10px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.footer-mark img{width:92px;display:block;opacity:.42}.footer-mark span:last-child{text-align:right}.countin,.callout,.score,.grade{position:absolute;z-index:7;pointer-events:none}.turn{position:absolute;z-index:7;left:50%;top:12px;transform:translate(-50%);display:none;text-align:center;pointer-events:none}.turn.show{display:block}.turn b{display:block;font-family:var(--mono);font-size:22px;font-weight:700;letter-spacing:4px;color:var(--cyan);text-shadow:0 0 14px rgba(117,220,225,.4)}.turn small{display:block;margin-top:3px;font-family:var(--font);font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.countin{inset:0;display:none;align-items:center;justify-content:center;flex-direction:column;background:#05050557}.countin.show{display:flex}.countin .num{font-size:110px;font-weight:900;color:var(--gold-2)}.countin .sub{font-family:var(--mono);letter-spacing:4px;text-transform:uppercase;color:var(--cream)}.callout{left:50%;top:24px;transform:translate(-50%);font-weight:900;font-size:24px;opacity:0}.callout.flash{opacity:1}.callout.perfect{color:var(--green)}.callout.good{color:var(--gold-2)}.callout.late,.callout.early{color:var(--gold)}.callout.miss,.callout.wrong{color:var(--red)}.score{right:30px;top:120px;display:none;flex-direction:column;gap:10px;text-align:right}.score.show{display:flex}.score .n{font-family:var(--mono);font-size:28px;color:var(--gold-2)}.score .l{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.grade{left:24px;right:24px;bottom:16px;display:none;padding:12px 14px;border:1px solid var(--line-2);background:#050707e6}.grade.show{display:block}.grade .v{font-weight:700;font-size:14px;margin-bottom:8px;color:var(--ink)}.grade .v.good{color:var(--green)}.grade .v.bad{color:var(--red)}.grade ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:5px 16px}.grade li{display:flex;gap:8px;font-family:var(--mono);font-size:11px;color:var(--ink)}.grade li.no .m{color:var(--red)}.drill-tab.on{color:var(--gold-2);opacity:1}.drill{position:absolute;z-index:7;top:6px;left:50%;transform:translate(-50%);width:min(720px,88%);display:none}.drill.show{display:block}.core.drill-on .runway-brand{opacity:0;pointer-events:none}.drill-card{padding:12px 20px 14px;border:1px solid var(--gold);border-radius:14px;background:linear-gradient(180deg,#16120afa,#0a0906fa);box-shadow:0 16px 46px #0000009e}.drill-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.drill-tag{font-family:var(--mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold-2)}.drill-x{font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.drill-x:hover{color:var(--cream)}.drill-title{margin-top:6px;font-family:var(--serif);font-size:25px;font-weight:600;color:var(--cream)}.drill-cue{margin-top:4px;font-size:14.5px;line-height:1.4;color:var(--ink)}.drill-cue b{color:var(--gold-2);font-weight:600}.drill-nav{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.drill-btn{padding:7px 15px;border:1px solid var(--line-2);border-radius:999px;font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--cream)}.drill-btn.go{border-color:var(--gold);color:var(--gold-2);background:#c996421f}.drill-btn:disabled{opacity:.32}.drill-hint{font-family:var(--font);font-size:12.5px;color:var(--muted)}.drill-hint b{color:var(--cream)}@media(max-width:1180px){.drill{top:52px;width:94%}.drill-hint{display:none}}.scrim,.hud-btn{display:none}@media(min-width:1500px){.runway-brand h1{font-size:134px}.dock-bar{grid-template-columns:minmax(520px,640px) 1fr}.menu-btn{width:76px}.sound{width:180px}.swgroup{width:190px}.transport{grid-template-columns:92px 1.1fr 1.05fr 112px 1.2fr 1.1fr}.tbtn b{font-size:20px;letter-spacing:4px}}@media(min-width:1181px)and (max-width:1320px){.app{padding-inline:32px}.frame{grid-template-columns:230px minmax(520px,1fr) 238px}.lesson{gap:16px;padding:24px 16px 18px}.brand{padding-bottom:16px}.brand-lockup{width:152px}.legend{gap:12px}.runway-brand h1{font-size:92px;letter-spacing:18px}.runway-brand p{font-size:10px;letter-spacing:5px}.utility{right:18px;gap:14px}.plan{padding:58px 18px 20px}.sel{font-size:25px}.pf:nth-child(5) .sel,.pf:nth-child(7) .sel{font-size:26px}.pf:nth-child(6) .sel,.pf:nth-child(8) .sel{font-size:22px}.dock-bar{grid-template-columns:minmax(380px,430px) 1fr}.sound{display:none}.swgroup{width:186px}.tbtn{gap:8px;padding-inline:7px;font-size:10px;letter-spacing:1px}.tbtn b{font-size:15px;letter-spacing:1px}.tbtn small{font-size:11px}.play-icon,.round-icon{width:42px;height:42px;font-size:17px}}@media(min-width:1181px)and (max-height:760px){.app{padding-block:12px}.dock{height:136px}.dock-bar{height:96px}.footer-mark{height:40px}.lesson{gap:12px;padding-block:20px 16px}.lesson-block{padding-bottom:14px}.legend{gap:10px}.objective p:last-child{line-height:1.38}.runway-brand{padding-top:40px}.runway-brand h1{font-size:88px}.runway-brand p{margin-top:13px}.core{grid-template-rows:132px minmax(150px,1fr) 44px 132px}.key-markers{padding-bottom:4px}.play-icon,.round-icon{width:40px;height:40px}}@media(max-width:1180px){body{overflow:auto}.app{display:flex;flex-direction:column;height:auto;min-height:100vh;padding:14px}.frame{display:contents;height:auto;min-height:0;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none}.core{order:1}.dock{order:2}.lesson{order:3}.plan{order:4}.lesson,.plan{border:1px solid var(--line);border-top:0}.core{border:1px solid var(--line);border-radius:14px 14px 0 0;overflow:hidden}.core{min-height:0;grid-template-rows:108px minmax(300px,42vh) 52px 152px}.utility{left:14px;right:14px;top:10px;justify-content:center;gap:12px;flex-wrap:wrap}.utility>span:not(.lamp){display:none}.runway-brand h1{font-size:52px;letter-spacing:12px}.wing{display:none}.lesson{padding:24px}.legend{grid-template-columns:repeat(2,minmax(0,1fr))}.plan{padding:24px}.plan-body{grid-template-columns:repeat(2,minmax(0,1fr))}.pf.wide{grid-column:1 / -1}.dock{height:auto;border-radius:0 0 14px 14px}.dock-bar{height:auto;grid-template-columns:1fr}.transport{grid-template-columns:repeat(2,minmax(0,1fr))}.tbtn{min-height:76px}.fret-svg{width:100%;height:auto;display:block}}@media(max-width:620px){.role-strip small{display:none}.role-strip{font-size:13px;gap:4px}.runway-brand h1{font-size:38px;letter-spacing:7px}.runway-brand p{font-size:9px;letter-spacing:3px}.core{grid-template-rows:92px minmax(292px,40vh) 50px 138px}#approach{top:64px;left:4px;right:4px}.takeoff,.landing,.plane-etch{display:none}.lesson-title{grid-template-columns:44px 1fr}.legend,.plan-body,.transport{grid-template-columns:1fr}.transport{grid-template-columns:repeat(2,minmax(0,1fr))}.dock-bar{display:block}.switches{border-right:0;border-bottom:1px solid var(--line)}.menu-btn,.sound{display:none}.swgroup{width:auto;flex:1;padding:12px 14px;border-right:0}.swgroup+.swgroup{border-left:1px solid var(--line)}.tbtn{min-height:72px;gap:10px;padding:0 8px}.tbtn b{font-size:15px;letter-spacing:1px}.tbtn small{font-size:10px}.play-icon,.round-icon{width:38px;height:38px;font-size:16px}.footer-mark{display:none}}