*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b1026;color:#f1ece2;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}#scene{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#scene-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);image-rendering:pixelated;image-rendering:crisp-edges}.debug-panel{position:fixed;right:12px;top:12px;z-index:10;display:grid;gap:8px;padding:8px 10px;font-size:12px;background:#0a0c18b8;border:1px solid rgb(255 255 255 / .12)}.debug-body{display:grid;gap:8px}.debug-body[hidden]{display:none}.debug-toggle{justify-self:start}.debug-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.debug-row[hidden]{display:none}.debug-timeline{width:min(480px,70vw);height:14px;image-rendering:pixelated;cursor:pointer;touch-action:none}.debug-panel input[type=number]{width:5em}.debug-panel select,.debug-panel input[type=number]{font:inherit;color:inherit;background:#ffffff14;border:1px solid rgb(255 255 255 / .2)}.debug-panel input[type=range]{width:min(320px,50vw)}.debug-panel button{font:inherit;color:inherit;background:#ffffff14;border:1px solid rgb(255 255 255 / .2);padding:2px 8px;cursor:pointer}.gate{--gold: #ffbe29;--ribbon: #ffdc9c;--rise: cubic-bezier(.2, .8, .2, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;cursor:pointer}.gate.is-off{cursor:default}.gate.is-gone{pointer-events:none}.gate-scroll{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;overflow:hidden auto;scrollbar-gutter:stable both-edges;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.gate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#0b1026;pointer-events:none;animation:gate-dawn 1.8s ease .1s both}@keyframes gate-dawn{to{opacity:0;visibility:hidden}}.gate-blur,.gate-veil{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.gate-blur{-webkit-backdrop-filter:blur(7px) saturate(1.25);backdrop-filter:blur(7px) saturate(1.25);transition:-webkit-backdrop-filter 1.8s ease-in-out .4s,backdrop-filter 1.8s ease-in-out .4s,opacity 1.8s ease-in-out .4s}.gate.is-gone .gate-blur{-webkit-backdrop-filter:blur(0px) saturate(1);backdrop-filter:blur(0px) saturate(1);opacity:0}.gate-veil{background:#08061a61;transition:opacity 1.8s ease-in-out .4s}.gate.is-gone .gate-veil{opacity:0}.gate-veil:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 55% at 50% 50%,#0506109e,#05061033)}.gate-inner{position:relative;z-index:1;display:grid;justify-items:center;width:min(620px,100%);text-align:center;transition:opacity .9s ease}.gate.is-gone .gate-inner{opacity:0}.gate-hello,.gate-cause,.gate-blurb,.gate-lineup,.gate-enter,.gate-load,.gate-own{animation:gate-rise .9s var(--rise) var(--at, 0s) both}.gate-hello{--at: .45s}.gate-cause{--at: 1.75s}.gate-blurb{--at: 1.9s}.gate-lineup{--at: 2.05s}.gate-enter{--at: 2.25s}.gate-load{--at: 2.35s}.gate-own{--at: 2.45s}@keyframes gate-rise{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}}.gate-hello{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;margin:0 0 22px;font-family:system-ui,sans-serif;font-size:13px;letter-spacing:.04em;color:var(--ink-dim)}.gate-hello [lang]{margin-right:-.04em}.gate-dot{width:3px;height:3px;background:var(--gold);box-shadow:0 0 6px var(--gold)}.gate-flag{width:76px;height:64px;margin-bottom:18px;image-rendering:pixelated;filter:drop-shadow(0 0 14px rgb(255 190 41 / .28));animation:gate-show .6s ease .6s both}@keyframes gate-show{0%{opacity:0}}.gate-title{margin:0;font-family:var(--pixel);font-size:clamp(26px,6.4vw,54px);font-weight:400;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;text-wrap:balance;padding-left:.08em}.gate-word{display:inline-block;white-space:nowrap}.gate-word span{display:inline-block;color:#f1ece21a;animation:gate-catch .85s linear calc(.95s + var(--d)) both,gate-hum 5s ease-in-out calc(2.4s + var(--d)) infinite}@keyframes gate-catch{0%{color:#f1ece21a;text-shadow:none}8%,22%,40%{color:#fff;text-shadow:0 0 2px rgb(255 255 255 / .6),0 0 14px var(--accent),0 0 38px color-mix(in srgb,var(--accent) 55%,transparent)}14%,30%{color:#f1ece240;text-shadow:none}to{color:var(--ink);text-shadow:0 3px 0 #241038,0 0 12px color-mix(in srgb,var(--accent) 70%,transparent),0 0 34px color-mix(in srgb,var(--accent) 35%,transparent)}}@keyframes gate-hum{0%,to{color:var(--ink);text-shadow:0 3px 0 #241038,0 0 12px color-mix(in srgb,var(--accent) 70%,transparent),0 0 34px color-mix(in srgb,var(--accent) 35%,transparent)}50%{color:var(--ink);text-shadow:0 3px 0 #241038,0 0 16px color-mix(in srgb,var(--accent) 85%,transparent),0 0 46px color-mix(in srgb,var(--accent) 45%,transparent)}}.gate-cause{display:flex;align-items:center;gap:12px;margin:20px 0 0;font-family:var(--pixel);font-size:clamp(11px,2.6vw,14px);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);text-shadow:0 0 14px rgb(255 190 41 / .4)}.gate-cause span{margin-right:-.16em}.gate-cause:before,.gate-cause:after{content:"";flex:none;width:22px;height:4px;background:linear-gradient(90deg,#006248 0,#006248 50%,#f0780a 50%)}.gate-cause:after{transform:scaleX(-1)}.gate-blurb{max-width:42ch;margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--ink-dim);text-wrap:balance}.gate-lineup{width:100%;margin-top:26px;padding:9px 0 8px;overflow:hidden;background:linear-gradient(180deg,#180c28b3,#0c0618cc);border-block:1px solid rgb(255 220 156 / .16);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.gate-roll{display:flex;width:max-content;animation:gate-roll calc(var(--names) * 2.6s) linear infinite}@keyframes gate-roll{to{transform:translate(-50%)}}.gate-names{display:flex;margin:0;padding:0;list-style:none}.gate-names li{display:flex;align-items:center;font-family:var(--pixel);font-size:13px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--ribbon);text-shadow:0 0 10px rgb(255 220 156 / .35)}.gate-names li:after{content:"×";margin:0 18px;color:var(--accent);text-shadow:0 0 8px var(--accent)}.gate-enter{position:relative;margin-top:30px;padding:12px 26px 14px;font:inherit;color:inherit;background:none;border:0;cursor:inherit}.gate-enter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;--t: linear-gradient(var(--accent), var(--accent));background:var(--t) top left / 10px 2px,var(--t) top left / 2px 10px,var(--t) top right / 10px 2px,var(--t) top right / 2px 10px,var(--t) bottom left / 10px 2px,var(--t) bottom left / 2px 10px,var(--t) bottom right / 10px 2px,var(--t) bottom right / 2px 10px;background-repeat:no-repeat;filter:drop-shadow(0 0 6px var(--accent));animation:gate-breathe 2.4s ease-in-out infinite;transition:inset .35s var(--rise)}@keyframes gate-breathe{50%{opacity:.45}}.gate:not(.is-off,.is-tuning):hover .gate-enter:before,.gate-enter:focus-visible:before{top:-5px;right:-8px;bottom:-5px;left:-8px;animation:none}.gate-enter:focus-visible{outline:none}.gate-sub{display:block;font-family:var(--pixel);font-size:12.8px;line-height:16px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink);margin-right:-.3em}.gate.is-off .gate-enter{opacity:.45}.gate.is-off .gate-enter:before{animation:none}.gate-load{display:grid;justify-items:center;gap:10px;margin-top:14px}.gate-bar{--lit: 0;--cell: 8px;position:relative;visibility:hidden;width:calc(var(--cells) * var(--cell) - 2px);height:6px;background:repeating-linear-gradient(90deg,rgb(255 255 255 / .12) 0 6px,transparent 6px var(--cell))}.gate.is-tuning .gate-bar{visibility:visible;animation:gate-rise .6s var(--rise) both}.gate-bar-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--lit) * var(--cell) - 2px);background:repeating-linear-gradient(90deg,var(--gold) 0 6px,transparent 6px var(--cell));filter:drop-shadow(0 0 5px rgb(255 190 41 / .7));transition:width .25s steps(3,end)}.gate-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(90deg,transparent 0 35%,#fff 50%,transparent 65% 100%) 0 0 / 300% 100%;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px var(--cell));mask-image:repeating-linear-gradient(90deg,#000 0 6px,transparent 6px var(--cell))}.gate.is-reading .gate-bar:after{opacity:.9;animation:gate-sweep 1.1s linear infinite}@keyframes gate-sweep{0%{background-position:100% 0}to{background-position:0% 0}}.gate-status{font-size:11px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--ink-dim);min-height:1.4em}.gate-own{--ink: 11px;position:relative;margin-top:10px;padding:6px calc(var(--ink) - .06em) 6px var(--ink);font:inherit;font-size:12px;letter-spacing:.06em;color:var(--ink-faint);background:none;border:0;cursor:pointer}.gate-own:after{content:"";position:absolute;left:var(--ink);right:var(--ink);bottom:4px;height:1px;background:#f1ece240}.gate-own:hover,.gate-own:focus-visible{color:var(--ribbon);outline:none}.gate-own:hover:after,.gate-own:focus-visible:after{background:currentColor}.deck.is-arriving{animation:deck-arrive .9s cubic-bezier(.2,.8,.2,1) both}@keyframes deck-arrive{0%{opacity:0;transform:translateY(-12px);filter:blur(4px)}}@media(max-width:520px){.gate-cause{letter-spacing:.12em;text-wrap:balance}.gate-cause span{margin-right:-.12em}.gate-cause:before,.gate-cause:after{display:none}}@media(max-height:640px){.gate-hello{margin-bottom:12px}.gate-flag{margin-bottom:10px}.gate-lineup{margin-top:18px}.gate-enter{margin-top:20px}}@property --accent{syntax: "<color>"; inherits: true; initial-value: #ff5fc8;}@property --accent-2{syntax: "<color>"; inherits: true; initial-value: #8a5bff;}:root{--accent: #ff5fc8;--accent-2: #8a5bff;--ink: #f1ece2;--ink-dim: rgb(241 236 226 / .64);--ink-faint: rgb(241 236 226 / .4);--line: rgb(255 255 255 / .1);--pixel: "Silkscreen", ui-monospace, "SF Mono", Menlo, Consolas, monospace;transition:--accent 2.4s ease,--accent-2 2.4s ease}:root[data-phase=dusk]{--accent: #7ad8ff;--accent-2: #8a5bff}:root[data-phase=sunset],:root[data-phase=sunrise]{--accent: #ff8a5c;--accent-2: #ff4f9a}:root[data-phase=morning],:root[data-phase=noon],:root[data-phase=afternoon]{--accent: #ffd27a;--accent-2: #5ab4ff}body.is-idle{cursor:none}.deck{--beat: 0;position:fixed;left:max(14px,env(safe-area-inset-left));top:max(14px,env(safe-area-inset-top));z-index:10;width:min(340px,calc(100vw - 28px));padding:14px 14px 12px;font-size:12px;color:var(--ink);background:radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 62%),radial-gradient(90% 60% at 100% 100%,color-mix(in srgb,var(--accent-2) 12%,transparent),transparent 60%),linear-gradient(180deg,#140d30b8,#070514d1);border:1px solid var(--line);box-shadow:0 22px 60px -18px #000000bf,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1),filter .45s ease,visibility 0s}.deck[hidden]{display:none}.deck:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;--t: linear-gradient(var(--accent), var(--accent));background:var(--t) top left / 10px 2px,var(--t) top left / 2px 10px,var(--t) top right / 10px 2px,var(--t) top right / 2px 10px,var(--t) bottom left / 10px 2px,var(--t) bottom left / 2px 10px,var(--t) bottom right / 10px 2px,var(--t) bottom right / 2px 10px;background-repeat:no-repeat;opacity:.85}body.is-idle .deck{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px) scale(.985);filter:blur(3px);transition:opacity .7s ease,transform .7s ease,filter .7s ease,visibility 0s linear .7s}.deck-beam{position:absolute;top:-1px;left:14px;right:14px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--accent-2) 80%,transparent);opacity:calc(.35 + .65 * var(--beat));box-shadow:0 0 calc(4px + 16px * var(--beat)) color-mix(in srgb,var(--accent) 80%,transparent)}.deck-now{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center}.deck-art{position:relative;width:52px;height:52px;background:#ffffff0d;border:1px solid var(--line);box-shadow:0 0 calc(18px * var(--beat)) -2px var(--accent)}.deck-art canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.deck-art.is-empty{background:linear-gradient(180deg,transparent 55%,rgb(7 5 20 / .6) 55%),linear-gradient(180deg,var(--accent-2),var(--accent))}.deck-meta{display:grid;gap:5px;min-width:0}.deck-title{overflow:hidden;font-size:14px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.deck-title a{color:inherit;text-decoration:none}.deck-title a:hover{color:color-mix(in srgb,var(--accent) 55%,white)}.deck-title span{display:inline-block}.deck-title.is-long{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 6px,#000 calc(100% - 18px),transparent)}.deck-title.is-long span{padding-left:6px;animation:deck-marquee var(--scroll-time, 8s) ease-in-out 1.5s infinite alternate}@keyframes deck-marquee{0%,15%{transform:translate(0)}85%,to{transform:translate(calc(var(--over) - 18px))}}.deck-sub{display:flex;align-items:center;gap:8px;min-width:0;color:var(--ink-dim)}.deck-artist{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.deck-tag{flex:none;padding:2px 5px 1px;font-family:var(--pixel);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}.deck-tag[hidden]{display:none}.deck-progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px}.deck-time{min-width:3.2ch;font-size:10px;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.deck-time[data-end]{text-align:right}.deck-bar{--at: 0%;position:relative;height:14px;cursor:pointer;touch-action:none}.deck-bar:before{content:"";position:absolute;top:6px;right:0;bottom:6px;left:0;background:#ffffff1f}.deck-bar-fill{position:absolute;top:6px;left:0;width:var(--at);height:2px;background:linear-gradient(90deg,var(--accent-2),var(--accent));box-shadow:0 0 calc(4px + 10px * var(--beat)) var(--accent)}.deck-bar:after{content:"";position:absolute;top:4px;left:var(--at);width:6px;height:6px;margin-left:-3px;background:var(--ink);box-shadow:0 0 0 2px #070514cc;transform:scale(0);transition:transform .15s ease}.deck-bar:hover:after,.deck-bar:focus-visible:after{transform:scale(1)}.deck-controls{display:flex;align-items:center;gap:6px;margin-top:10px}.deck-spacer{flex:1}.deck-btn{display:grid;flex:none;place-items:center;width:32px;height:32px;padding:0;color:var(--ink);background:#ffffff0f;border:1px solid var(--line);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.deck-btn:hover{background:#ffffff1f;border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.deck-btn-quiet{color:var(--ink-dim);background:transparent;border-color:transparent}.deck-btn-quiet:hover,.deck-btn-quiet[aria-expanded=true]{color:var(--ink)}.deck-btn[aria-expanded=true]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.deck-play{width:40px;height:40px;color:#0c0720;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:0;box-shadow:0 0 calc(6px + 18px * var(--beat)) -2px var(--accent)}.deck-play:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 80%,white),var(--accent-2))}.deck-volume{display:flex;align-items:center;gap:2px;margin-left:4px}.deck-volume .deck-range{width:74px}.deck-range{--fill: 0%;width:100%;height:16px;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.deck-range::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--accent) var(--fill),rgb(255 255 255 / .16) var(--fill))}.deck-range::-moz-range-track{height:2px;background:linear-gradient(90deg,var(--accent) var(--fill),rgb(255 255 255 / .16) var(--fill))}.deck-range::-webkit-slider-thumb{width:8px;height:8px;margin-top:-3px;background:var(--ink);border:0;border-radius:0;box-shadow:0 0 0 2px #070514d9,0 0 10px var(--accent);-webkit-appearance:none;-moz-appearance:none;appearance:none}.deck-range::-moz-range-thumb{width:8px;height:8px;background:var(--ink);border:0;border-radius:0;box-shadow:0 0 0 2px #070514d9,0 0 10px var(--accent)}.deck-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.2,.8,.2,1)}.deck.is-open .deck-drawer{grid-template-rows:1fr}.deck-drawer-inner{min-height:0;overflow:hidden;opacity:0;transition:opacity .25s ease}.deck:not(.is-open) .deck-drawer-inner{visibility:hidden;transition:opacity .25s ease,visibility 0s linear .4s}.deck.is-open .deck-drawer-inner{opacity:1;transition:opacity .35s ease .08s}.deck-drawer-inner:before{content:"";display:block;height:1px;margin:14px 0 12px;background:linear-gradient(90deg,var(--line),color-mix(in srgb,var(--accent) 35%,transparent),var(--line))}.deck-field{display:grid;gap:7px}.deck-field+.deck-field{margin-top:14px}.deck-field-row{grid-template-columns:1fr auto;align-items:center}.deck-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--pixel);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.deck-clock{display:inline-flex;align-items:center;gap:6px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.04em;text-transform:none;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.deck-clock.is-live:before{content:"";width:5px;height:5px;background:#ff4f6a;box-shadow:0 0 8px #ff4f6a;animation:deck-live 2s ease-in-out infinite}@keyframes deck-live{50%{opacity:.35}}.seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:4px}.seg-btn{padding:7px 6px 6px;font:inherit;font-size:11px;color:var(--ink-dim);background:#ffffff0a;border:1px solid var(--line);cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.seg-btn:hover{color:var(--ink);background:#ffffff14}.seg-btn[aria-pressed=true]{color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 26%,transparent),color-mix(in srgb,var(--accent) 8%,transparent));border-color:color-mix(in srgb,var(--accent) 75%,transparent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--accent) 20%,transparent),0 0 14px -6px var(--accent)}.deck-hint{min-height:1.4em;margin:0;font-size:11px;line-height:1.4;color:var(--ink-faint)}.deck-custom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;align-items:center;margin-top:2px}.deck-custom .seg-btn{min-width:68px;padding-inline:12px}.deck-custom[hidden]{display:none}.deck-sky{height:20px}.deck-sky::-webkit-slider-runnable-track{height:8px;background:var(--sky);box-shadow:inset 0 0 0 1px #ffffff1f}.deck-sky::-moz-range-track{height:8px;background:var(--sky);box-shadow:inset 0 0 0 1px #ffffff1f}.deck-sky::-webkit-slider-thumb{width:4px;height:16px;margin-top:-4px;box-shadow:0 0 0 2px #070514d9,0 0 12px #ffffffb3}.deck-sky::-moz-range-thumb{width:4px;height:16px;box-shadow:0 0 0 2px #070514d9,0 0 12px #ffffffb3}.deck-sky-ticks{grid-column:1;display:flex;justify-content:space-between;font-size:9px;font-variant-numeric:tabular-nums;color:var(--ink-faint)}.deck-switch{position:relative;width:38px;height:20px;padding:0;background:#ffffff14;border:1px solid var(--line);cursor:pointer;transition:background .25s ease,border-color .25s ease}.deck-switch-knob{position:absolute;top:3px;left:3px;width:12px;height:12px;background:var(--ink-dim);transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s ease,box-shadow .25s ease}.deck-switch[aria-checked=true]{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:color-mix(in srgb,var(--accent) 70%,transparent)}.deck-switch[aria-checked=true] .deck-switch-knob{background:#fff;box-shadow:0 0 10px var(--accent);transform:translate(18px)}.deck-music{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.deck-music-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.deck-music .seg-btn{padding-inline:12px}.music{width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:18px 18px 16px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px;color:var(--ink);background:radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 62%),linear-gradient(180deg,#140d30f0,#070514f5);border:1px solid var(--line);box-shadow:0 30px 80px -20px #000c}.music::backdrop{background:#05061099;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.music-head{display:flex;align-items:center;justify-content:space-between}.music-heading{margin:0;font-family:var(--pixel);font-size:14px;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.music-close{width:28px;height:28px;font:inherit;font-size:18px;line-height:1;color:var(--ink-dim);background:none;border:1px solid transparent;cursor:pointer}.music-close:hover{color:var(--ink);border-color:var(--line)}.music-now{margin:6px 0 16px;color:var(--ink-dim);overflow-wrap:anywhere}.music-now span{color:var(--ink)}.music-field{display:grid;gap:7px;margin:0}.music-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.music-input{min-width:0;padding:8px 9px;font:inherit;color:var(--ink);background:#ffffff0d;border:1px solid var(--line)}.music-input::placeholder{color:var(--ink-faint)}.music-btn{padding:8px 14px 7px;font:inherit;font-size:12px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 30%,transparent),color-mix(in srgb,var(--accent) 10%,transparent));border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);cursor:pointer}.music-btn:hover{background:color-mix(in srgb,var(--accent) 34%,transparent)}.music-btn-files{justify-self:start}.music :disabled{opacity:.5;cursor:progress}.music-or{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:14px 0;font-family:var(--pixel);font-size:10px;text-transform:uppercase;color:var(--ink-faint)}.music-or:before,.music-or:after{content:"";height:1px;background:var(--line)}.music-status:has(.music-message:empty):has(.music-refused:empty){display:none}.music-status{margin-top:12px;padding:10px;background:#ffffff0a;border:1px solid var(--line)}.music-message{margin:0;overflow-wrap:anywhere}.music-message.is-error{color:#ff9aa0}.music.is-busy .music-message:after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;background:var(--accent);animation:deck-live .8s ease-in-out infinite}.music-refused{margin:8px 0 0;padding:0 0 0 16px;color:#ffb7a0;overflow-wrap:anywhere}.music-refused:empty{display:none}.music-refused li+li{margin-top:4px}.music-default{margin-top:14px;padding:4px 0;font:inherit;color:var(--ink-dim);background:none;border:0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.music-default:hover{color:var(--ink)}.music-default[hidden]{display:none}.music :focus-visible{outline:1px solid var(--accent);outline-offset:2px}body.is-dropping #scene:after{content:"Drop to play";position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:30;display:grid;place-items:center;font-family:var(--pixel);font-size:18px;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:#0506108c;border:2px dashed var(--accent);pointer-events:none}.deck-note{margin:10px 0 0;font-size:11px;color:#ff9aa0}.deck-note:empty{display:none}.deck-note.is-loading{display:flex;align-items:center;gap:8px;color:var(--ink-dim)}.deck-note.is-loading:before{content:"";width:6px;height:6px;background:var(--accent);animation:deck-live .8s ease-in-out infinite}.deck :focus-visible{outline:1px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){:root,.gate,.gate *,.deck,.deck *,body.is-idle .deck{transition:none}.gate *,.gate:before,.deck.is-arriving{animation:none}.gate{transition:opacity .6s ease}.gate.is-gone{opacity:0}.gate:before{display:none}.gate-word span{color:var(--ink);text-shadow:0 3px 0 #241038,0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.gate-lineup{-webkit-mask-image:none;mask-image:none}.gate-roll,.gate-names{width:auto;flex-wrap:wrap;justify-content:center;row-gap:6px;padding-inline:12px}.gate-names[aria-hidden],.gate-names li:last-child:after{display:none}.deck-title.is-long span,.deck-clock.is-live:before,.deck-note.is-loading:before,.music.is-busy .music-message:after{animation:none}}