@property --art-angle{syntax:"<angle>";inherits:false;initial-value:108deg}@property --art-a{syntax:"<color>";inherits:false;initial-value:#0000}@property --art-b{syntax:"<color>";inherits:false;initial-value:#0000}@property --art-c{syntax:"<color>";inherits:false;initial-value:#0000}.playerArt{--art-fade:.55s;background:linear-gradient(var(--art-angle),var(--art-a),var(--art-b) 52%,var(--art-c));width:34px;height:34px;box-shadow:inset 0 0 0 1px rgb(var(--glass-edge)/22%);transition:--art-angle var(--art-fade) var(--ease-in-out),--art-a var(--art-fade) var(--ease-in-out),--art-b var(--art-fade) var(--ease-in-out),--art-c var(--art-fade) var(--ease-in-out),opacity .3s var(--ease-out);border-radius:9px;flex:none;position:relative;overflow:hidden}.playerArt--isEmpty{background:rgb(var(--glass-edge)/10%)}.playerArt--isLoading{opacity:.72}.playerArt__sweep{background:linear-gradient(105deg,transparent 34%,rgb(var(--glass-edge)/34%) 50%,transparent 66%);animation:playerArt-sweep 1.15s var(--ease-in-out) infinite;position:absolute;inset:0}@keyframes playerArt-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.playerTransport{flex:none;align-items:center;gap:1px;display:flex}.playerTransport__play,.playerTransport__step{color:var(--chalk-000);transition:background .2s var(--ease-out);border-radius:50%;place-items:center;display:grid}.playerTransport__play:hover,.playerTransport__step:hover{background:rgb(var(--glass-edge)/14%)}.playerTransport__step{width:26px;height:26px}.playerTransport__step svg{width:15px;height:15px}.playerTransport__play{width:30px;height:30px}.playerTransport__play svg{width:18px;height:18px}@property --spring{syntax:"<number>";inherits:false;initial-value:1}:root{--spring-in:.6s;--spring-out:.18s;--ease-spring:linear(0, .0817, .2622, .4696, .6609, .8151, .9263, .9976, 1.0367, 1.0525, 1.0533, 1.0458, 1.035, 1.0239, 1.0143, 1.007, 1.002, .999, .9975, .9971, 1)}@keyframes spring{0%{--spring:0}5%{--spring:.0817}10%{--spring:.2622}15%{--spring:.4696}20%{--spring:.6609}25%{--spring:.8151}30%{--spring:.9263}35%{--spring:.9976}40%{--spring:1.0367}45%{--spring:1.0525}50%{--spring:1.0533}55%{--spring:1.0458}60%{--spring:1.035}65%{--spring:1.0239}70%{--spring:1.0143}75%{--spring:1.007}80%{--spring:1.002}85%{--spring:.999}90%{--spring:.9975}95%{--spring:.9971}to{--spring:1}}.player{--player-width:340px;--deck-gap:14px;--deck-dock:min(calc(var(--deck-width) + var(--deck-gap) + var(--player-width)/2 - 50vw), calc(50vw - var(--player-width)/2 - 12px));--deck-shift:calc((1 - var(--progress,1))*var(--deck-dock));z-index:4;-moz-column-gap:10px;width:min(var(--player-width),100% - 24px);border:1px solid rgb(var(--glass-edge)/24%);background:rgb(var(--glass-rgb)/62%);box-shadow:0 12px 32px #0000004d,inset 0 1px 0 rgb(var(--glass-edge)/14%);-webkit-backdrop-filter:blur(26px)saturate(180%);translate:var(--deck-shift) calc(var(--lift,0px)*-1);transform:translate(-50%,calc((1 - var(--spring))*-140%)) scale(calc(.8 + var(--spring)*.2));transform-origin:50% 0;opacity:clamp(0,var(--spring) * 2.4,1);touch-action:none;transition:translate var(--spring-in) var(--ease-out),width .42s var(--ease-out);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:7px;display:grid;position:absolute;top:12px;left:50%}@supports (transition-timing-function:linear(0,1)){.player{transition-timing-function:var(--ease-spring)}}.player--isRight{--deck-shift:calc((1 - var(--progress,1))*var(--deck-dock)*-1)}.player--isDragging,.player--isLifting{transition:none}.player--isCompact{--player-width:142px;grid-template-columns:auto auto;align-items:center}.player--isCompact .player__track{opacity:0;max-width:0}.player--isCompact .player__scrub{opacity:0;max-width:0;max-height:0}.player--isCompact .player__controls{grid-area:1/2/3/3}.player__art{grid-area:1/1/3/2}.player__track{white-space:nowrap;text-overflow:ellipsis;max-width:240px;color:var(--chalk-000);transition:max-width .42s var(--ease-out),opacity .26s var(--ease-out),color .3s var(--ease-out);grid-area:1/2/2/3;font-size:11px;font-weight:600;display:block;overflow:hidden}.player__track--isEmpty{color:var(--chalk-300);font-weight:500}.player__scrub{max-width:100%;max-height:18px;transition:max-height .42s var(--ease-out),max-width .42s var(--ease-out),opacity .26s var(--ease-out);grid-area:2/2/3/3;align-items:center;gap:6px;display:flex;overflow:hidden}.player__controls{grid-area:1/3/3/4;display:flex}.player__time{font-variant-numeric:tabular-nums;color:var(--chalk-300);font-size:9px}.player__range{border-radius:var(--radius-pill);background:linear-gradient(to right,var(--chalk-100) var(--played),transparent var(--played)),rgb(var(--glass-edge)/22%);appearance:none;cursor:pointer;min-width:0;height:3px;transition:opacity .3s var(--ease-out);flex:1}.player__range:disabled{opacity:.4;cursor:default}.player__range:disabled::-webkit-slider-thumb{opacity:0}.player__range:disabled::-moz-range-thumb{opacity:0}.player__range::-webkit-slider-thumb{background:var(--chalk-000);appearance:none;border:0;border-radius:50%;width:9px;height:9px}.player__range::-moz-range-thumb{background:var(--chalk-000);border:0;border-radius:50%;width:9px;height:9px}@media (width<=650px){.player,.player--isRight{top:calc(var(--nav-height) + 10px);--deck-shift:0px}}.player-enter-active{animation:spring var(--spring-in) linear}.player-leave-active{transition:--spring var(--spring-out) var(--ease-in)}.player-leave-to{--spring:0}.stage{background:var(--ink-000);place-items:center;height:100%;display:grid;position:relative;overflow:hidden}.stage__notice{z-index:4;inset-inline:0;bottom:calc(88px + var(--safe-bottom));text-align:center;color:var(--chalk-300);padding-inline:24px;font-size:12px;line-height:1.5;position:absolute}.stage .player,.stage__notice{font-family:var(--font-ui)}.scene-enter-active,.scene-leave-active{transition:opacity 1.2s var(--ease-out);will-change:opacity}.scene-enter-from,.scene-leave-to{opacity:0}.simulator{flex-direction:column;gap:10px;display:flex}.simulator__head{justify-content:space-between;align-items:center;display:flex}.simulator__title{letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-100);font-size:12px;font-weight:600}.simulator__switch{border-radius:var(--radius-pill);background:var(--ink-400);width:40px;height:22px;transition:background .25s var(--ease-out);padding:3px}.simulator__switch--isOn{background:var(--accent)}.simulator__knob{background:var(--chalk-000);width:16px;height:16px;transition:background .25s var(--ease-out),transform .25s var(--ease-out);border-radius:50%;display:block}.simulator__switch--isOn .simulator__knob{background:var(--accent-ink);transform:translate(18px)}.simulator__hint{color:var(--chalk-300);font-size:11px;line-height:1.45}.simulator__pedal{border:1px solid var(--ink-400);border-radius:var(--radius-m);background:var(--ink-300);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:112px;transition:border-color .2s var(--ease-out),transform .12s var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 16px;display:flex;position:relative;overflow:hidden}.simulator__pedal:before{background:var(--accent);opacity:.22;transform:scaleY(var(--pedal-fill));transform-origin:bottom;content:"";position:absolute;inset:0}.simulator__pedal--isDown{border-color:var(--accent);transform:scale(.985)}.simulator__pedal:disabled{opacity:.4;cursor:default}.simulator__pedalTitle{z-index:1;color:var(--chalk-000);font-size:15px;font-weight:600}.simulator__pedalHold{z-index:1;color:var(--chalk-200);font-size:12px}.simulator__pedalKey{z-index:1;color:var(--chalk-300);font-size:11px;display:none}@media (pointer:fine){.simulator__pedalKey{display:block}}.debug{flex-direction:column;gap:10px;display:flex}.debug__head{justify-content:space-between;align-items:center;display:flex}.debug__title{letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-100);font-size:12px;font-weight:600}.debug__switch{border-radius:var(--radius-pill);background:var(--ink-400);width:40px;height:22px;transition:background .25s var(--ease-out);padding:3px}.debug__switch--isOn{background:var(--accent)}.debug__knob{background:var(--chalk-000);width:16px;height:16px;transition:background .25s var(--ease-out),transform .25s var(--ease-out);border-radius:50%;display:block}.debug__switch--isOn .debug__knob{background:var(--accent-ink);transform:translate(18px)}.debug__hint{color:var(--chalk-300);font-size:11px;line-height:1.45}.debug__field{grid-template-columns:1fr auto;gap:6px 10px;display:grid}.debug__label{color:var(--chalk-200);font-size:11px}.debug__value{font-variant-numeric:tabular-nums;color:var(--chalk-000);font-size:11px}.debug__kicks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.debug__kick{border:1px solid var(--ink-400);border-radius:var(--radius-m);color:var(--chalk-100);transition:border-color .2s var(--ease-out),color .2s var(--ease-out);padding:9px 8px;font-size:12px;font-weight:600}.debug__kick--isSurge:hover{border-color:var(--accent);color:var(--chalk-000)}.debug__kick--isBrake:hover{border-color:var(--redline);color:var(--redline)}.debug__range{border-radius:var(--radius-pill);background:var(--ink-400);appearance:none;cursor:pointer;grid-column:1/-1;width:100%;height:4px}.debug__range:disabled{opacity:.4;cursor:default}.debug__range::-webkit-slider-thumb{background:var(--accent);appearance:none;border:0;border-radius:50%;width:14px;height:14px}.debug__range::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:14px;height:14px}.scene{--card-radius:12px;border-radius:var(--card-radius);background:var(--ink-100);height:100%;box-shadow:inset 0 0 0 1px rgb(var(--glass-edge)/6%),0 1px 2px rgb(var(--backstage-rgb)/var(--shade)),0 2px 8px rgb(var(--backstage-rgb)/var(--shade));-webkit-user-select:none;user-select:none;transition:box-shadow .2s var(--ease-out),background .2s var(--ease-out);flex-direction:column;display:flex;position:relative}.scene:hover{box-shadow:inset 0 0 0 1px rgb(var(--glass-edge)/14%),0 1px 2px rgb(var(--backstage-rgb)/var(--shade)),0 2px 8px rgb(var(--backstage-rgb)/var(--shade))}.scene--isSelected{box-shadow:inset 0 0 0 2px var(--accent),0 1px 2px rgb(var(--backstage-rgb)/var(--shade)),0 2px 8px rgb(var(--backstage-rgb)/var(--shade))}.scene__pick{z-index:0;border-radius:inherit;padding:0;position:absolute;inset:0}.scene__pick:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.scene__preview{z-index:1;aspect-ratio:5/3;border-radius:var(--card-radius) var(--card-radius) 0 0;background:var(--ink-300);pointer-events:none;width:100%;display:block;position:relative;overflow:hidden}.scene__preview:after{content:"";background:linear-gradient(to top,rgb(var(--backstage-rgb)/82%),rgb(var(--backstage-rgb)/0));height:58%;position:absolute;inset:auto 0 0}.scene--isSelected .scene__preview{border-radius:calc(var(--card-radius) - 2px) calc(var(--card-radius) - 2px) 0 0;width:auto;margin:2px 2px 0}.scene__shot{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.scene--isLocked .scene__preview:before{content:"";z-index:1;background:rgb(var(--backstage-rgb)/42%);position:absolute;inset:0}.scene__marks{z-index:2;gap:4px;display:flex;position:absolute;top:8px;left:8px}.scene__mark{width:12px;height:12px;color:var(--backstage-ink);filter:drop-shadow(0 1px 4px rgb(var(--backstage-rgb)/90%))}.scene__lock{z-index:2;width:22px;height:22px;color:var(--backstage-ink);background:rgb(var(--backstage-rgb)/84%);border-radius:50%;place-items:center;display:grid;position:absolute;top:7px;right:7px}.scene__padlock{width:9px;height:10px}.scene__name{z-index:2;letter-spacing:-.01em;color:var(--backstage-ink);text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 8px rgb(var(--backstage-rgb)/80%);font-size:14px;font-weight:600;position:absolute;bottom:8px;left:10px;right:10px;overflow:hidden}.scene__body{z-index:1;pointer-events:none;flex-direction:column;flex:1;padding:8px 10px 10px;display:flex;position:relative}.scene__tagline{-webkit-line-clamp:2;color:var(--chalk-200);-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.scene--isLocked .scene__tagline{color:var(--chalk-300)}.scenes{flex-direction:column;gap:16px;min-height:0;display:flex}.scenes__head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.scenes__title{letter-spacing:.1em;text-transform:uppercase;color:var(--chalk-100);font-size:12px;font-weight:600}.scenes__plan{color:var(--chalk-300);font-size:11px}.scenes__group{flex-direction:column;gap:8px;min-height:0;display:flex}.scenes__legend{justify-content:space-between;align-items:center;gap:10px;display:flex}.scenes__unlock{border-radius:var(--radius-pill);letter-spacing:.08em;text-transform:uppercase;color:#171a20;transition:transform .2s var(--ease-out),filter .2s var(--ease-out);background:linear-gradient(120deg,#ffb347,#ff6a5c);flex:none;padding:8px 16px;font-size:11px;font-weight:700}.scenes__unlock:hover{filter:brightness(1.06);transform:translateY(-1px)}.scenes__unlock:active{transform:translateY(0)}.scenes__label{color:var(--chalk-300);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.scenes__label--isPack{color:var(--chalk-000)}.scenes__badge{border-radius:var(--radius-pill);letter-spacing:.1em;color:var(--accent-ink);background:var(--accent);padding:2px 7px;font-size:9px}.scenes__empty{border:1px dashed var(--ink-400);border-radius:var(--radius-m);color:var(--chalk-300);padding:12px 13px;font-size:11px;line-height:1.45}.scenes__grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:8px;display:grid}.deck{overscroll-behavior:contain;background:var(--ink-100);flex-direction:column;height:100%;min-height:0;padding-top:18px;display:flex;overflow-y:auto}@media (width<=650px){.deck{padding-top:0}}.deck__block{border-bottom:1px solid var(--ink-300);flex:none;padding:18px 12px}.deck__block--isFlexible{padding-bottom:calc(18px + var(--safe-bottom));border-bottom:0}.dock{--chevron-turn:0deg;width:var(--deck-width);transform:translateX(calc(var(--progress,0)*-1*var(--deck-width)));transition:transform var(--deck-motion) var(--ease-door);will-change:transform;flex:none;position:relative}.dock--isRight{transform:translateX(calc(var(--progress,0)*var(--deck-width)))}.dock--isDragging{transition:none}.dock:after{content:"";z-index:1;inset-block:0;width:26px;opacity:calc(1 - var(--progress,0));pointer-events:none;transition:opacity var(--deck-motion) var(--ease-door);background:linear-gradient(90deg,#0003,#00000017 30%,#00000008 62%,#0000);position:absolute;left:100%}.dock--isDragging:after{transition:none}.dock--isRight:after{background:linear-gradient(270deg,#0003,#00000017 30%,#00000008 62%,#0000);left:auto;right:100%}.dock--isOpen,.dock--isRight{--chevron-turn:180deg}.dock--isRight.dock--isOpen{--chevron-turn:0deg}.dock__clip{position:absolute;inset:0;overflow:hidden}.dock__panel{inset-block:0;width:var(--deck-width);position:absolute;right:0}.dock--isRight .dock__panel{left:0;right:auto}.dock__handle{z-index:3;top:50%;left:calc(100% + var(--dock-gap));width:var(--dock-button);height:var(--dock-button);border:1px solid rgb(var(--glass-edge)/22%);background:rgb(var(--glass-rgb)/55%);-webkit-backdrop-filter:blur(18px)saturate(170%);color:var(--chalk-100);cursor:pointer;touch-action:none;transition:border-color .2s var(--ease-out),color .2s var(--ease-out),scale .2s var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;translate:0 -50%;box-shadow:0 2px 14px #0000002e}.dock--isRight .dock__handle{right:calc(100% + var(--dock-gap));left:auto}.dock__handle:before{inset:calc(var(--dock-reach)*-1);content:"";position:absolute}.dock__handle:hover{border-color:var(--chalk-300);color:var(--chalk-000);scale:1.06}.dock__handle:active{scale:.94}.dock__handle:focus-visible{color:var(--chalk-000);box-shadow:0 0 0 2px var(--accent),0 2px 14px #0000002e;outline:none}.dock__chevron{width:12px;height:16px;transform:rotate(var(--chevron-turn));transition:transform .24s var(--ease-out)}.dock__edge{z-index:2;inset-block:var(--nav-height) 0;width:var(--dock-swipe);touch-action:none;overscroll-behavior:none;cursor:col-resize;position:absolute;left:100%}.dock__edge--isIdle{pointer-events:none}.dock--isRight .dock__edge{left:auto;right:100%}@media (width<=650px){.dock{width:auto;height:var(--deck-sheet)}.dock,.dock--isRight{transform:translateY(calc(var(--progress,0)*var(--deck-sheet)))}.dock--isRight:after,.dock:after{background:linear-gradient(#0000,#00000008 38%,#00000017 70%,#0003);width:auto;height:22px;inset:auto 0 100%}.dock{--chevron-turn:-90deg}.dock--isOpen{--chevron-turn:90deg}.dock--isRight{--chevron-turn:-90deg}.dock--isRight.dock--isOpen{--chevron-turn:90deg}.dock__panel{width:auto;height:var(--deck-sheet);inset-block:auto 0}.dock--isRight .dock__panel,.dock__panel{left:0;right:0}.dock--isRight .dock__handle,.dock__handle{top:auto;right:auto;bottom:calc(100% + var(--dock-gap));left:50%;translate:-50%}.dock__edge{inset-inline:0;width:auto;height:var(--dock-grab);cursor:row-resize;top:auto;bottom:100%;left:0}.dock--isRight .dock__edge{left:0;right:0}}@media (prefers-reduced-motion:reduce){.dock,.dock__chevron,.dock__handle{transition:none}.dock__handle:active,.dock__handle:hover{scale:1}}.drive{background:var(--backstage);height:100%;display:flex;position:relative}.drive__stage{min-width:0;opacity:calc(1 - var(--deck-open,0)*.5);transition:opacity var(--deck-motion) var(--ease-door);will-change:opacity;flex:1}.drive__stage--isDragging{transition:none}.drive__scrim{z-index:3;touch-action:none;overscroll-behavior:none;cursor:default;position:absolute;inset:0}.drive__scrim--isIdle{pointer-events:none}.drive__dock{z-index:7;inset-block:0;position:absolute;left:0}.drive__dock--isRight{left:auto;right:0}@media (width<=650px){.drive{flex-direction:column}.drive__stage{min-width:0;min-height:0}.drive__dock{inset:auto 0 0}.drive__dock--isRight{left:0;right:0}}