@font-face{font-family:Schoolbell Title;src:url(/assets/Schoolbell-Regular-B0Op7rKS-g2.ttf)format("truetype");font-display:block}@font-face{font-family:JBM;src:url(/play/treat-yourself/fonts/JetBrainsMono-Bold.woff2)format("woff2");font-weight:700;font-display:block}@font-face{font-family:OTF Block;src:url(/fonts/otf-block.woff)format("woff");font-display:block}#intro{z-index:60;contain:strict;cursor:pointer;background:#0b0b0c;animation:.4s linear 8s forwards intro-failsafe;position:fixed;overflow:hidden}#intro.is-cut{cursor:auto;background:0 0}@keyframes intro-failsafe{to{opacity:0;visibility:hidden}}#intro .ic{transform-origin:0 0;width:1920px;height:1080px;transform:scale(var(--s,1));position:absolute;top:0;left:0}#intro .ip{position:absolute;inset:0}#intro.is-cut .ip{filter:drop-shadow(0 26px 30px #00000080)drop-shadow(0 5px 8px #00000052)}#intro .ipc{width:2520px;height:1240px;position:absolute;top:-80px;left:-300px}#intro .iw{width:1920px;height:1080px;position:absolute;top:80px;left:300px}#intro .il span{white-space:pre;line-height:1;position:absolute;translate:-50%}#intro .ir{text-align:center;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font:700 30px/1 JBM,ui-monospace,monospace;position:absolute;top:652px;left:0;right:0}#intro .ir em{color:#d23a2e;padding:0 .3em;font-style:normal}#intro .il,#intro .ir{opacity:0}#intro.is-named .il,#intro.is-named .ir{opacity:1;transition:opacity .16s ease-out}#intro .p-gmyh .ipc{background:repeating-linear-gradient(0deg,#ffffff07 0 2px,#0000 2px 5px),radial-gradient(70% 60% at 22% 42%,#707176,#55565a 75%)}#intro .p-gmyh .il span{letter-spacing:.035em;color:#fff;-webkit-text-stroke:6px #1b1b1e;paint-order:stroke fill;text-shadow:0 7px #1b1b1e;font:900 226px/1 Nunito,system-ui,sans-serif}#intro .p-gmyh .ir{color:#f4f0e8db}#intro .p-mb .ipc{background:repeating-linear-gradient(#0000 0 33px,#9ec3e680 33px 34.4px) 0 14px/100% 34px,#f7f7f4}#intro .p-mb .il span{color:#1e2a5a;font:400 272px/1 Schoolbell Title,cursive;rotate:-3deg}#intro .p-mb .ir{color:#1e2a5ad1}#intro .p-ty .ipc{background:radial-gradient(34% 26% at 52% 43%,#ff96461a,#0000 70%),#050404}#intro .p-ty .il span{color:#f6ead2;text-shadow:0 0 18px #ffbe6ebf,0 0 46px #ff8c3c59;font:700 226px/1 JBM,ui-monospace,monospace}#intro .p-ty .ir{color:#f6ead2cc}#intro .p-otf .ipc{background:radial-gradient(#4630181f 1.3px,#0000 1.8px) 0 0/7px 7px,#e6d7b6}#intro .p-otf .il span{color:#151210;font:400 236px/1 OTF Block,ui-monospace,monospace}#intro .p-otf .ir{color:#151210d1}#intro .icuts{position:absolute;top:0;left:0;overflow:visible}:root{--letterbox:#0b0b0c;--hud-fg:#ebe8e19e;--hud-fg-hi:#f4f2ec;--mono:"IBM Plex Mono", ui-monospace, monospace;--sans:"Nunito", system-ui, sans-serif;--hand:"Gochi Hand", "Comic Sans MS", cursive;--stage-scale:1}*,:before,:after{box-sizing:border-box}html,body{background:var(--letterbox);height:100%;color:var(--hud-fg-hi);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .6s;overflow:hidden}body[data-scene=title]{background:linear-gradient(90deg,#141417 0 44%,#7c7f86 50%,#fafbfc 56% 100%)}body[data-scene=mb]{background-color:#fafbfc;background-image:linear-gradient(to bottom, #9ec3e66b 0, #9ec3e66b max(1px, calc(1.2px * var(--stage-scale))), transparent max(1px, calc(1.2px * var(--stage-scale))));background-size:100% calc(34px * var(--stage-scale));background-position:0 calc(var(--stage-top,0px) + 38px * var(--stage-scale))}body[data-scene=mb] #stage{box-shadow:0 0 0 1px #22263a0f}#stage{contain:strict;position:fixed;overflow:hidden}.layer{position:absolute;inset:0}canvas.layer-canvas{width:100%;height:100%;display:block}.layer-ui,.layer-hud,.layer-overlay{width:1920px;height:1080px;transform:translateX(var(--stage-bleed,0px)) scale(var(--stage-scale));transform-origin:0 0;pointer-events:none}.layer-ui *,.layer-hud *{pointer-events:auto}.layer-ui .scene,.layer-ui .toy-dom,.layer-ui .passthrough{pointer-events:none}.layer-ui .scene>:not(.passthrough),.layer-ui .toy-dom>*{pointer-events:auto}.layer-ui .scene>.toy-dom,.layer-ui .toy-dom,.layer-ui .toy-coach,.layer-ui .scene>.toy-coach{pointer-events:none}.layer-ui .toy-coach>*{pointer-events:auto}.layer-overlay,.layer-overlay *{pointer-events:none}.scene{position:absolute;inset:0}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline-offset:4px;border-radius:6px;outline:3px solid #f4f2ec}.game-frame{background:#000;border:0;display:block}.toy-error{font:500 18px var(--mono);opacity:.7;place-items:center;display:grid;position:absolute;inset:0}.hud{font:500 17.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--hud-fg);justify-content:space-between;align-items:center;padding:0 32px;display:flex}.hud a,.hud button{color:var(--hud-fg);cursor:pointer;letter-spacing:inherit;text-transform:inherit;font:inherit;background:0 0;border:0;padding:6px 0;text-decoration:none}.hud a:hover,.hud button:hover{color:var(--hud-fg-hi)}.hud-name{color:var(--hud-fg-hi)!important}.hud-name span{color:var(--hud-fg)}.hud-links{align-items:center;gap:26px;display:flex}.hud kbd{font:inherit;border:1px solid;border-radius:3px;margin-right:4px;padding:1px 5px}.hud-xray[aria-pressed=true]{color:#39ff88!important}.dev-tabs{font:500 15px var(--mono);align-items:center;gap:18px;display:flex}.dev-tabs a{opacity:.6;text-decoration:none}.dev-tabs a.active{opacity:1;text-decoration:underline}body[data-scene=dev]{background:#1a1a1c}.xray-panel{color:#39ff88;width:400px;font:500 15px/1.45 var(--mono);z-index:10;background:#040c08f5;border:1px solid #39ff8880;padding:12px 14px;display:none;position:absolute;top:190px;right:470px}body.xray-on .xray-panel{display:block}.xray-head{letter-spacing:.1em;justify-content:space-between;margin-bottom:8px;display:flex}.xray-panel.is-lab{white-space:nowrap;border-radius:99px;width:auto;max-width:640px;padding:4px 14px;display:none;inset:auto auto 3px 50%;overflow:hidden;transform:translate(-50%)}body.xray-on .xray-panel.is-lab{align-items:center;gap:14px;display:flex}.xray-panel.is-lab .xray-head{pointer-events:auto;cursor:pointer;gap:14px;margin:0}.xray-panel.is-lab .xray-frame{text-overflow:ellipsis;max-width:300px;margin:0;overflow:hidden}.xray-panel.is-lab:not(.is-open) .xray-key,.xray-panel.is-lab .xray-graph,.xray-panel.is-lab .xray-probes,.xray-panel.is-lab .xray-status{display:none}.xray-panel.is-lab.is-open{white-space:normal;border-radius:10px;width:440px;max-height:860px;padding:14px 16px;display:none;inset:180px 48px auto auto;overflow:hidden auto;transform:none}body.xray-on .xray-panel.is-lab.is-open{display:block}.xray-panel.is-lab.is-open .xray-head{margin-bottom:8px}.xray-panel.is-lab.is-open .xray-graph,.xray-panel.is-lab.is-open .xray-probes,.xray-panel.is-lab.is-open .xray-status{display:block}.xray-panel.is-lab.is-open .xray-frame{max-width:none;margin:6px 0 8px}.xray-key{opacity:.6}.xray-graph{border-bottom:1px solid #39ff8840;width:100%;max-width:372px;height:56px;display:block}.xray-frame{color:#b8ffd5;margin:6px 0 8px}.xray-probes div{justify-content:space-between;gap:12px;display:flex}.xray-probes b{color:#eafff2;text-align:right;font-weight:600}.xray-status{opacity:.6;margin-top:8px}body.xray-on [data-xray]{outline-offset:-1px;outline:1px dashed #39ff88d9}body.xray-on [data-xray]:after{content:attr(data-xray);color:#39ff88;font:500 15px/1.4 var(--mono);white-space:nowrap;pointer-events:none;z-index:5;background:#040c08db;padding:1px 6px;position:absolute;top:0;left:0;transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){html,body{transition:none}}.world,.dev-scene{--tab-watch:#d9d8d3;--tab-play:#f2a62c;--tab-lab:#62e6c4;--tab-on:#0a0a0a;--c-bg:#0a0a0a;--c-fg:#f4f2ec;--c-dim:#f4f2ec9e;--c-accent:#f2a62c;--c-line:#f4f2ec38}.world-header{align-items:center;gap:32px;padding:0 48px;display:flex}.world-back{min-height:48px;font:600 18px var(--mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:inline-flex}.world-title{flex:1;align-items:baseline;gap:18px;min-width:0;display:flex}.world-title h1{font:900 40px/1 var(--sans);white-space:nowrap;margin:0}.world-badge{font:500 17.5px var(--mono);letter-spacing:.08em;opacity:.8;white-space:nowrap}.world-tabs{gap:12px;display:flex}.world-tabs a{--tab:var(--tab-watch);min-height:60px;font:800 26px/1 var(--sans);letter-spacing:.01em;white-space:nowrap;color:var(--tab);align-items:center;gap:12px;padding:0 28px 0 22px;text-decoration:none;display:inline-flex;position:relative}.world-tabs a[data-tab=play]{--tab:var(--tab-play)}.world-tabs a[data-tab=lab]{--tab:var(--tab-lab)}.world-tabs a svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:30px;height:30px}.world-tabs a svg .fill{fill:currentColor;stroke:none}@media (prefers-reduced-motion:no-preference){.world-tabs a.has-cue:after{content:"";border-radius:inherit;pointer-events:none;animation:2.2s ease-out infinite tab-cue;position:absolute;inset:0}.world-tabs a.has-cue:not(.active){background-image:linear-gradient(105deg,#0000 38%,#ffffff57 50%,#0000 62%);background-repeat:no-repeat;background-size:260% 100%;animation:3.4s ease-in-out infinite tab-glint}}@keyframes tab-cue{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tab) 75%, transparent);opacity:1}70%,to{box-shadow:0 0 0 16px color-mix(in srgb, var(--tab) 0%, transparent);opacity:0}}@keyframes tab-glint{0%,55%{background-position:130% 0}to{background-position:-40% 0}}.world-tab{opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;position:absolute;inset:0}.world-tab.is-active{opacity:1;visibility:visible;transition:opacity .25s}@media (prefers-reduced-motion:no-preference){.is-entering .world-header{animation:.5s cubic-bezier(.2,.9,.25,1) 40ms backwards wi-down}.is-entering .world-tab.is-active{animation:.5s ease-out .16s backwards wi-fade}.is-entering .lab-tabs{animation:.5s cubic-bezier(.2,.9,.25,1) .2s backwards wi-up}.is-entering .panel-col{animation:.55s cubic-bezier(.2,.9,.25,1) .3s backwards wi-left}.is-entering .world-tabs a:nth-child(2){animation-delay:80ms}}@keyframes wi-down{0%{opacity:0;transform:translateY(-22px)}}@keyframes wi-up{0%{opacity:0;transform:translateY(18px)}}@keyframes wi-left{0%{opacity:0;transform:translate(34px)}}@keyframes wi-fade{0%{opacity:0}}.lab-tabs{align-items:stretch;gap:12px;display:flex}.lab-card{flex:1 1 0;align-items:center;gap:12px;min-width:0;padding:0 14px;text-decoration:none;display:flex;position:relative}.lc-num{width:44px;height:44px;font:900 24px/1 var(--sans);border-radius:50%;flex:none;place-items:center;display:grid}.lc-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.lc-title{font:800 21px/1.1 var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lc-hook{font:500 17.5px/1.15 var(--sans);white-space:nowrap;text-overflow:ellipsis;opacity:.74;display:block;overflow:hidden}.lab-card.is-bonus{opacity:.72;flex:none;gap:10px;padding:0 18px 0 12px}.lab-card.is-bonus:hover,.lab-card.is-bonus.active{opacity:1}.lab-card.is-bonus .lc-num{width:30px;height:30px;font-size:18px}.lab-card.is-bonus .lc-title{font-size:17px}.lab-card.is-bonus .lc-hook{display:none}.lc-tag{font:600 15px/1 var(--sans)}.lc-state{flex:none;place-items:center;display:grid}.lc-state i{grid-area:1/1;font-style:normal;display:none}.lab-card.visited:not(.active) .lc-check{display:block}.lc-check{text-align:center;width:26px;height:26px;font:800 16px/26px var(--sans);border-radius:50%;display:none}.lab-card.active:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,50% 100%);width:18px;height:18px;margin-left:-9px;position:absolute;bottom:-9px;left:50%}.panel-blurb{font:500 18px/1.5 var(--p-font);color:var(--p-dim)}.panel-blurb p{margin:0 0 8px}.panel-blurb b,.panel-blurb em{color:var(--p-fg)}.panel-blurb.is-clamped{max-height:4.6em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.more-open .panel-blurb.is-clamped{max-height:none;-webkit-mask-image:none;mask-image:none}.panel-more-box{font:500 18px/1.5 var(--p-font);color:var(--p-dim);display:none}.more-open .panel-more-box{display:block}.panel-more-box p{margin:0 0 8px}.panel-more{border:1.5px solid var(--p-line);color:var(--p-fg);font:700 17.5px/1 var(--p-font);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:99px;align-self:flex-start;padding:7px 14px}.panel-source{border-top:1px solid var(--p-line);font:500 17px var(--mono);color:var(--p-dim);flex-wrap:wrap;gap:6px 10px;margin-top:auto;padding-top:12px;display:flex}.panel-source span{letter-spacing:.06em;text-transform:uppercase;width:100%;font-size:17px}.panel-source code{color:var(--p-fg)}.coach{background:var(--c-bg);width:420px;color:var(--c-fg);box-shadow:0 0 0 2px var(--c-line), 0 18px 40px #00000061;z-index:40;opacity:0;visibility:hidden;border-radius:20px;padding:18px 22px;transition:opacity .2s,transform .3s cubic-bezier(.19,1,.22,1),visibility 0s linear .3s;position:absolute;transform:translateY(10px)scale(.96)}.coach.is-on{opacity:1;visibility:visible;transition:opacity .2s,transform .35s cubic-bezier(.19,1,.22,1);transform:none}.coach.is-swap{opacity:0;transition:opacity .12s,transform .12s;transform:translateY(6px)scale(.98)}.coach[data-pos=tl]{top:24px;left:24px}.coach[data-pos=tr]{top:24px;right:24px}.coach[data-pos=bl]{bottom:24px;left:24px}.coach[data-pos=br]{bottom:24px;right:24px}.coach-top{align-items:center;gap:12px;display:flex}.coach-dots{flex:1;gap:5px;display:flex}.coach-dots i{background:var(--c-line);border-radius:3px;width:22px;height:5px;transition:background .25s}.coach-dots i.on{background:var(--c-accent)}.coach-skip,.coach-keep{color:var(--c-dim);font:600 18px/1 var(--mono);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:8px 6px;text-decoration:underline}.coach-beat{font:700 18px/1.25 var(--sans);color:var(--c-fg);margin:14px 0 -4px}.coach-beat[hidden]{display:none}.coach-text{font:800 26px/1.22 var(--sans);letter-spacing:-.005em;margin:12px 0 14px}.coach-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.coach-next,.coach-go,.coach-alt{min-height:48px;font:800 21px/1 var(--sans);background:var(--c-accent);color:var(--c-bg);cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;margin-left:auto;padding:0 24px;text-decoration:none;display:inline-flex}.coach-tick{background:var(--c-accent);width:40px;height:40px;color:var(--c-bg);border-radius:50%;place-items:center;transition:transform .4s cubic-bezier(.2,2.2,.4,1);display:grid;transform:scale(0)}.coach-tick svg{fill:none;stroke:currentColor;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.coach.is-done .coach-tick{transform:scale(1)}.coach.is-done .coach-text{opacity:.6}.coach.is-done .coach-next{visibility:hidden}.coach-end{flex-wrap:wrap;align-items:center;gap:10px 12px;display:none}.coach.is-end .coach-end{display:flex}.coach.is-end .coach-foot,.coach.is-end .coach-dots,.coach.is-end .coach-skip{display:none}.coach-go{margin-left:0}.coach-list{counter-reset:cl;gap:8px;width:100%;margin:-4px 0 6px;padding:0;list-style:none;display:grid}.coach-list li{counter-increment:cl;font:700 19px/1.25 var(--sans);align-items:baseline;gap:12px;display:flex}.coach-list li:before{content:counter(cl);background:var(--c-line);width:26px;height:26px;color:var(--c-fg);font:900 15px/1 var(--sans);border-radius:50%;flex:none;place-items:center;display:inline-grid}.coach-foot-note{width:100%;font:500 13px/1.4 var(--mono);color:var(--c-dim);opacity:.75;margin:6px 0 0}.coach-alt{color:var(--c-fg);box-shadow:inset 0 0 0 2px var(--c-line);background:0 0;margin-left:0}.coach-chip{z-index:40;background:var(--c-bg);min-height:40px;color:var(--c-fg);box-shadow:0 0 0 2px var(--c-line);font:700 18px/1 var(--mono);cursor:pointer;opacity:0;visibility:hidden;border:0;border-radius:99px;align-items:center;gap:8px;padding:0 16px;transition:opacity .2s,visibility 0s linear .2s;display:inline-flex;position:absolute;bottom:24px;left:24px}.coach-chip.is-on{opacity:.9;visibility:visible;transition:opacity .2s}.coach-chip:hover{opacity:1}@media (prefers-reduced-motion:reduce){.coach,.coach.is-on,.coach.is-swap,.coach-tick{transition:opacity .15s}}.panel-source[hidden],.panel-reset[hidden]{display:none}.panel-col{--p-fg:#f4f2ec;--p-dim:#f4f2ec8c;--p-line:#f4f2ec2e;--p-accent:#f4f2ec;--p-track:#f4f2ec29;--p-bg:transparent;--p-font:var(--mono);--p-title-font:var(--sans);color:var(--p-fg);background:var(--p-bg);flex-direction:column;gap:12px;display:flex;overflow:hidden auto}.panel-title{font:900 36px/1.05 var(--p-title-font);margin:0}.panel-kicker{color:var(--p-dim);font:500 18px/1.4 var(--p-font);margin:0 0 6px}.panel{font:500 18px/1.45 var(--p-font);flex-direction:column;gap:14px;display:flex}.panel-group{border-radius:10px;flex-direction:column;gap:14px;display:none}.panel-group.is-on,.panel:not(.is-guided) .panel-group{display:flex}.panel-group.just-revealed{animation:.55s cubic-bezier(.2,1.3,.35,1) both pg-in}@keyframes pg-in{0%{opacity:0;box-shadow:0 0 0 0 var(--p-accent);transform:translateY(-10px)scale(.97)}45%{opacity:1;box-shadow:0 0 0 3px var(--p-accent)}to{transform:none;box-shadow:0 0 #0000}}@keyframes pg-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.panel-group.just-revealed{animation:.2s ease-out both pg-fade}}.panel:not(.has-groups) .panel-all{display:none}.panel-all{border-top:1px dashed var(--p-line);margin-top:4px;padding-top:12px}.panel-all-btn{border:1.5px solid var(--p-line);color:var(--p-dim);font:600 17.5px/1 var(--p-font);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}.panel-all-btn i{background:var(--p-track);border-radius:9px;width:30px;height:17px;position:relative}.panel-all-btn i:after{content:"";background:var(--p-fg);border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:2.5px;left:3px}.panel-all-btn[aria-pressed=true]{color:var(--p-fg);border-color:var(--p-accent)}.panel-all-btn[aria-pressed=true] i{background:var(--p-accent)}.panel-all-btn[aria-pressed=true] i:after{transform:translate(12px)}.panel-section{border-bottom:1px solid var(--p-line);color:var(--p-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:8px;padding-bottom:4px;font-size:17px}.panel-note{color:var(--p-dim)}.panel-note code{color:var(--p-fg)}.panel-slider label,.panel-toggle label,.panel-readout{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-slider output{font-variant-numeric:tabular-nums}.panel-slider.off-game output{color:var(--p-accent)}.panel-slider .track{margin-top:4px;position:relative}.panel-slider input[type=range]{appearance:none;cursor:pointer;--p:50%;background:0 0;width:100%;height:28px;margin:0}.panel-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--p-accent) var(--p), var(--p-track) var(--p));border-radius:3px;height:6px}.panel-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--p-fg);border:3px solid var(--p-accent);border-radius:50%;width:22px;height:22px;margin-top:-8px;transition:transform .14s cubic-bezier(.2,1.6,.4,1)}.panel-slider input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12,.86)}.panel-slider input[type=range]::-moz-range-track{background:var(--p-track);height:6px}.panel-slider input[type=range]::-moz-range-progress{background:var(--p-accent);height:6px}.panel-slider .game-tick{background:var(--p-dim);pointer-events:none;width:2px;height:18px;margin-left:-1px;position:absolute;top:5px}.panel-toggle input{opacity:0;pointer-events:none;position:absolute}.panel-toggle label{cursor:pointer}.panel-toggle i{background:var(--p-track);border-radius:13px;width:46px;height:26px;transition:background .15s;position:relative}.panel-toggle i:after{content:"";background:var(--p-fg);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px}.panel-toggle.on i{background:var(--p-accent)}.panel-toggle.on i:after{transform:translate(20px)}.panel-toggle input:focus-visible+i{outline:2px solid var(--p-fg);outline-offset:2px}.panel-presets,.panel-buttons{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel-label{color:var(--p-dim);margin-right:4px}.panel-presets button,.panel-buttons button{border:1px solid var(--p-line);color:var(--p-fg);cursor:pointer;min-height:40px;font:inherit;background:0 0;border-radius:6px;padding:9px 15px}.panel-presets button.active,.panel-buttons button.primary{border-color:var(--p-accent);color:var(--p-accent)}.panel-presets button:hover,.panel-buttons button:hover{border-color:var(--p-fg)}.panel-readout span{color:var(--p-dim)}.panel-readout b{font-variant-numeric:tabular-nums;font-weight:600}.panel-reset{margin-top:6px}.layer-hud .hud{--cap-bg:#0a0a0cbd;--cap-fg:#f4f2ecb3;--cap-hi:#f4f2ec;--cap-line:#f4f2ec24;--cap-on:#39ff88;font:500 17.5px/1 var(--mono);letter-spacing:.04em;color:var(--cap-fg);pointer-events:none;align-items:center;padding:0 16px;animation:.6s ease-out .7s backwards hud-in}.layer-hud .hud>*{pointer-events:auto}.hud-name,.hud-links{background:var(--cap-bg);border:1px solid var(--cap-line);-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;height:35px;padding:0 14px;transition:background-color .3s,border-color .3s,color .3s;display:flex}.hud a.hud-name{background:var(--cap-bg);border:1px solid var(--cap-line);gap:10px;padding:0 16px 0 12px;color:var(--cap-hi)!important}.hud .hud-name b{letter-spacing:.06em;text-transform:uppercase;font-weight:700}.hud .hud-name span{color:var(--cap-fg);text-transform:uppercase}.hud-mark{background:var(--cap-hi);border-radius:3px;width:11px;height:11px;transition:transform .25s cubic-bezier(.2,.9,.25,1);transform:rotate(12deg)skew(-12deg)}.hud .hud-name:hover .hud-mark{transform:rotate(-12deg)skew(12deg)scale(1.25)}.hud .hud-links{gap:0;padding:0 6px}.hud .hud-links a,.hud .hud-links button{text-transform:uppercase;height:100%;color:var(--cap-fg);border-radius:999px;align-items:center;gap:8px;padding:0 13px;transition:color .15s,background-color .15s;display:inline-flex}.hud .hud-links a:hover,.hud .hud-links button:hover{color:var(--cap-hi);background:var(--cap-line)}.hud-sep{background:var(--cap-line);width:1px;height:18px;margin:0 6px}.hud .hud-links kbd{font:600 14px/1 var(--mono);text-align:center;opacity:.85;border:1px solid;border-radius:4px;min-width:22px;margin:0;padding:3px 6px}.hud .hud-links .hud-xray[aria-pressed=true]{color:var(--cap-on)!important}.hud .hud-links .hud-xray[aria-pressed=true] kbd{background:var(--cap-on);border-color:var(--cap-on);color:#04100a;opacity:1}.hud-eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.hud-eq i{transform-origin:50% 100%;background:currentColor;border-radius:1px;width:2px;height:100%;animation:.9s ease-in-out infinite hud-eq}.hud-eq i:nth-child(2){animation-delay:-.3s}.hud-eq i:nth-child(3){animation-delay:-.6s}.hud-sound[aria-pressed=false] .hud-eq i{opacity:.6;animation:none;transform:scaleY(.2)}.hud-sound span{text-align:left;min-width:5.2em}.hud-about[aria-current=page]{background:var(--cap-line);color:var(--cap-hi)!important}body[data-scene=title] .hud-name{visibility:hidden}body[data-scene=mb] .layer-hud .hud{--cap-bg:#fafbfce0;--cap-fg:#22263aa8;--cap-hi:#22263a;--cap-line:#22263a29;--cap-on:#0c8a46}body[data-scene=mb] .hud-mark{background:#c0392b}body[data-scene=about] .layer-hud .hud{--cap-bg:#ffffff0d;--cap-line:#f4f2ec1f}body[data-scene=dev] .layer-hud .hud{--cap-bg:#0a0a0c80}@keyframes hud-in{0%{opacity:0;transform:translateY(8px)}}@keyframes hud-eq{0%,to{transform:scaleY(.25)}35%{transform:scaleY(1)}65%{transform:scaleY(.5)}}@media (prefers-reduced-motion:reduce){.layer-hud .hud{animation:none}.hud-eq i{animation:none;transform:scaleY(.7)}}.fit-hint{display:none}@media (orientation:portrait){.fit-hint{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));color:#f4f2ecdb;max-width:calc(100vw - 32px);font:500 13px/1.3 var(--mono);letter-spacing:.02em;text-align:center;white-space:nowrap;pointer-events:none;z-index:10;background:#0a0a0cbd;border:1px solid #f4f2ec24;border-radius:999px;margin:0;padding:8px 14px;display:block;position:fixed;transform:translate(-50%)}}