.instrument{--stage:#07090a;--stage-panel:#07090ac7;--stage-line:#eef1eb38;--stage-muted:#eef1eba8;isolation:isolate;background:var(--stage);border-bottom:1px solid var(--line);height:92svh;min-height:min(920px,92svh);position:relative;overflow:hidden}.instrument:before{content:"";z-index:-2;background-image:linear-gradient(#eef1eb0b 1px,#0000 1px),linear-gradient(90deg,#eef1eb0b 1px,#0000 1px);background-size:9vw 9vw;position:absolute;inset:0}.instrument:after{content:"";z-index:5;background:#eef1eb29;height:1px;position:absolute;bottom:18px;left:clamp(18px,3.5vw,54px);right:clamp(18px,3.5vw,54px)}.instrument--active:before{opacity:0}.instrument--active:after{display:none}.instrument__media,.camera-video,.camera-canvas,.effects-canvas,.camera-grain{width:100%;height:100%;position:absolute;inset:0}.instrument__media{z-index:-1;background:#030405}.camera-video{object-fit:cover;background:#030405;transform:scaleX(-1)}.instrument--wide-framing .camera-video{object-fit:contain}.camera-video--texture-source{visibility:hidden}.camera-canvas,.effects-canvas{display:block}.effects-canvas{z-index:2}.camera-grain{z-index:3;pointer-events:none;opacity:.1;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}.instrument__header{z-index:20;padding:calc(20px + env(safe-area-inset-top)) clamp(18px, 3.5vw, 54px) 0;grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute;top:0;left:0;right:0}.instrument:not(.instrument--active) .instrument__header .wordmark{color:var(--ink)}.live-status{color:#eef1ebc7;font:10px var(--mono);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:8px;display:flex}.live-status__dot{background:#8a918d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #8a918d29}.live-status--playing{color:var(--cyan)}.live-status--playing .live-status__dot{background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:1.8s ease-in-out infinite signal-pulse}.live-status--error{color:var(--coral)}.live-status--error .live-status__dot{background:var(--coral);box-shadow:0 0 0 3px #ff6b5c38}.live-status--ready,.live-status--loading-tracker,.live-status--requesting-camera,.live-status--starting-audio{color:var(--amber)}.live-status--ready .live-status__dot,.live-status--loading-tracker .live-status__dot,.live-status--requesting-camera .live-status__dot,.live-status--starting-audio .live-status__dot{background:var(--amber)}.camera-readout{color:var(--stage-muted);font:9px var(--mono);justify-self:end;align-items:center;gap:7px;display:flex}.startup-panel{z-index:31;border:1px solid var(--stage-line);backdrop-filter:blur(18px);background:#07090ae0;gap:9px;width:min(360px,100% - 36px);padding:20px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 16px 56px #00000059}.startup-panel strong{color:var(--paper);font:13px var(--mono);letter-spacing:.04em;text-transform:uppercase}.startup-panel small{color:var(--stage-muted);font:11px/1.45 var(--body)}.startup-panel__meter{background:#eef1eb2e;height:3px;display:block;overflow:hidden}.startup-panel__meter:before{content:"";background:var(--cyan);width:38%;height:100%;animation:.9s ease-in-out infinite startup-scan;display:block}.instrument__intro{grid-template-columns:1fr 1.07fr;height:100%;min-height:0;display:grid;position:relative}.instrument:not(.instrument--active) .instrument__intro{grid-template-columns:minmax(320px,.88fr) minmax(500px,1.12fr)}.instrument:not(.instrument--active) .signal-figure{background:var(--cyan);color:var(--ink);pointer-events:none;border-right:0}.signal-figure{border-right:1px solid var(--line);pointer-events:none;align-self:stretch;position:relative;overflow:hidden}.signal-figure:before,.signal-figure:after{content:"";background:var(--line);position:absolute}.signal-figure:before{height:1px;top:50%;left:0;right:0}.signal-figure:after{width:1px;top:0;bottom:0;left:50%}.instrument:not(.instrument--active) .signal-figure:before,.instrument:not(.instrument--active) .signal-figure:after{background:#07090a3d}.signal-figure__axis{aspect-ratio:1;border:1px solid #91f5e133;border-radius:50%;width:min(46vw,550px);position:absolute;top:50%;left:50%;translate:-50% -50%}.signal-figure__axis:before,.signal-figure__axis:after{content:"";border:1px solid #91f5e11c;border-radius:50%;position:absolute;inset:15%}.signal-figure__axis:after{inset:34%}.instrument:not(.instrument--active) .signal-figure__axis{border-color:#07090a42}.instrument:not(.instrument--active) .signal-figure__axis:before,.instrument:not(.instrument--active) .signal-figure__axis:after{border-color:#07090a2e}.signal-figure__trace{background:var(--cyan);height:1px;animation:4.8s cubic-bezier(.7,0,.3,1) infinite trace-scan;position:absolute;top:50%;left:8%;right:8%;box-shadow:0 0 14px #91f5e180}.instrument:not(.instrument--active) .signal-figure__trace{background:var(--coral);box-shadow:0 0 16px #ff6f618c}.signal-figure__hand{color:var(--paper);position:absolute;top:46%;left:50%;translate:-50% -50%}.instrument:not(.instrument--active) .signal-figure__hand{color:var(--ink)}.signal-figure__hand svg{filter:drop-shadow(0 0 16px #91f5e140);width:clamp(90px,12vw,170px);height:auto;animation:5s ease-in-out infinite hand-drift}.instrument:not(.instrument--active) .signal-figure__hand svg{filter:drop-shadow(0 12px #07090a1a)}.signal-figure__counts{gap:8px;display:flex;position:absolute;top:64%;left:50%;translate:-50%}.instrument:not(.instrument--active) .signal-figure__counts:before{content:"GESTURE RANGE";color:#07090a94;font:8px var(--mono);letter-spacing:.12em;white-space:nowrap;position:absolute;top:-24px;left:0}.signal-figure__counts span{aspect-ratio:1;width:32px;color:var(--cyan);font:10px var(--mono);border:1px solid #91f5e159;place-items:center;animation:2.8s ease-in-out infinite count-breathe;display:grid}.instrument:not(.instrument--active) .signal-figure__counts span{color:var(--ink);border-color:#07090a57}.signal-figure__counts span:nth-child(2){animation-delay:.18s}.signal-figure__counts span:nth-child(3){animation-delay:.36s}.signal-figure__counts span:nth-child(4){animation-delay:.54s}.signal-figure__counts span:nth-child(5){animation-delay:.72s}.intro-copy{z-index:2;border-left:1px solid #eef1eb2e;flex-direction:column;justify-content:center;align-items:flex-start;min-height:0;padding:96px clamp(34px,6.4vw,112px) 64px;display:flex;position:relative}.intro-copy:before{content:"FIELD INSTRUMENT  /  CAMERA IN  /  AUDIO OUT";color:#eef1eb7a;font:8px var(--mono);letter-spacing:.09em;position:absolute;top:34px;left:clamp(34px,6.4vw,112px)}.intro-copy:after{content:"02";color:#eef1eb1f;font:10px var(--mono);position:absolute;bottom:30px;right:clamp(28px,4vw,70px)}.intro-copy h1{color:var(--paper);font-family:var(--display);font-variation-settings:"wdth" 105, "wght" 590;letter-spacing:.01em;text-transform:uppercase;margin:19px 0 25px;font-size:clamp(82px,8.1vw,146px);line-height:.76}.intro-copy__line{color:#eef1ebb8;max-width:465px;margin:0 0 31px;font-size:clamp(17px,1.4vw,21px);line-height:1.38}.start-button,.retry-button,.ghost-button,.primary-command{z-index:3;cursor:pointer;background:var(--cyan);color:var(--ink);touch-action:manipulation;border:0;align-items:center;text-decoration:none;transition:background-color .18s,transform .18s,border-color .18s;display:inline-grid;position:relative}.start-button{width:min(100%,440px);min-height:62px;font-family:var(--display);font-variation-settings:"wdth" 110, "wght" 620;text-align:left;grid-template-columns:24px 1fr auto;gap:14px;padding:0 18px}.instrument:not(.instrument--active) .start-button{background:var(--amber);box-shadow:9px 9px #ff6f615c}.start-button:hover,.primary-command:hover{background:var(--amber);transform:translateY(-2px)}.start-button:focus-visible,.retry-button:focus-visible,.ghost-button:focus-visible,.primary-command:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.start-button__arrow{font:18px var(--mono);justify-self:end}.intro-meta{flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:6px;display:flex}.works-entry{min-height:44px;color:var(--paper);cursor:pointer;font:8px var(--mono);text-transform:uppercase;background:0 0;border:1px solid #eef1eb47;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.works-entry:hover,.works-entry:focus-visible{border-color:var(--cyan);color:var(--cyan)}.works-entry svg{width:15px}.works-entry span{background:var(--cyan);min-width:20px;height:20px;color:var(--ink);place-items:center;display:grid}.privacy-note,.intro-guide-link{color:#eef1ebb8;min-height:44px;font:10px var(--mono);text-transform:uppercase;align-items:center;gap:7px;display:inline-flex}.privacy-note{margin:0}.intro-guide-link{color:var(--cyan);text-underline-offset:4px;text-decoration:none}.intro-guide-link:hover{color:var(--amber);text-decoration:underline}.instrument:not(.instrument--active) .privacy-note{color:#eef1eb94}.instrument:not(.instrument--active) .intro-guide-link{color:var(--cyan)}.challenge-invite{z-index:4;border-left:3px solid var(--amber);flex-direction:column;justify-content:center;width:min(720px,100% - 48px);min-height:100%;margin:0 auto;padding:96px 0 54px 42px;display:flex;position:relative}.challenge-invite:before{content:"";z-index:-1;background:#080a0bb8;position:absolute;inset:0 -20vw 0 0}.challenge-invite h1{max-width:900px;color:var(--paper);font-family:var(--display);font-variation-settings:"wdth" 112, "wght" 620;text-transform:uppercase;overflow-wrap:anywhere;margin:16px 0 12px;font-size:clamp(54px,8vw,112px);line-height:.82}.challenge-invite__hook{max-width:570px;color:var(--paper-dim);margin:0 0 28px;font-size:18px;line-height:1.45}.challenge-invite__target{background:var(--stage-line);grid-template-columns:repeat(2,minmax(0,220px));gap:1px;width:min(100%,440px);margin-bottom:22px;display:grid}.challenge-invite__target span{background:#07090adb;gap:6px;padding:15px;display:grid}.challenge-invite__target small{color:var(--stage-muted);font:7px var(--mono)}.challenge-invite__target strong{color:var(--amber);font:34px var(--display)}.challenge-invite__privacy{color:var(--cyan);font:9px var(--mono);text-transform:uppercase;align-items:center;gap:8px;margin:0 0 13px;display:flex}.challenge-invite__privacy svg{width:15px}.challenge-invite>.text-command{align-self:flex-start;margin-top:8px}.challenge-invite--invalid{border-left-color:var(--coral)}.stage-mode-switch{z-index:11;left:50%;top:calc(58px + env(safe-area-inset-top));border:1px solid var(--stage-line);backdrop-filter:blur(14px);background:#05070894;grid-template-columns:1fr 1fr;width:286px;min-height:44px;display:grid;position:absolute;translate:-50%}.stage-mode-switch button{border:0;border-right:1px solid var(--stage-line);color:var(--stage-muted);cursor:pointer;font:8px var(--mono);text-transform:uppercase;background:0 0;justify-content:center;align-items:center;gap:7px;transition:background-color .15s,color .15s,transform .15s;display:flex}.stage-mode-switch button:last-child{border-right:0}.stage-mode-switch button[aria-selected=true]{background:var(--paper);color:var(--ink)}.stage-mode-switch svg{width:14px}.quick-voice{z-index:9;left:clamp(18px,3.5vw,54px);top:calc(80px + env(safe-area-inset-top));flex-wrap:wrap;gap:5px;max-width:450px;display:flex;position:absolute}.quick-voice button{border:1px solid var(--stage-line);min-height:44px;color:var(--stage-muted);backdrop-filter:blur(10px);cursor:pointer;font:7px var(--mono);background:#0507088c;padding:0 9px;transition:border-color .15s,background-color .15s,color .15s,transform .15s}.quick-voice button[aria-checked=true]{border-color:var(--cyan);color:var(--cyan);background:#1a3d38a6}.trigger-panels{z-index:8;gap:8px;width:clamp(250px,26vw,360px);display:grid;position:absolute;top:50%;left:clamp(18px,3.5vw,54px);translate:0 -48%}.trigger-panel{backdrop-filter:blur(12px);text-shadow:0 2px 10px #0009;background:#05070870;border-left:3px solid #eef1eb59;width:100%;min-height:112px;padding:18px 20px 16px;position:relative}.trigger-panel:only-child{min-height:178px}.trigger-panel--confirming{border-color:var(--amber)}.trigger-panel--live{border-color:var(--cyan);background:#05121094}.trigger-panel--chords.trigger-panel--live{border-color:var(--amber);background:#180f079e}.trigger-panel__state{color:var(--stage-muted);font:8px var(--mono);display:block}.trigger-panel--live .trigger-panel__state{color:var(--cyan)}.trigger-panel--chords.trigger-panel--live .trigger-panel__state,.trigger-panel--confirming .trigger-panel__state{color:var(--amber)}.trigger-panel__main{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;margin-top:8px;display:grid}.trigger-panel__main>strong{min-width:.78em;color:var(--paper);font-family:var(--display);font-variation-settings:"wdth" 112, "wght" 570;font-size:68px;line-height:.86}.trigger-panel:only-child .trigger-panel__main>strong{font-size:112px}.trigger-panel--live .trigger-panel__main>strong{color:var(--cyan);filter:drop-shadow(0 0 18px #91f5e157);animation:.22s ease-out trigger-pop}.trigger-panel--chords.trigger-panel--live .trigger-panel__main>strong{color:var(--amber);filter:drop-shadow(0 0 18px #ffb16d4d)}.trigger-panel__main>span{flex-direction:column;min-width:0;display:flex}.trigger-panel__main b{color:var(--paper);font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 610;text-overflow:ellipsis;font-size:34px;line-height:.95;overflow:hidden}.trigger-panel__main small{color:var(--stage-muted);font:7px var(--mono);margin-top:8px}.trigger-panel__progress{background:#eef1eb2e;height:3px;margin-top:12px;display:block}.trigger-panel__progress i{background:var(--amber);height:100%;transition:width 60ms linear;display:block}.role-swap{width:100%;min-height:44px;color:var(--paper);cursor:pointer;font:8px var(--mono);text-transform:uppercase;background:0 0;border:1px solid #eef1eb3d;justify-content:center;align-items:center;gap:8px;margin:10px 0 18px;display:flex}.role-swap:hover{border-color:var(--cyan);color:var(--cyan)}.role-swap svg{width:15px}.finger-map{z-index:8;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(54px,74px));gap:5px;display:grid;position:absolute;translate:-50%}.finger-map>div{border:1px solid var(--stage-line);min-height:50px;color:var(--stage-muted);backdrop-filter:blur(9px);background:#050708a3;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;gap:0 8px;padding:7px 9px;display:grid;position:relative}.finger-map strong{font-family:var(--display);font-variation-settings:"wght" 620;grid-row:1/3;align-self:center;font-size:28px}.finger-map span{color:var(--paper);font:8px var(--mono);text-overflow:ellipsis;align-self:end;overflow:hidden}.finger-map small{color:var(--stage-muted);font:7px var(--mono);align-self:start}.finger-map .is-active{border-color:var(--cyan);color:var(--ink);background:var(--cyan);transform:translateY(-5px);box-shadow:0 0 28px #91f5e138}.finger-map .is-active span,.finger-map .is-active small{color:var(--ink)}.instrument-controls{z-index:18;flex-direction:column;gap:7px;display:flex;position:absolute;top:50%;right:clamp(18px,3.5vw,54px);translate:0 -50%}.instrument-controls button,.guide-close,.control-drawer header button,.icon-command{border:1px solid var(--stage-line);width:44px;height:44px;color:var(--paper);backdrop-filter:blur(12px);cursor:pointer;background:#05070894;place-items:center;padding:0;transition:border-color .15s,background .15s,color .15s,transform .15s;display:grid;position:relative}.instrument-controls button:hover,.instrument-controls button.is-active{border-color:var(--cyan);color:var(--cyan);background:#050708e0}.instrument-controls button:active,.quick-voice button:active,.stage-mode-switch button:active,.primary-command:active,.record-command:active{transform:scale(.96)}.instrument-controls button.is-recording{border-color:var(--coral);color:var(--coral)}.instrument-controls svg,.guide-close svg,.control-drawer header button svg,.icon-command svg{width:17px}.instrument-controls button:after{content:attr(data-tooltip);opacity:0;pointer-events:none;background:var(--paper);color:var(--ink);font:8px var(--mono);padding:5px 7px;position:absolute;right:53px}.instrument-controls button:hover:after,.instrument-controls button:focus-visible:after{opacity:1}.quality-readout{z-index:7;right:clamp(18px,3.5vw,54px);bottom:calc(26px + env(safe-area-inset-bottom));color:#eef1eb80;font:7px var(--mono);position:absolute}.song-quest{z-index:9;width:min(560px,43vw);position:absolute;top:50%;left:53%;translate:-24% -50%}.song-picker,.song-complete{backdrop-filter:blur(18px);background:#07090adb;border:1px solid #ffb16d9e;padding:22px;box-shadow:12px 12px #ffb16d29}.panel-kicker{color:var(--amber);font:8px var(--mono);text-transform:uppercase;align-items:center;gap:7px;margin-bottom:13px;display:flex}.panel-kicker svg{width:15px}.song-picker select,.control-drawer select{width:100%;min-height:44px;color:var(--paper);font:12px var(--mono);background:#111516;border:1px solid #eef1eb40;border-radius:0;padding:0 34px 0 11px}.song-picker__identity{border-left:4px solid var(--amber);background:#ffb16d14;margin:13px 0 0;padding:14px 15px}.song-picker__identity strong{color:var(--paper);font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 640;font-size:25px;line-height:1;display:block}.song-picker__identity span{color:var(--amber);font:7px var(--mono);text-transform:uppercase;margin-top:6px;display:block}.song-picker__identity p{color:var(--stage-muted);margin:9px 0 0;font-size:12px;line-height:1.4}.song-picker__meta{color:var(--stage-muted);font:7px var(--mono);flex-wrap:wrap;gap:7px 13px;margin:11px 0 13px;display:flex}.song-picker__voice{border:1px solid var(--stage-line);justify-content:space-between;align-items:center;gap:10px;min-height:42px;margin:-3px 0 10px;padding:7px 10px;display:flex}.song-picker__voice>span{grid-template-columns:18px auto;align-items:center;column-gap:7px;display:grid}.song-picker__voice svg{width:16px;color:var(--cyan);grid-row:1/3}.song-picker__voice small{color:var(--stage-muted);font:6px var(--mono);text-transform:uppercase}.song-picker__voice strong{color:var(--paper);font:10px var(--mono);text-transform:uppercase}.song-picker__voice button{border:1px solid var(--cyan);min-height:28px;color:var(--cyan);cursor:pointer;font:6px var(--mono);text-transform:uppercase;background:0 0;padding:0 8px}.quest-mode{border:1px solid var(--stage-line);grid-template-columns:1fr 1fr;display:grid}.quest-mode button{border:0;border-right:1px solid var(--stage-line);min-width:0;min-height:58px;color:var(--stage-muted);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:9px;padding:8px 11px;display:flex}.quest-mode button:last-child{border-right:0}.quest-mode button[aria-checked=true]{background:var(--amber);color:var(--ink)}.quest-mode button svg{flex:0 0 18px;width:18px}.quest-mode button span{font-family:var(--display);font-variation-settings:"wght" 640;text-transform:uppercase;gap:3px;font-size:14px;display:grid}.quest-mode button small{font:6px var(--mono)}.song-picker__best{border:1px solid var(--stage-line);grid-template-columns:1fr auto;align-items:end;gap:2px 12px;min-height:48px;margin:10px 0;padding:7px 10px;display:grid}.song-picker__best span,.song-picker__best small{color:var(--stage-muted);font:7px var(--mono);text-transform:uppercase}.song-picker__best strong{color:var(--cyan);font-family:var(--display);grid-area:1/2/3;font-size:28px;line-height:1}.song-picker__learning-tools{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px;display:grid}.song-picker__learning-tools>button,.song-picker__learning-tools>label{border:1px solid var(--stage-line);min-height:38px;color:var(--paper);cursor:pointer;font:7px var(--mono);text-transform:uppercase;background:#07090a9e;justify-content:center;align-items:center;gap:7px;padding:0 8px;display:flex}.song-picker__learning-tools svg{width:15px}.song-picker__learning-tools input{opacity:0;pointer-events:none;position:absolute}.song-picker__learning-tools label>span{background:0 0;border:1px solid;width:20px;height:10px;box-shadow:inset 0 0 0 2px #0b0e0f}.song-picker__learning-tools label:has(input:checked){border-color:var(--cyan);color:var(--cyan)}.song-picker__learning-tools label:has(input:checked)>span{background:var(--cyan)}.quest-ready{border:1px solid var(--amber);min-height:48px;color:var(--amber);align-items:center;gap:10px;margin-bottom:9px;padding:8px 10px;display:flex}.quest-ready>svg{width:20px}.quest-ready>span{gap:2px;display:grid}.quest-ready strong{font:10px var(--mono);text-transform:uppercase}.quest-ready small{color:var(--stage-muted);font:6px var(--mono);text-transform:uppercase}.primary-command{width:100%;min-height:45px;font-family:var(--display);font-variation-settings:"wght" 620;text-transform:uppercase;grid-template-columns:auto auto;justify-content:center;gap:8px;font-size:15px}.primary-command svg{width:16px}.song-lane{border:1px solid #ffb16d8c;border-left:5px solid var(--amber);backdrop-filter:blur(14px);background:#07090ad6;padding:20px 54px 18px 20px;position:relative;overflow:visible;box-shadow:14px 14px #ffb16d24}.song-lane__top{color:var(--paper);font:9px var(--mono);grid-template-columns:1fr auto;gap:4px 15px;display:grid}.song-lane__top b{color:var(--amber);font-size:15px}.song-lane__top em{color:var(--stage-muted);grid-column:1/3;font-size:7px;font-style:normal}.song-lane__song-progress{background:#eef1eb1a;height:15px;margin-top:9px;position:relative;overflow:hidden}.song-lane__song-progress>i{transform-origin:0;background:#91f5e14d;transition:transform .12s linear;position:absolute;inset:0}.song-lane__song-progress>span{z-index:1;height:100%;color:var(--paper);font:6px var(--mono);place-items:center;display:grid;position:relative}.song-lane__track{grid-template-columns:1.35fr repeat(4,1fr);gap:7px;margin-top:18px;padding-top:6px;display:grid;position:relative}.song-lane__track:before{content:"";background:#eef1eb2e;height:2px;position:absolute;top:0;left:0;right:0}.song-lane__track>i{background:var(--amber);height:3px;box-shadow:0 0 18px var(--amber);transform-origin:0;position:absolute;top:0;left:0;right:0}.song-lane__track span{aspect-ratio:1;border:1px solid var(--stage-line);min-width:0;color:var(--stage-muted);align-content:center;place-items:center;transition:transform .12s,opacity .12s;display:grid}.song-lane__track span b{font-family:var(--display);font-size:30px;line-height:.9}.song-lane__track span small{min-height:8px;font:6px var(--mono);text-transform:uppercase;margin-top:5px}.song-lane__track .is-now{border-color:var(--amber);background:var(--amber);color:var(--ink);animation:.65s ease-in-out infinite now-pulse;box-shadow:0 0 38px #ffb16d5c}.song-lane__track .is-now b{font-size:44px}.song-lane__track .song-lane__step--chord{box-shadow:inset 0 -4px 0 var(--cyan)}.song-lane__track .is-now.song-lane__step--chord{box-shadow:inset 0 -4px 0 var(--ink)}.song-lane__grade{min-height:1em;color:var(--amber);font:8px var(--mono);text-transform:uppercase;margin-top:12px}.song-lane__grade.is-error{color:var(--coral)}.song-lane .icon-command{border-width:0 0 1px 1px;position:absolute;top:0;right:0}.quest-impact{z-index:12;left:50%;bottom:calc(112px + env(safe-area-inset-bottom));pointer-events:none;text-align:center;background:#07090ae6;border:1px solid;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:11px;width:min(290px,100% - 32px);min-height:52px;padding:8px 13px;animation:.62s cubic-bezier(.16,.75,.2,1) forwards quest-impact-flash;display:grid;position:absolute;overflow:hidden;translate:-50%;box-shadow:6px 6px #00000052}.quest-impact:before{content:"";opacity:.1;background:currentColor;position:absolute;inset:0}.quest-impact strong{color:var(--paper);font-family:var(--display);font-variation-settings:"wdth" 104, "wght" 740;text-shadow:3px 3px #00000075;font-size:clamp(32px,3.6vw,46px);line-height:.84;position:relative}.quest-impact span{color:currentColor;font:8px var(--mono);text-transform:uppercase;position:relative}.quest-impact--perfect{color:var(--cyan)}.quest-impact--good{color:var(--amber)}.quest-impact--hold{color:var(--stage-muted)}.quest-impact--miss{color:var(--coral)}.quest-countdown{z-index:12;color:var(--amber);font-family:var(--display);font-variation-settings:"wght" 800;opacity:.62;pointer-events:none;text-shadow:10px 10px #0000009e;place-items:center;font-size:clamp(110px,28vw,340px);line-height:1;animation:.7s ease-out quest-count-beat;display:grid;position:absolute;inset:72px 0 0;overflow:hidden}.song-complete{text-align:center;justify-items:center;display:grid}.song-complete>svg{width:34px;height:34px;color:var(--amber)}.song-complete>span,.song-complete>small{color:var(--stage-muted);font:8px var(--mono);margin-top:8px}.song-complete>strong{color:var(--amber);font-family:var(--display);margin:6px 0;font-size:70px;line-height:.9}.song-complete .primary-command{margin-top:18px}.song-complete--mastered,.song-complete--full-combo{border-color:var(--cyan);box-shadow:12px 12px #91f5e12e}.song-complete--mastered>svg,.song-complete--full-combo>svg,.song-complete--mastered>strong,.song-complete--full-combo>strong{color:var(--cyan)}.song-complete--finished>svg{color:var(--stage-muted)}.next-command{border:1px solid var(--amber);width:100%;min-height:46px;color:var(--paper);cursor:pointer;font:8px var(--mono);text-align:left;text-transform:uppercase;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:12px;padding:0 10px 0 14px;display:grid}.next-command:hover{background:var(--amber);color:var(--ink)}.next-command svg{width:18px}.challenge-result{justify-items:stretch;width:100%;margin-top:13px;display:grid}.challenge-result>img{aspect-ratio:4/5;object-fit:cover;border:1px solid #eef1eb47;width:122px;margin:0 auto 10px}.challenge-result__actions{grid-template-columns:minmax(0,1fr) 45px 45px;gap:7px;display:grid}.challenge-result__actions .primary-command{margin:0}.challenge-result__actions .icon-command{width:45px;height:45px}.challenge-result__actions button:disabled{cursor:wait;opacity:.46}.challenge-result__social{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px;display:grid}.challenge-result__social button{border:1px solid var(--stage-line);min-width:0;min-height:38px;color:var(--paper);cursor:pointer;font:7px var(--mono);text-transform:uppercase;background:#07090ad1;justify-content:flex-start;align-items:center;gap:8px;padding:0 9px;display:flex;overflow:hidden}.challenge-result__social button:hover,.challenge-result__social button:focus-visible{border-color:var(--cyan);color:var(--cyan)}.challenge-result__social button:disabled{cursor:wait;opacity:.46}.challenge-result__social button>span{text-transform:none;border:1px solid;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid}.challenge-result__link{border:1px solid var(--stage-line);width:100%;min-height:34px;color:var(--stage-muted);font:7px var(--mono);background:#07090ad1;border-radius:0;margin-top:8px;padding:0 8px}.challenge-result>small{min-height:1em;color:var(--cyan);font:7px var(--mono);margin-top:7px}.challenge-result--locked{border:1px solid var(--coral);text-align:left;gap:6px;padding:12px}.challenge-result--locked>strong{color:var(--paper);font:11px var(--mono);text-transform:uppercase}.challenge-result--locked>small{color:var(--stage-muted);margin:0}.challenge-result--locked .primary-command{margin-top:5px}.song-complete:focus{outline:2px solid var(--cyan);outline-offset:4px}.control-drawer{z-index:25;top:calc(72px + env(safe-area-inset-top));right:clamp(72px,7vw,104px);bottom:calc(20px + env(safe-area-inset-bottom));width:min(350px,100% - 118px);color:var(--paper);backdrop-filter:blur(22px);background:#090c0df0;border:1px solid #eef1eb47;padding:0 19px 22px;scroll-padding-top:68px;animation:.18s ease-out drawer-in;position:absolute;overflow-y:auto;box-shadow:0 16px 50px #00000061}.control-drawer header{z-index:2;border-bottom:1px solid var(--stage-line);background:#0a0d0e;justify-content:space-between;align-items:center;min-height:58px;margin:0 -19px 18px;padding-left:19px;display:flex;position:sticky;top:0}.control-drawer header>span{color:var(--cyan);font:8px var(--mono);text-transform:uppercase;align-items:center;gap:8px;display:flex}.control-drawer header>span svg{width:15px}.control-drawer header button{border-width:0 0 0 1px;width:57px;height:57px}.control-drawer>label:not(.range-control):not(.toggle-control){color:var(--stage-muted);font:8px var(--mono);text-transform:uppercase;gap:7px;margin-bottom:14px;display:grid}.setting-pair{grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 17px;display:grid}.setting-pair label{color:var(--stage-muted);font:8px var(--mono);text-transform:uppercase;gap:7px;display:grid}.segmented-control{border:1px solid var(--stage-line);grid-auto-columns:1fr;grid-auto-flow:column;min-height:44px;margin-bottom:12px;display:grid}.segmented-control button{border:0;border-right:1px solid var(--stage-line);color:var(--stage-muted);cursor:pointer;font:8px var(--mono);text-transform:uppercase;background:0 0;justify-content:center;align-items:center;gap:6px;display:flex}.segmented-control button:last-child{border-right:0}.segmented-control button[aria-pressed=true]{background:var(--paper);color:var(--ink)}.segmented-control svg{width:15px}.range-control{margin-top:13px;display:block}.range-control>span{color:var(--stage-muted);font:8px var(--mono);text-transform:uppercase;justify-content:space-between;display:flex}.range-control b{color:var(--paper);font-weight:500}.range-control input{width:100%;height:24px;accent-color:var(--cyan);cursor:pointer;margin:4px 0 0}.drawer-note{border-top:1px solid var(--stage-line);color:var(--stage-muted);margin:18px 0 0;padding-top:15px;font-size:12px;line-height:1.45}.record-drawer header>span{color:var(--coral)}.record-fit-note{border-left:3px solid var(--amber);background:#ffb16d14;gap:3px;margin:-3px 0 14px;padding:9px 10px;display:grid}.record-fit-note strong{color:var(--amber);font:8px var(--mono);text-transform:uppercase}.record-fit-note span{color:var(--stage-muted);font-size:11px;line-height:1.35}.record-aspect button[aria-pressed=true]{background:var(--coral)}.record-command{background:var(--coral);width:100%;min-height:47px;color:var(--ink);cursor:pointer;font-family:var(--display);font-variation-settings:"wght" 650;text-transform:uppercase;border:0;justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.record-command svg{fill:currentColor;width:15px}.toggle-control{color:var(--stage-muted);cursor:pointer;font:8px var(--mono);text-transform:uppercase;align-items:center;gap:10px;margin:17px 0;display:flex}.toggle-control input{opacity:0;pointer-events:none;position:absolute}.toggle-control>span{border:1px solid var(--stage-line);width:34px;height:18px;position:relative}.toggle-control>span:after{content:"";background:var(--stage-muted);width:10px;height:10px;transition:transform .14s,background .14s;position:absolute;top:3px;left:3px}.toggle-control input:checked+span{border-color:var(--coral)}.toggle-control input:checked+span:after{background:var(--coral);transform:translate(16px)}.record-preview{object-fit:contain;background:#000;width:100%;max-height:46vh;display:block}.record-preview--portrait{aspect-ratio:9/16}.record-preview--landscape{aspect-ratio:16/9}.record-result{color:var(--stage-muted);font:7px var(--mono);justify-content:space-between;margin:10px 0 15px;display:flex}.record-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.record-actions--save-only{grid-template-columns:1fr}.record-actions button{border:1px solid var(--stage-line);min-height:44px;color:var(--paper);cursor:pointer;font:8px var(--mono);text-transform:uppercase;background:0 0;justify-content:center;align-items:center;gap:7px;display:flex}.record-actions--save-only .record-save,.record-actions .record-share{border-color:var(--coral);background:var(--coral);color:var(--ink)}.record-actions svg{width:15px}.text-command{width:100%;min-height:44px;color:var(--stage-muted);cursor:pointer;font:8px var(--mono);text-underline-offset:4px;text-transform:uppercase;background:0 0;border:0;margin-top:10px;text-decoration:underline}.record-message{color:var(--amber);font:8px/1.5 var(--mono);margin:13px 0 0}.record-countdown{z-index:30;pointer-events:none;backdrop-filter:blur(3px);background:#00000047;place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.record-countdown span{color:var(--coral);font:10px var(--mono)}.record-countdown strong{color:var(--paper);font-family:var(--display);font-size:180px;line-height:.86;animation:.7s ease-out countdown-pop}.recording-pill{z-index:19;left:50%;top:calc(110px + env(safe-area-inset-top));background:var(--coral);min-height:44px;color:var(--ink);font:8px var(--mono);align-items:center;gap:8px;padding:0 5px 0 12px;display:flex;position:absolute;translate:-50%}.recording-pill>i{background:var(--ink);border-radius:50%;width:7px;height:7px;animation:1s infinite signal-pulse}.recording-pill button{cursor:pointer;background:0 0;border:1px solid #07090a59;place-items:center;width:44px;height:34px;display:grid}.recording-pill svg{fill:currentColor;width:12px}.works-backdrop{z-index:70;backdrop-filter:blur(10px);background:#000000c2;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.works-panel{width:min(980px,100%);max-height:min(760px,100svh - 48px);color:var(--paper);background:#090c0d;border:1px solid #eef1eb47;display:grid;overflow:hidden;box-shadow:18px 18px #91f5e11f}.works-panel>header{border-bottom:1px solid var(--stage-line);justify-content:space-between;align-items:stretch;min-height:82px;display:flex}.works-panel>header>div{align-content:center;gap:5px;padding:13px 20px;display:grid}.works-panel>header span{color:var(--cyan);font:7px var(--mono);text-transform:uppercase}.works-panel>header h2{font-family:var(--display);font-variation-settings:"wdth" 106, "wght" 640;margin:0;font-size:31px;line-height:1}.works-panel>header button{border:0;border-left:1px solid var(--stage-line);width:82px;color:var(--paper);cursor:pointer;background:0 0;place-items:center;display:grid}.works-panel>header button:hover,.works-panel>header button:focus-visible{background:var(--cyan);color:var(--ink)}.works-panel>header svg{width:20px}.works-panel__privacy{border-bottom:1px solid var(--stage-line);color:var(--stage-muted);font:8px var(--mono);margin:0;padding:11px 20px}.works-panel__body{grid-template-columns:minmax(290px,.78fr) minmax(360px,1.22fr);min-height:0;display:grid}.works-list{border-right:1px solid var(--stage-line);min-height:0;overflow-y:auto}.works-list article{border-bottom:1px solid var(--stage-line);grid-template-columns:minmax(0,1fr) 44px 44px;min-height:66px;display:grid}.works-list article.is-selected{box-shadow:inset 4px 0 0 var(--cyan);background:#91f5e112}.works-list button{border:0;border-left:1px solid var(--stage-line);color:var(--stage-muted);cursor:pointer;background:0 0}.works-list button:hover,.works-list button:focus-visible{color:var(--cyan);background:#91f5e11a}.works-list__select{text-align:left;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:9px;min-width:0;padding:8px 10px 8px 14px;display:grid;border-left:0!important}.works-list__select>svg{width:17px}.works-list__select span{gap:4px;min-width:0;display:grid}.works-list__select strong{color:var(--paper);font:8px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.works-list__select small{color:var(--stage-muted);font:7px var(--mono)}.works-list__action{place-items:center;display:grid}.works-list__action svg{width:15px}.works-list__delete:hover,.works-list__delete:focus-visible{color:var(--coral)!important;background:#ff6b5c1f!important}.works-list__delete.is-confirming{background:var(--coral)!important;color:var(--ink)!important}.works-preview{background:#040505;align-content:center;min-width:0;min-height:420px;padding:18px;display:grid}.works-preview video{object-fit:contain;background:#000;width:100%;max-height:54vh;display:block}.works-preview>div{color:var(--stage-muted);font:7px var(--mono);justify-content:space-between;gap:12px;padding-top:10px;display:flex}.works-panel__empty{min-height:300px;color:var(--stage-muted);margin:0;padding:36px 20px;font-size:15px}.works-panel__message{border-top:1px solid var(--stage-line);color:var(--amber);font:8px var(--mono);margin:0;padding:11px 20px}.instrument-error{z-index:32;background:var(--paper);width:min(560px,100% - 40px);color:var(--ink);box-shadow:14px 14px 0 var(--coral);padding:clamp(28px,5vw,56px);position:absolute;top:50%;left:50%;translate:-50% -50%}.instrument-error .eyebrow{color:#6d514e}.instrument-error h2{font-family:var(--display);font-variation-settings:"wdth" 107, "wght" 560;margin:16px 0 10px;font-size:48px;line-height:.95}.instrument-error>p:not(.eyebrow){color:#555c59;font-size:17px;line-height:1.45}.error-close{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #07090a2e;place-items:center;display:grid;position:absolute;top:14px;right:14px}.error-close:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.error-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.retry-button,.ghost-button{min-height:46px;font-family:var(--display);font-variation-settings:"wght" 620;text-transform:uppercase;grid-template-columns:auto auto;gap:9px;margin-top:0;padding:0 17px;font-size:15px}.retry-button{background:var(--ink);color:var(--paper)}.ghost-button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #07090a47}.ghost-button:hover{border-color:var(--ink);background:#07090a0a}.error-help{color:#3f5f5a;font:12px/1.4 var(--body);text-underline-offset:3px;margin-top:16px;display:inline-block}.error-help:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.guide-backdrop{z-index:50;backdrop-filter:blur(7px);background:#000000a6;position:fixed;inset:0}.gesture-guide{background:var(--paper);width:min(680px,100%);color:var(--ink);animation:.24s ease-out guide-in;position:absolute;top:0;bottom:0;right:0;overflow:hidden auto;box-shadow:-24px 0 70px #0000006b}.guide-close{z-index:5;color:var(--ink);background:#eef1ebeb;border-color:#07090a4d;position:fixed;top:18px;right:18px}.guide-header{border-bottom:1px solid #07090a33;padding:52px 68px 38px}.gesture-guide .eyebrow{color:#59615e}.gesture-guide h2{font-family:var(--display);font-variation-settings:"wdth" 108, "wght" 550;margin:18px 0 20px;font-size:76px;line-height:.82}.guide-header>p:last-child{color:#59615e;max-width:430px;margin:0;font-size:17px;line-height:1.45}.guide-tabs{z-index:3;backdrop-filter:blur(12px);background:#eef1ebf2;border-bottom:1px solid #07090a3d;grid-template-columns:repeat(3,1fr);display:grid;position:sticky;top:0}.guide-tabs button{color:#626966;cursor:pointer;min-height:52px;font:9px var(--mono);text-align:left;text-transform:uppercase;background:0 0;border:0;border-right:1px solid #07090a2e;padding:0 16px}.guide-tabs button:last-child{border-right:0}.guide-tabs button[aria-selected=true]{background:var(--ink);color:var(--cyan)}.guide-panel{padding:48px 68px 80px}.guide-panel h3{font-family:var(--display);font-variation-settings:"wdth" 107, "wght" 560;margin:0 0 34px;font-size:48px;line-height:.93}.guide-steps{border-top:1px solid #07090a38;margin:0;padding:0;list-style:none}.guide-steps li{border-bottom:1px solid #07090a2e;grid-template-columns:150px 1fr;gap:24px;padding:23px 0;display:grid}.guide-steps strong{font-family:var(--display);font-variation-settings:"wght" 600;font-size:20px}.guide-steps span{color:#59615e;font-size:15px;line-height:1.45}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.control-drawer button:focus-visible,.control-drawer select:focus-visible,.gesture-guide button:focus-visible{outline-color:#276e64}@keyframes signal-pulse{50%{opacity:.42;box-shadow:0 0 5px}}@keyframes trace-scan{0%,to{opacity:.15;transform:translateY(-16vh)}50%{opacity:.85;transform:translateY(16vh)}}@keyframes hand-drift{0%,to{transform:translate(-7px,8px)rotate(-4deg)}50%{transform:translate(8px,-10px)rotate(5deg)}}@keyframes count-breathe{0%,to{opacity:.35;transform:translateY(0)}45%{opacity:1;transform:translateY(-5px)}}@keyframes trigger-pop{0%{opacity:.35;transform:scale(.78)}}@keyframes now-pulse{50%{transform:scale(.92);box-shadow:0 0 18px #ffb16d61}}@keyframes quest-impact-flash{0%{opacity:0;transform:translateY(14px)scale(.88)}18%{opacity:1;transform:translateY(0)scale(1.02)}64%{opacity:.9;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes quest-impact-fade{0%,70%{opacity:.9}to{opacity:0}}@keyframes quest-count-beat{0%{opacity:0;transform:scale(1.48)}35%{opacity:.72}to{opacity:0;transform:scale(.82)}}@keyframes drawer-in{0%{opacity:0;transform:translate(12px)}}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.5)}}@keyframes guide-in{0%{transform:translate(100%)}}@keyframes startup-scan{0%{transform:translate(-110%)}55%,to{transform:translate(290%)}}@media (width>=1280px){.intro-copy h1{font-size:148px}.trigger-panel:only-child .trigger-panel__main>strong{font-size:126px}}@media (width<=980px){.song-quest{width:min(470px,47vw);left:49%;translate:0 -50%}.trigger-panels{width:270px}.quick-voice{max-width:340px}}@media (width<=760px){.instrument{height:100svh;min-height:100svh}.instrument__header{grid-template-columns:1fr auto;padding-left:14px;padding-right:14px}.camera-readout{top:calc(36px + env(safe-area-inset-top));text-overflow:ellipsis;white-space:nowrap;opacity:.72;justify-self:end;max-width:46vw;position:absolute;right:14px;overflow:hidden}.live-status{justify-self:end}.instrument__intro{grid-template-columns:1fr}.instrument:not(.instrument--active) .instrument__intro{grid-template-rows:46% 54%;grid-template-columns:1fr}.signal-figure{opacity:.64;border:0;position:absolute;inset:0}.instrument:not(.instrument--active) .signal-figure{opacity:1}.instrument:not(.instrument--active) .signal-figure__axis,.instrument:not(.instrument--active) .signal-figure__hand{top:26%}.instrument:not(.instrument--active) .signal-figure__counts{top:38%}.signal-figure__axis{width:84vw;top:36%}.signal-figure__hand{top:36%}.signal-figure__counts{top:50%}.intro-copy{padding:38px 18px calc(32px + env(safe-area-inset-bottom));justify-content:flex-end}.instrument:not(.instrument--active) .intro-copy{height:54%;padding:32px 18px calc(30px + env(safe-area-inset-bottom));background:var(--stage);border-top:1px solid #eef1eb2e;border-left:0;position:absolute;inset:auto 0 0}.instrument:not(.instrument--active) .intro-copy:before{display:none}.instrument:not(.instrument--active) .intro-copy:after{bottom:21px;right:18px}.intro-copy h1{overflow-wrap:anywhere;max-width:100%;margin:12px 0 14px;font-size:64px}.intro-copy__line{max-width:340px;margin-bottom:24px;font-size:17px}.start-button{width:100%}.instrument:not(.instrument--active) .live-status{color:#07090aad}.challenge-invite{width:calc(100% - 36px);padding:104px 0 calc(34px + env(safe-area-inset-bottom)) 18px}.challenge-invite h1{font-size:clamp(46px,16vw,74px)}.challenge-invite__hook{max-width:calc(100% - 18px);font-size:15px}.challenge-invite__target{grid-template-columns:1fr 1fr;width:calc(100% - 18px)}.stage-mode-switch{top:calc(56px + env(safe-area-inset-top));width:min(280px,100% - 28px)}.quick-voice{left:14px;right:14px;top:calc(100px + env(safe-area-inset-top));scrollbar-width:none;opacity:.9;flex-wrap:nowrap;max-width:none;overflow-x:auto}.quick-voice button{background:#05070894;flex:1 0 auto;min-height:42px}.trigger-panels{left:14px;right:14px;top:calc(154px + env(safe-area-inset-top));width:auto;translate:0}.trigger-panels--duet{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.trigger-panel{background:#07090a85;min-width:0;min-height:112px;padding:10px 13px}.trigger-panel__main{margin-top:2px}.trigger-panel__main>strong,.trigger-panel:only-child .trigger-panel__main>strong{font-size:56px}.trigger-panels--duet .trigger-panel__main{grid-template-columns:auto minmax(0,1fr);gap:8px}.trigger-panels--duet .trigger-panel__main>strong{font-size:42px}.trigger-panel__main b{font-size:22px}.trigger-panels--duet .trigger-panel__main b{font-size:16px}.trigger-panel__main small{margin-top:4px}.instrument--wide-framing .trigger-panels,.instrument--wide-framing .quick-voice,.instrument--wide-framing .finger-map{backdrop-filter:blur(8px)}.instrument--wide-framing .trigger-panel{background:#07090a6b;border-color:#eef1eb24}.song-quest{left:14px;right:14px;top:calc(286px + env(safe-area-inset-top));width:auto;translate:0}.song-picker,.song-complete{max-height:calc(100svh - 382px - env(safe-area-inset-bottom));padding:15px;overflow-y:auto}.instrument--quest-paused .trigger-panels,.instrument--quest-paused .finger-map{display:none}.instrument--quest-paused .song-quest{top:calc(154px + env(safe-area-inset-top))}.instrument--quest-paused .song-picker,.instrument--quest-paused .song-complete{max-height:calc(100svh - 250px - env(safe-area-inset-bottom))}.song-complete{max-height:calc(100svh - 386px - env(safe-area-inset-bottom));overflow-y:auto}.song-lane{padding:14px 48px 13px 14px}.song-lane__track{margin-top:11px}.song-lane__track span b{font-size:23px}.song-lane__track .is-now b{font-size:34px}.song-picker__identity{padding:10px 12px}.song-picker__identity strong{font-size:21px}.song-picker__identity p{font-size:11px}.quest-mode button{min-height:52px}.quest-impact{bottom:calc(138px + env(safe-area-inset-bottom));gap:8px;width:min(230px,100% - 28px);min-height:46px;padding:7px 10px}.quest-impact strong{font-size:clamp(27px,8vw,32px)}.quest-impact span{font-size:6px}.finger-map{left:12px;right:12px;bottom:calc(78px + env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;translate:0}.instrument--wide-framing .finger-map>div{background:#05070875}.finger-map>div{grid-template-rows:auto auto;grid-template-columns:1fr;justify-items:center;gap:0;min-width:0;min-height:44px;padding:4px 2px}.finger-map strong{grid-row:auto;font-size:20px;line-height:1}.finger-map span{max-width:100%;font-size:6px}.finger-map small{display:none}.instrument-controls{top:auto;left:50%;right:auto;bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:row;translate:-50%}.instrument-controls button{background:#050708b8;width:46px;height:46px}.instrument-controls button:after,.quality-readout{display:none}.recording-pill{top:auto;bottom:calc(138px + env(safe-area-inset-bottom))}.camera-grain{opacity:.06}.control-drawer{width:auto;max-height:none;padding-bottom:calc(24px + env(safe-area-inset-bottom));overscroll-behavior:contain;border-width:1px 0 0;animation-name:drawer-up;position:absolute;inset:max(150px,26%) 0 0}.control-drawer header{min-height:54px}.control-drawer header button{width:53px;height:53px}.record-preview{max-height:40svh}.works-backdrop{place-items:end stretch;padding:0}.works-panel{width:100%;max-height:90svh;box-shadow:none}.works-panel>header{min-height:68px}.works-panel>header button{width:68px}.works-panel__body{grid-template-columns:1fr;overflow-y:auto}.works-list{border-right:0;border-bottom:1px solid var(--stage-line);max-height:34svh}.works-preview{min-height:250px;padding:12px}.works-preview video{max-height:34svh}.gesture-guide h2{font-size:58px}.guide-header{padding:36px 62px 32px 20px}.guide-header>p:last-child{font-size:15px}.guide-tabs button{text-align:center;padding:0 7px;font-size:8px}.guide-panel{padding:34px 20px calc(64px + env(safe-area-inset-bottom))}.guide-panel h3{font-size:38px}.guide-steps li{grid-template-columns:1fr;gap:7px;padding:18px 0}.guide-steps strong{font-size:19px}.guide-steps span{font-size:14px}}@keyframes drawer-up{0%{opacity:0;transform:translateY(18px)}}@media (height<=680px) and (orientation:landscape){.instrument{height:100svh;min-height:100svh}.intro-copy{justify-content:center;padding:58px clamp(18px,4vw,64px) 20px}.intro-copy h1{margin:8px 0 10px;font-size:clamp(40px,15vh,78px)}.intro-copy__line{margin-bottom:14px;font-size:15px}.start-button{min-height:49px}.privacy-note{margin-top:8px}.trigger-panels{top:51%}.trigger-panel{min-height:120px}.trigger-panel__main>strong{font-size:76px}.stage-mode-switch{top:47px}.quick-voice{top:62px}.finger-map{bottom:12px}.quality-readout{bottom:16px}}@media (width>=1280px){.instrument:not(.instrument--active) .intro-copy h1{font-size:clamp(110px,8vw,164px)}}@media (width<=760px) and (height<=680px) and (orientation:landscape){.instrument{min-height:100svh}.instrument__intro{grid-template-columns:.8fr 1.2fr}.signal-figure{opacity:.5;border-right:1px solid var(--line);position:relative}.signal-figure__axis{width:min(34vw,48vh);top:50%}.signal-figure__hand{top:45%}.signal-figure__counts{top:66%}.intro-copy{padding:46px 16px 14px}.intro-copy h1{font-size:clamp(34px,13vh,58px)}.stage-mode-switch{width:250px;top:43px;left:50%}.quick-voice{opacity:.86;width:220px;top:42px;left:12px;right:auto}.trigger-panels{width:230px;top:102px;left:12px;right:auto}.trigger-panel{min-height:100px;padding:9px 11px}.trigger-panel__main>strong,.trigger-panel:only-child .trigger-panel__main>strong{font-size:58px}.trigger-panels--duet .trigger-panel__main>strong{font-size:38px}.trigger-panel__main b{font-size:22px}.song-quest{width:min(390px,46vw);top:102px;left:auto;right:68px}.finger-map{width:330px;bottom:8px;left:50%;right:auto;translate:-50%}.instrument-controls{flex-direction:column;inset:50% 10px auto auto;translate:0 -42%}.instrument-controls button{width:44px;height:44px}.instrument:not(.instrument--active) .instrument__intro{grid-template-rows:1fr;grid-template-columns:.78fr 1.22fr}.instrument:not(.instrument--active) .signal-figure{opacity:1;height:100%;position:relative;inset:auto}.instrument:not(.instrument--active) .signal-figure__axis{width:min(34vw,54vh);top:48%}.instrument:not(.instrument--active) .signal-figure__hand{top:45%}.instrument:not(.instrument--active) .signal-figure__counts{top:67%}.instrument:not(.instrument--active) .intro-copy{border-top:0;border-left:1px solid #eef1eb2e;justify-content:center;height:100%;padding:50px 18px 14px;position:relative;inset:auto}.instrument:not(.instrument--active) .intro-copy:before{top:28px;left:18px}.instrument:not(.instrument--active) .intro-copy:after{display:none}.instrument:not(.instrument--active) .intro-copy h1{margin:7px 0 10px;font-size:clamp(42px,14vh,58px)}.instrument:not(.instrument--active) .intro-copy__line{margin-bottom:13px;font-size:13px;line-height:1.35}.instrument:not(.instrument--active) .live-status{color:#eef1ebb8}}@media (prefers-reduced-motion:reduce){.signal-figure__trace,.signal-figure__hand svg,.signal-figure__counts span,.song-lane__track .is-now,.live-status__dot,.startup-panel__meter:before,.quest-countdown{animation:none}.quest-impact{animation:.52s linear forwards quest-impact-fade}}.intro-copy{border-left:0;justify-content:center;padding:100px clamp(36px,6vw,88px) 64px}.intro-copy:before,.intro-copy:after{display:none}.intro-copy>.eyebrow{color:var(--cyan);margin:0 0 18px;font-size:11px}.intro-copy h1{font-variation-settings:"wdth" 106, "wght" 590;text-transform:none;max-width:620px;margin:0 0 24px;font-size:clamp(68px,6.7vw,104px);line-height:.9}.intro-copy__line{max-width:500px;margin:0 0 30px;font-size:clamp(18px,1.4vw,21px);line-height:1.5}.intro-actions{flex-wrap:wrap;align-items:center;gap:8px 20px;width:min(100%,500px);display:flex}.intro-actions .intro-meta{flex:1 0 100%;margin-top:0}.instrument:not(.instrument--active) .start-button{box-shadow:none}.start-button:active,.intro-guide-link:active{transform:translateY(1px)}.intro-guide-link{text-transform:none;justify-content:center;min-width:44px;padding:0 4px}@media (width>=1280px){.instrument:not(.instrument--active) .intro-copy h1{font-size:clamp(78px,6.7vw,104px)}}@media (width<=760px){.instrument:not(.instrument--active) .intro-copy{padding:30px 18px calc(24px + env(safe-area-inset-bottom));justify-content:center}.instrument:not(.instrument--active) .intro-copy h1{overflow-wrap:normal;margin:0 0 12px;font-size:clamp(48px,14vw,62px);line-height:.94}.instrument:not(.instrument--active) .intro-copy__line{max-width:360px;margin-bottom:18px;font-size:16px;line-height:1.42}.intro-actions{gap:4px 16px}.intro-guide-link{min-height:44px}}@media (height<=680px) and (orientation:landscape){.instrument:not(.instrument--active) .intro-copy{padding:52px 24px 18px}.instrument:not(.instrument--active) .intro-copy h1{font-size:clamp(44px,12vh,68px)}.instrument:not(.instrument--active) .intro-copy__line{margin-bottom:12px;font-size:14px}}