:root{--ink: #000;--ivory: #efe8dc;--ivory-2: rgba(239, 232, 220, .64);--ivory-3: rgba(239, 232, 220, .38);--line: rgba(239, 232, 220, .14);--line-2: rgba(239, 232, 220, .3);--amber: #f2b56b;--amber-2: rgba(242, 181, 107, .2);--cold: #8fb4d8;--danger: #ff8a6b;--veil: rgba(3, 3, 5, .62);--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--sans: "Inter", system-ui, sans-serif;--text: var(--ivory);--muted: var(--ivory-2);--accent: var(--amber);--border: var(--line)}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;background:var(--ink);color:var(--ivory);font:13px/1.45 var(--sans)}canvas{display:block}button,select{font:inherit;color:inherit}[hidden]{display:none!important}kbd{border:1px solid var(--line-2);border-radius:3px;padding:0 4px;font:11px var(--mono)}.hud{position:fixed;z-index:2;background:var(--veil);border:1px solid var(--line);border-radius:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);--tick: var(--ivory-3);background-image:linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick)),linear-gradient(var(--tick),var(--tick));background-size:9px 1px,1px 9px,9px 1px,1px 9px,9px 1px,1px 9px,9px 1px,1px 9px;background-position:-1px -1px,-1px -1px,calc(100% + 1px) -1px,calc(100% + 1px) -1px,-1px calc(100% + 1px),-1px calc(100% + 1px),calc(100% + 1px) calc(100% + 1px),calc(100% + 1px) calc(100% + 1px);background-repeat:no-repeat;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s;pointer-events:none}body.live .hud{opacity:1;transform:none;pointer-events:auto}body.live .hud.hidden{opacity:0;pointer-events:none}body.intro-playing .hud,body.intro-playing #sun-label,body.intro-playing #ring-labels,body.intro-playing #label{opacity:0!important;pointer-events:none!important}.mono,.readout{font-family:var(--mono);font-variant-numeric:tabular-nums}.section,.insp-section{margin:12px 0 8px;color:var(--ivory-3);font:500 9.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}.btn,.chip,.seg button,.moods button,#atelier .row button,.insp-tools button,#session-end button,#coach button,.alt button{border:1px solid var(--line);background:transparent;color:var(--ivory-2);cursor:pointer;border-radius:2px;transition:color .2s,border-color .2s,background .2s}.btn:hover,.chip:hover,.seg button:hover,.moods button:hover,#atelier .row button:hover,.insp-tools button:hover,#session-end button:hover,#coach button:hover{color:var(--ivory);border-color:var(--line-2);background:#efe8dc0d}.chip.on,.seg button.on,.moods button.on,button.on{color:var(--amber)!important;border-color:#f2b56b99!important;background:var(--amber-2)!important}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000;transition:opacity .6s;overflow:hidden;touch-action:none}#overlay.gone{opacity:0;pointer-events:none;transition-duration:.4s}.galaxy-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}#overlay .home{position:absolute;top:5vh;left:0;right:0;display:grid;justify-items:center;pointer-events:none;transition:opacity .8s}#overlay.diving .home,#overlay.diving .home-foot,#overlay.diving .gx-markers{opacity:0;pointer-events:none}.wordmark{display:grid;justify-items:center;gap:8px;margin:0;font-weight:inherit}.wordmark b{font-weight:200;font-size:clamp(26px,5vw,72px);letter-spacing:.32em;padding-left:.32em;line-height:1;text-transform:uppercase;white-space:nowrap;background:linear-gradient(100deg,#9c8f7c 0%,var(--ivory) 38%,#ffd9a6 50%,var(--ivory) 62%,#9c8f7c 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 22px rgba(242,181,107,.28));animation:mark-sheen 9s ease-in-out infinite}.wordmark span{font:400 10px var(--mono);letter-spacing:.5em;padding-left:.5em;text-transform:uppercase;color:var(--ivory-3)}@keyframes mark-sheen{0%,to{background-position:100% 0}50%{background-position:0 0}}.home-mark b{font-size:clamp(22px,3.6vw,46px)}#overlay{cursor:grab}#overlay.grabbing{cursor:grabbing}.gx-hint{font:400 9.5px var(--mono);letter-spacing:.14em;color:var(--ivory-3);opacity:.75;margin-top:2px}#overlay.zoomed .gx-hint{opacity:0;transition:opacity .6s}#overlay:not(.zoomed) #gx-overview{display:none}#gx-overview{color:var(--amber)!important}.gx-markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .6s}.gx-star{position:absolute;left:-16px;top:-16px;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;pointer-events:auto;will-change:transform}.gx-star:before,.gx-star:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:1px solid color-mix(in srgb,var(--c) 70%,transparent);transition:inset .3s,border-color .3s,box-shadow .3s}.gx-star:after{top:10px;right:10px;bottom:10px;left:10px;border-color:color-mix(in srgb,var(--c) 45%,transparent);animation:gx-ping 3.6s ease-out infinite}.gx-star:nth-child(3n):after{animation-delay:-1.2s}.gx-star:nth-child(3n+1):after{animation-delay:-2.4s}@keyframes gx-ping{0%{top:10px;right:10px;bottom:10px;left:10px;opacity:.9}80%,to{top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:0}}.gx-star.found{left:-12px;top:-12px;width:24px;height:24px}.gx-star.found:before{top:7px;right:7px;bottom:7px;left:7px;border-color:color-mix(in srgb,var(--c) 75%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--c) 35%,transparent)}.gx-star.found:after{display:none}.gx-star.on:before,.gx-star:focus-visible:before{top:3px;right:3px;bottom:3px;left:3px;border-color:var(--amber);box-shadow:0 0 14px #f2b56b80}.gx-star:focus-visible{outline:none}.gx-arm{position:absolute;left:0;top:0;padding:6px 10px;pointer-events:auto;cursor:default;display:grid;gap:3px;translate:-50% -50%;text-align:center;white-space:nowrap;font:500 10px var(--mono);letter-spacing:.26em;text-transform:uppercase;will-change:transform}.gx-arm b{font-weight:500;color:color-mix(in srgb,var(--c) 75%,var(--ivory));opacity:.75;transition:opacity .3s}.gx-arm span{font-size:9px;letter-spacing:.14em;text-transform:none;color:var(--ivory-3);opacity:.7}.gx-arm.on b{opacity:1;text-shadow:0 0 12px color-mix(in srgb,var(--c) 60%,transparent)}.gx-card{position:absolute;left:0;top:0;z-index:2;width:260px;padding:12px 14px 13px;pointer-events:none;border:1px solid var(--line);border-left:2px solid var(--c, var(--amber));background:#000000b8;display:grid;gap:5px;opacity:0;transition:opacity .25s}.gx-card.show{opacity:1}.gx-card b{font-weight:300;font-size:19px;letter-spacing:.08em;color:var(--ivory)}.gx-card span{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber)}.gx-card p{margin:2px 0 0;font-size:13px;line-height:1.45;color:var(--ivory-2)}.home-foot{position:absolute;left:0;right:0;bottom:4vh;display:flex;flex-wrap:wrap;justify-content:center;gap:18px;align-items:center;font:10.5px var(--mono);letter-spacing:.06em;color:var(--ivory-3);transition:opacity .6s}.home-foot button{border:0;background:none;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;padding:0}.home-foot button:hover{color:var(--ivory)}.preparing-note{display:none;color:var(--amber)!important}body.preparing .preparing-note{display:inline}#readout{top:18px;left:20px;padding:10px 14px 11px;display:grid;gap:6px;min-width:210px}#roster{top:18px;left:50%;transform:translate(-50%);display:flex;gap:4px;padding:5px;max-width:calc(100vw - 520px);overflow-x:auto;scrollbar-width:none}body.live #roster{transform:translate(-50%)}#roster:empty{display:none}#roster .astre{display:flex;align-items:center;gap:7px;padding:6px 10px 6px 8px;border:1px solid transparent;border-radius:2px;background:transparent;color:var(--ivory-2);cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s,opacity .6s;font:500 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase}#roster .astre i{width:8px;height:8px;border-radius:50%;background:var(--c);box-shadow:0 0 calc(4px + var(--lvl, 0) * 16px) var(--c);flex:none}#roster .astre:hover,#roster .astre:focus-visible{color:var(--ivory);border-color:var(--line-2);outline:none}#roster .astre.on{color:var(--amber);border-color:var(--amber)}#roster .astre.rest{opacity:.4}#readout .brand-mini{font:200 13px var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--ivory-2)}#session{display:grid;grid-template-columns:auto 1fr auto;gap:2px 10px;align-items:baseline;font:11px var(--mono)}#session-name{color:var(--ivory);letter-spacing:.12em;text-transform:uppercase}#session-phase{color:var(--amber);letter-spacing:.08em}#session-time{color:var(--ivory-2);font-variant-numeric:tabular-nums}#session-bar{grid-column:1 / -1;height:1px;background:var(--line);position:relative;margin-top:4px}#session-bar i{position:absolute;left:0;top:0;height:1px;width:0;background:var(--amber);box-shadow:0 0 6px var(--amber);transition:width .5s}#bottom{right:20px;bottom:18px;display:flex;gap:6px;padding:6px;align-items:center}#bottom>button{height:32px;min-width:32px;padding:0 10px;display:grid;grid-auto-flow:column;place-items:center;gap:7px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ivory-2);cursor:pointer;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;transition:all .2s}#bottom>button:hover{color:var(--ivory);border-color:var(--line-2);background:#efe8dc0d}#bottom svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.4}#play .i-play{display:none}#play.paused .i-play{display:block}#play.paused .i-pause{display:none}#rec i{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 6px var(--danger)}#rec span{font-variant-numeric:tabular-nums}#rec.on{color:var(--danger)!important;border-color:#ff8a6b99!important;background:#ff8a6b1a!important}#rec.on i{animation:rec-blink 1s infinite}#rec:disabled{opacity:.6;cursor:wait}@keyframes rec-blink{50%{opacity:.2}}.atelier-panel{transition:opacity .35s,transform .35s}body.live .atelier-panel{opacity:0;pointer-events:none;transform:translateY(6px)}body.live.atelier .atelier-panel{opacity:1;pointer-events:auto;transform:none}#left{top:130px;left:20px;padding:12px;width:220px;max-height:calc(100dvh - 160px);overflow:auto;scrollbar-width:thin}body.atelier #left{max-height:calc(100dvh - 510px)}.brand{display:flex;align-items:center;gap:8px;font:500 9.5px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ivory-3);margin-bottom:10px}.logo{display:none}#counter{margin-left:auto;color:var(--ivory-2)}#counter.full{animation:shake .4s;color:var(--danger)}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}#add,#add-zones{display:grid;gap:4px}#add-zones{grid-template-columns:1fr 1fr}.add-btn{display:flex;align-items:center;gap:10px;padding:7px 9px;text-align:left;cursor:pointer;position:relative;border:1px solid var(--line);border-radius:2px;background:transparent;transition:border-color .2s,background .2s}.add-btn:hover{border-color:var(--line-2);background:#efe8dc0a}.add-btn b{display:block;font-weight:500;font-size:12px}.add-btn small{color:var(--ivory-3);font-size:10.5px}.add-btn em{position:absolute;right:9px;top:50%;translate:0 -50%;font:10px var(--mono);font-style:normal;color:var(--ivory-3)}.add-btn.full{opacity:.5}.zone-btn small{display:none}.dot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);flex:none}.dot.ring{background:transparent;border:1px dashed var(--c);box-shadow:0 0 8px var(--c)}#atelier{right:20px;top:18px;width:290px;padding:14px;max-height:calc(100dvh - 110px);overflow-y:auto}#atelier .section:first-child{margin-top:0}#atelier .row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#atelier .row button{padding:6px 10px;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}#atelier .moods{display:flex;flex-wrap:wrap;gap:4px}#atelier .moods button{padding:5px 9px;font-size:11.5px}#atelier select,#root{background:transparent;border:1px solid var(--line);border-radius:2px;padding:5px 6px;font:11px var(--mono)}#atelier select option{background:#0b0a09}#chord{display:flex;align-items:baseline;gap:8px}#chord-prev{color:var(--ivory-3);font:10.5px var(--mono)}#chord-name{font:500 14px var(--mono);color:var(--amber)}#chord-name.pop{animation:chord-pop 1.2s ease-out}@keyframes chord-pop{0%{text-shadow:0 0 18px var(--amber)}}#chord-bars{display:flex;gap:3px;align-self:center}#chord-bars i{width:4px;height:4px;background:var(--line-2)}#chord-bars i.on{background:var(--amber)}.gestures{margin:0;padding-left:14px;display:grid;gap:6px;color:var(--ivory-2);font-size:11px}.gestures b{color:var(--ivory);font-weight:500}#inspector.floating{left:20px;bottom:18px;top:auto;right:auto;width:312px;padding:12px 14px 14px;transform:none!important;transition:opacity .3s}body.live #inspector.floating.hidden{opacity:0;pointer-events:none}.insp-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}#insp-swatch{width:8px;height:8px;border-radius:50%;flex:none;box-shadow:0 0 10px currentColor}.insp-head h2{flex:1;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase}.insp-tools{display:flex;gap:4px}.insp-tools button{padding:3px 7px;font:500 9.5px var(--mono);letter-spacing:.08em;text-transform:uppercase}.insp-tools button.on{color:var(--danger)!important;border-color:#ff8a6b99!important;background:#ff8a6b1a!important}.insp-tools button.danger:hover{color:var(--danger);border-color:#ff8a6b80}#insp-hint{color:var(--ivory-2);font-size:11px;line-height:1.5}#sound-chips{display:flex;flex-wrap:wrap;gap:4px}.chip{padding:4px 9px;font-size:11.5px}.import{width:100%;margin-top:8px;padding:7px;border:1px dashed var(--line-2);border-radius:2px;background:transparent;cursor:pointer;color:var(--ivory-2);font:10.5px var(--mono)}.import:hover{color:var(--amber);border-color:var(--amber)}.forget{width:100%;margin-top:2px;padding:4px;border:0;background:transparent;color:var(--ivory-3);font:10px var(--mono);cursor:pointer;text-decoration:underline dotted}.forget:hover{color:var(--danger)}.seg{display:flex;gap:4px}.seg button{flex:1;padding:6px 4px;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.knobs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}#zone-knobs{grid-template-columns:repeat(2,1fr);width:50%}.knob{display:grid;justify-items:center;gap:1px;cursor:ns-resize;touch-action:none;outline:none;border-radius:2px;padding:2px 0 4px;-webkit-user-select:none;user-select:none}.knob:focus-visible,.knob.active{background:#f2b56b14}.knob svg{width:46px;height:46px}.knob-track{fill:none;stroke:#efe8dc1f;stroke-width:2.5;stroke-linecap:round}.knob-fill{fill:none;stroke:var(--amber);stroke-width:2.5;stroke-linecap:round;filter:drop-shadow(0 0 3px rgba(242,181,107,.8))}.knob-dot{fill:var(--ivory)}.knob-value{font:10.5px var(--mono);color:var(--ivory);margin-top:-4px;white-space:nowrap}.knob-label{text-align:center;font:500 8.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ivory-3)}#leader{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s}#leader.show{opacity:1}#leader path{fill:none;stroke:var(--ivory-3);stroke-width:1}#leader circle{fill:none;stroke:var(--amber);stroke-width:1}#label{position:fixed;left:0;top:0;z-index:3;pointer-events:none;white-space:nowrap;padding:3px 8px;border-left:1px solid var(--amber);background:#0000008c;font:10.5px var(--mono);letter-spacing:.04em;color:var(--ivory-2);opacity:0;transition:opacity .25s}#label.show{opacity:1}#label b{color:var(--ivory);font-weight:500;text-transform:uppercase;letter-spacing:.12em}#label span{color:var(--amber)}#sun-label{position:fixed;left:0;top:0;z-index:2;pointer-events:none;white-space:nowrap;font:400 14px var(--mono);letter-spacing:.08em;color:var(--ivory);text-shadow:0 0 14px rgba(242,181,107,.8);opacity:0;transition:opacity .6s}body.live #sun-label{opacity:.9}#ring-labels span{position:fixed;left:0;top:0;z-index:1;pointer-events:none;white-space:nowrap;font:500 9.5px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--ivory-3);opacity:0;transition:opacity .5s}#ring-labels span.on{opacity:1;color:var(--amber)}body.ring-hover #ring-labels span,body.atelier #ring-labels span{opacity:1}body:not(.live) #ring-labels{display:none}#note-labels span{position:fixed;left:0;top:0;z-index:1;pointer-events:none;font:400 10px var(--mono);letter-spacing:.06em;color:var(--ivory);opacity:0;transition:opacity .5s,color .8s}#note-labels span.on{color:var(--amber);text-shadow:0 0 10px rgba(242,181,107,.7)}body.disk-hover #note-labels span,body.atelier #note-labels span{opacity:.35}body.disk-hover #note-labels span.on,body.atelier #note-labels span.on{opacity:1}body:not(.live) #note-labels,body.contemplation #note-labels{display:none}#toast{position:fixed;top:20px;left:50%;z-index:5;translate:-50% -8px;pointer-events:none;padding:7px 14px;background:#000000bf;border:1px solid var(--line);border-radius:2px;font:11px var(--mono);letter-spacing:.04em;opacity:0;transition:opacity .3s,translate .3s}#toast.show{opacity:1;translate:-50% 0}#link-pop{position:fixed;left:0;top:0;z-index:4;width:230px;padding:10px;display:grid;gap:5px;background:#000c;border:1px solid var(--line);border-radius:2px;opacity:0;pointer-events:none;transition:opacity .2s}#link-pop.show{opacity:1;pointer-events:auto}#link-pop .title{font:10px var(--mono);color:var(--ivory-3);text-align:center;letter-spacing:.06em}#link-pop .title b{color:var(--ivory);font-weight:500}#cadence-row{margin-bottom:6px}#groove-row{flex-wrap:wrap}#groove-row button{flex:1 1 30%}#rhythm-knobs{justify-content:flex-start}.tempo-row{align-items:center;gap:10px}.tempo-row .tempo-hint{flex:1;margin:0;font-size:10.5px;color:var(--ivory-3)}#tempo-auto.on{color:var(--amber);border-color:var(--amber)}#link-pop .strength{font:11px var(--mono);color:var(--amber);text-align:center;letter-spacing:.06em;margin:0}#link-pop .hint{font-size:10.5px;color:var(--ivory-3);margin:0;max-width:220px;line-height:1.45}#link-pop .flip{padding:6px;border:1px solid var(--line-2);border-radius:2px;background:transparent;color:var(--ivory);cursor:pointer;font:10px var(--mono);letter-spacing:.06em}#link-pop .flip:hover{border-color:var(--amber);color:var(--amber)}#link-pop .modes{display:grid;gap:4px}#link-pop .modes button{text-align:left;padding:6px 8px 6px 22px;border:1px solid var(--line);border-radius:2px;background:transparent;cursor:pointer;position:relative}#link-pop .modes button:before{content:"";position:absolute;left:8px;top:11px;width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}#link-pop .modes button b{display:block;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}#link-pop .modes button small{color:var(--ivory-3);font-size:10.5px}#link-pop .modes button.on{border-color:var(--c)}#link-pop .del{padding:6px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ivory-3);cursor:pointer;font:10px var(--mono)}#link-pop .del:hover{color:var(--danger);border-color:#ff8a6b80}#session-end,#coach,#credits>div{background:#000000d9;border:1px solid var(--line);border-radius:2px}#session-end{position:fixed;left:50%;top:40%;z-index:8;translate:-50% -50%;width:min(360px,calc(100vw - 32px));padding:20px;text-align:center;display:grid;gap:10px;opacity:0;pointer-events:none;transition:opacity .6s}#session-end.show{opacity:1;pointer-events:auto}#session-end b{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase}#session-end p{color:var(--ivory-2)}#session-end div{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}#session-end button{padding:7px 12px;font:10.5px var(--mono)}#session-end button:first-child{color:var(--amber);border-color:#f2b56b99}#coach{position:fixed;left:50%;top:24px;z-index:9;translate:-50% 0;width:min(440px,calc(100vw - 32px));padding:14px 16px;display:none;gap:10px}#coach.show{display:grid}#coach p{line-height:1.55;color:var(--ivory-2)}#coach p b{color:var(--ivory);font-weight:500}#coach div{display:flex;justify-content:flex-end;gap:6px}#coach button{padding:6px 12px;font:10.5px var(--mono)}#coach #coach-next{color:var(--amber);border-color:#f2b56b99}#credits{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0009;opacity:0;pointer-events:none;transition:opacity .3s}#credits.show{opacity:1;pointer-events:auto}#credits>div{max-width:520px;margin:0 16px;padding:20px 24px}#credits b{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}#credits ul{margin:10px 0 0;padding-left:18px;color:var(--ivory-2);display:grid;gap:6px}#drop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;pointer-events:none;background:#0009;opacity:0;transition:opacity .2s}#drop div{padding:26px 38px;border:1px dashed var(--amber);border-radius:2px;font:13px var(--mono);background:#0009}body.dropping #drop{opacity:1}#intro-title,#intro-brand{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-content:center;justify-items:center;gap:10px;pointer-events:none;opacity:0;text-align:center}#intro-title{transition:opacity 1.6s ease}#intro-title.show{opacity:1}#intro-title b{font-size:clamp(34px,6vw,72px);font-weight:200;letter-spacing:.35em;text-transform:uppercase;padding-left:.35em;text-shadow:0 0 40px rgba(242,181,107,.45)}#intro-title span{font:12px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ivory-2)}#intro-brand{transition:opacity 1.1s ease,transform 3s ease-out;transform:scale(.92)}#intro-brand.show{opacity:1;transform:scale(1)}@media (max-width: 760px),(max-height: 500px){#readout{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));min-width:0}#bottom{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}#bottom>button{min-width:40px;height:40px}#leader,#label,#note-labels{display:none!important}#insp-hint{display:none}.insp-head{flex-wrap:wrap;row-gap:6px}.insp-tools{width:100%;gap:6px}.insp-tools button{flex:1;min-height:34px}.gestures-title,.gestures:not(.laws){display:none}body.live:has(#bubble.show) #readout{opacity:0;pointer-events:none}body:has(#bubble.show) #sun-label{opacity:0}#inspector.floating,#atelier{overflow-y:auto;overscroll-behavior:contain}#coach{top:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 64px)}#overlay .home{padding:0 16px;text-align:center;top:max(5vh,env(safe-area-inset-top))}.gx-arm span{display:none}.home-foot{gap:14px;padding:0 16px;bottom:max(3vh,env(safe-area-inset-bottom))}}@media (max-width: 760px){#roster{top:calc(max(12px,env(safe-area-inset-top)) + 72px);left:12px;right:12px;max-width:none}body.live #roster{transform:none}#inspector.floating,#atelier{left:12px;right:12px;width:auto;top:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 64px);max-height:60dvh;padding:12px}#left{left:12px;top:100px}body.atelier #left{max-height:calc(50dvh - 200px)}}@media (max-height: 500px) and (min-width: 761px){#roster{top:12px;max-width:calc(100vw - 560px)}#atelier{top:12px;right:max(12px,env(safe-area-inset-right));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 64px);max-height:none}#inspector.floating{top:12px;bottom:12px;left:max(12px,env(safe-area-inset-left));max-height:none}}body.contemplation .hud,body.contemplation #label,body.contemplation #leader,body.contemplation #ring-labels,body.contemplation #toast,body.contemplation #link-pop{opacity:0!important;pointer-events:none!important;transition:opacity 1.6s}body.contemplation #sun-label{opacity:.35;transition:opacity 1.6s}body.contemplation canvas{cursor:none}#letterbox i{position:fixed;left:0;right:0;height:9vh;z-index:3;background:#000;pointer-events:none;transform:scaleY(0);transition:transform 1.8s cubic-bezier(.6,0,.2,1)}#letterbox i:first-child{top:0;transform-origin:top}#letterbox i:last-child{bottom:0;transform-origin:bottom}body.contemplation #letterbox i{transform:scaleY(1)}#caption{position:fixed;left:5vw;bottom:calc(9vh + 18px);z-index:4;pointer-events:none;display:flex;gap:14px;align-items:baseline;font:11px var(--mono);letter-spacing:.2em;text-transform:uppercase;opacity:0}#caption b{font-weight:500;color:var(--ivory)}#caption span{color:var(--amber)}#caption i{font-style:normal;color:var(--ivory-3)}body.contemplation #caption.show{animation:caption 7s ease forwards}@keyframes caption{0%{opacity:0;transform:translateY(6px)}15%,70%{opacity:1;transform:none}to{opacity:0}}body.system-mode #atelier,body.system-mode #left{display:none}#dock{left:20px;top:50%;padding:8px 6px;display:flex;flex-direction:column;gap:8px;max-height:calc(100dvh - 210px);overflow-y:auto;scrollbar-width:none;transform:translateY(calc(-50% + 6px))}body.live #dock{transform:translateY(-50%)}.dock-group{display:grid;gap:1px}.dock-fam{font:9px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ivory-3);padding:2px 8px 3px;opacity:.7}#dock button{display:flex;align-items:center;gap:9px;padding:5px 10px 5px 8px;background:transparent;border:1px solid transparent;color:var(--ivory-3);font:500 10.5px var(--mono);letter-spacing:.05em;cursor:pointer;text-align:left;white-space:nowrap;transition:color .2s,border-color .2s}#dock button i{width:9px;height:9px;border-radius:50%;border:1px solid var(--c);flex:none;transition:background .3s,box-shadow .15s}#dock button:hover{color:var(--ivory);border-color:var(--line)}#dock button.on{color:var(--ivory)!important;background:transparent!important;border-color:transparent!important}#dock button.on i{background:var(--c);box-shadow:0 0 calc(3px + var(--lvl, 0) * 14px) var(--c)}#dock button.on.sel{color:var(--amber)!important;border-color:#f2b56b80!important;background:var(--amber-2)!important}#dock button.muted{opacity:.45}#bubble{position:fixed;right:20px;bottom:84px;z-index:3;width:252px;padding:12px 14px 13px;background:var(--veil);border:1px solid var(--line);border-radius:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .25s}#bubble.show{opacity:1;pointer-events:auto}body.intro-playing #bubble,body.contemplation #bubble{opacity:0!important;pointer-events:none!important}.bubble-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}.bubble-head i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c);flex:none}.bubble-head b{display:block;font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase}.bubble-head small{display:block;color:var(--ivory-3);font-size:11.5px}.bubble-row{display:grid;grid-template-columns:66px 1fr 62px;align-items:center;gap:8px;margin:7px 0;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ivory-2)}.bubble-row em{font-style:normal;color:var(--c);text-transform:none;letter-spacing:.02em;text-align:right}.bubble-row input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:18px;background:transparent;cursor:pointer}.bubble-row input::-webkit-slider-runnable-track{height:1px;background:var(--line-2)}.bubble-row input::-moz-range-track{height:1px;background:var(--line-2)}.bubble-row input::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);border:0}.bubble-row input::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c);border:0}.bubble-tools{display:flex;gap:6px;margin-top:10px}.bubble-tools button{flex:1;padding:6px 8px;background:transparent;border:1px solid var(--line);color:var(--ivory-2);font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.bubble-tools button:hover{color:var(--ivory);border-color:var(--line-2)}.bubble-tools button.on{color:var(--amber);border-color:var(--amber)}#ambiance{position:fixed;top:0;left:0;width:320px;height:320px;z-index:3;clip-path:circle(160px);opacity:0;pointer-events:none;transition:opacity .3s;touch-action:none}#ambiance.show{opacity:1;pointer-events:auto}body.intro-playing #ambiance,body.contemplation #ambiance{opacity:0!important;pointer-events:none!important}#ambiance svg{width:100%;height:100%;display:block}.amb-zone{fill:none;stroke:url(#amb-g);opacity:.14}.amb-track{fill:none;stroke:var(--line-2);stroke-width:1}.amb-track.in{stroke:var(--line)}.amb-l{fill:var(--ivory-2);font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase}.amb-l.small{fill:var(--ivory-3);font-size:9px}.amb-needle{stroke:var(--amber);stroke-width:1;opacity:.5}.amb-dot{fill:var(--amber);filter:drop-shadow(0 0 8px rgba(242,181,107,.9));cursor:grab}.amb-now{fill:var(--ivory);font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}#syscard{position:fixed;top:0;left:0;z-index:3;width:268px;padding:12px 14px 13px;background:var(--veil);border:1px solid var(--line);border-radius:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .3s;--c: var(--amber)}#syscard.show{opacity:1;pointer-events:auto}body.intro-playing #syscard,body.contemplation #syscard{opacity:0!important;pointer-events:none!important}.card-head b{display:block;font:500 11px var(--mono);letter-spacing:.16em;text-transform:uppercase}.card-head small{display:block;color:var(--ivory-3);font-size:11.5px;margin-top:2px}.card-scales{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:10px 0 8px}.card-scales button,.card-key button,.card-new{padding:5px 6px;background:transparent;border:1px solid var(--line);color:var(--ivory-2);font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.card-scales button:hover,.card-key button:hover,.card-new:hover{color:var(--ivory);border-color:var(--line-2)}.card-key{display:grid;grid-template-columns:66px 28px 1fr 28px;align-items:center;gap:6px;margin:4px 0 6px;font:10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ivory-2)}.card-key b{text-align:center;font:500 12px var(--mono);color:var(--amber)}.card-new{width:100%;margin-top:8px}#star-hint{position:fixed;top:0;left:0;z-index:2;font:10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ivory-2);pointer-events:none;opacity:0;transition:opacity .4s;white-space:nowrap}body.star-hover:not(.contemplation):not(.intro-playing):not(.dial-open) #star-hint{opacity:1}@media (max-width: 760px),(max-height: 500px){#dock{left:12px;right:12px;top:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 60px);flex-direction:row;max-height:none;overflow-x:auto;transform:translateY(6px);padding:4px}body.live #dock{transform:none}.dock-group{display:flex}.dock-fam{display:none}#dock button{padding:8px 10px}#bubble{left:12px;right:12px;width:auto;top:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 112px);transform:none!important}#syscard{left:12px;right:12px;width:auto;top:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 112px);transform:none!important;max-height:50dvh;overflow-y:auto}}