:root{--ink: #f6f3ee;--ink-2: rgba(246, 243, 238, .74);--ink-3: rgba(246, 243, 238, .5);--accent: #f1ebe0;--accent-deep: #c8693a;--glass-tint: 44, 39, 36;--edge: rgba(255, 255, 255, .2);--edge-soft: rgba(255, 255, 255, .1);--ease: cubic-bezier(.22, .7, .2, 1);--r-panel: 1.7em;--r-bar: 99em}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#050505;color:var(--ink);font-family:SF Pro Display,Inter,-apple-system,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.shell{height:100%;display:grid;place-items:center;container-type:size}.stage{--px: 0;--py: 0;position:relative;width:100cqw;height:100cqh;font-size:max(11px,min(1cqw,1.8cqh));overflow:clip;background:#2c2824;perspective:1500px}.shell--enact{background:#000}.shell--enact .stage{width:min(100cqw,177.78cqh);height:min(100cqh,56.25cqw);font-size:max(12px,calc(min(100cqw,177.78cqh)*.0112))}.env{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.env svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;filter:blur(2.5px) saturate(.9);transform:scale(1.02)}.env-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(90% 80% at 50% 45%,transparent 35%,rgba(12,9,7,.5) 100%)}.scene-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(-4%);transition:opacity .5s var(--ease),transform .7s var(--ease)}.scene-layer--intro{transform:translateY(-17%)}.scene-layer.is-hidden{opacity:0;transform:translateY(-4%);pointer-events:none}.scene{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.scene--drag{cursor:grab}.scene--drag:active{cursor:grabbing}.scene canvas{display:block}.scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--ink-2);font-size:.9em;transition:opacity .5s;pointer-events:none}.scene-loading.is-ready{opacity:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud>*{pointer-events:auto}.stage-enter{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:stageIn .6s var(--ease) both}.stage-enter>*{pointer-events:none}@keyframes stageIn{0%{opacity:0}to{opacity:1}}.glass{position:absolute;background:linear-gradient(180deg,#ffffff21,#ffffff0a 40%,#ffffff05),rgba(var(--glass-tint),.46);backdrop-filter:blur(34px) saturate(1.45);-webkit-backdrop-filter:blur(34px) saturate(1.45);border:1px solid var(--edge-soft);border-top-color:var(--edge);border-radius:var(--r-panel);box-shadow:inset 0 1px #ffffff29,0 .2em .5em #0a07052e,0 1.6em 3.4em #0a070557;transform:translate3d(calc(var(--px) * var(--depth, 0) * -.5px),calc(var(--py) * var(--depth, 0) * -.5px),0);transition:transform .3s ease-out,opacity .4s var(--ease);animation:glassIn .6s var(--ease) backwards}@keyframes glassIn{0%{opacity:0;transform:translate3d(0,.9em,-40px) scale(.975)}}.glass--secondary{background:linear-gradient(180deg,#ffffff17,#ffffff05),rgba(var(--glass-tint),.3);box-shadow:inset 0 1px #ffffff1a,0 1.2em 2.6em #0a070542}.glass--bar{border-radius:var(--r-bar)}.glass--solid{background:#221e1cf0}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0;line-height:1.5;color:var(--ink-2)}.kicker{font-size:.78em;color:var(--ink-2);letter-spacing:.04em;font-weight:500}.hint{font-size:.8em;color:var(--ink-3);display:inline-flex;align-items:center;gap:.4em}.icon{flex:none}.ibtn{display:inline-grid;place-items:center;border-radius:50%;background:#ffffff1a;border:1px solid transparent;color:var(--ink);transition:background .2s,border-color .2s,transform .15s}.ibtn--md{width:2.8em;height:2.8em}.ibtn--sm{width:2.4em;height:2.4em}.ibtn:hover{background:#fff3}.ibtn:active{transform:scale(.94)}.ibtn.is-on{background:#ffffff42;border-color:var(--accent)}.tool{position:relative;display:grid;justify-items:center;gap:.45em;padding:.1em .5em;background:none;border:0;color:var(--ink-2);cursor:pointer;min-width:4.4em}.tool-glyph{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:#ffffff1a;color:var(--ink);transition:background .2s,box-shadow .2s,transform .15s}.tool:hover .tool-glyph{background:#fff3}.tool:active .tool-glyph{transform:scale(.94)}.tool.is-on .tool-glyph{background:#ffffff42;box-shadow:0 0 0 1px var(--accent) inset}.tool.is-on{color:var(--ink)}.tool-label{font-size:.74em;color:var(--ink-2);white-space:nowrap}.tool--file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.tool--file:focus-within .tool-glyph{outline:2px solid var(--accent);outline-offset:2px}.pbtn{display:inline-flex;align-items:center;gap:.6em;height:2.8em;padding:0 1.3em;border-radius:99em;background:#faf7f2eb;color:#2a2623;border:0;font-weight:600;white-space:nowrap;box-shadow:0 .3em 1em #0a070540;transition:background .2s,transform .15s}.pbtn:hover{background:#fff}.pbtn:active{transform:scale(.97)}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:2.3em;padding:0 1em;border-radius:99em;border:1px solid var(--edge-soft);background:#ffffff14;font-size:.86em}.gbtn:hover{background:#ffffff29}.status-label{display:inline-flex;align-items:center;gap:.5em;padding:.45em .95em;border-radius:99em;font-size:.8em;color:var(--ink);background:rgba(var(--glass-tint),.5);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--edge-soft)}.seg{display:inline-flex;padding:.2em;gap:.15em;border-radius:99em;background:#ffffff14}.seg button{border:0;background:none;height:2em;padding:0 .95em;border-radius:99em;color:var(--ink-2);font-size:.82em;white-space:nowrap}.seg button:hover{color:var(--ink)}.seg button.is-on{background:#fff3;color:var(--ink);box-shadow:0 0 0 1px var(--accent) inset}.vdiv{width:1px;align-self:stretch;margin:.2em .3em;background:var(--edge-soft)}.tgroup{display:grid;gap:.5em;justify-items:center;align-content:center}.trow{display:flex;align-items:center;gap:.4em}.scale-val{min-width:3.2em;text-align:center;font-variant-numeric:tabular-nums;font-size:.88em}.topbar{top:1.5em;left:50%;translate:-50% 0;display:flex;align-items:center;gap:2em;padding:.55em 1.2em .55em 1.1em;height:3.7em;max-width:calc(100% - 3em)}.tb-id{display:flex;align-items:center;gap:.7em}.tb-title{display:grid;line-height:1.2}.tb-title b{font-weight:600;font-size:.92em;white-space:nowrap}.difficulty{display:inline-flex;align-items:center;gap:.45em;color:var(--ink-3);font-size:.74em}.dots{display:inline-flex;gap:.2em}.dots i{width:.42em;height:.42em;border-radius:50%;border:1px solid var(--ink-3)}.dots i.on{background:var(--accent);border-color:var(--accent)}.seq{margin:0;padding:0;list-style:none;display:flex;gap:1.1em}.seq-step{display:flex;align-items:center;gap:.5em;color:var(--ink-3);font-size:.78em;white-space:nowrap}.seq-dot{width:1.7em;height:1.7em;border-radius:50%;border:1px solid var(--ink-3);display:grid;place-items:center;font-size:.82em}.seq-step--done{color:var(--ink-2)}.seq-step--done .seq-dot{background:#ffffff29;border-color:transparent;color:var(--ink)}.seq-step--current{color:var(--ink);font-weight:600}.seq-step--current .seq-dot{border:1.5px solid var(--accent);background:#fff3}.tb-end{display:flex;align-items:center;gap:1.1em}.progress{white-space:nowrap;display:flex;align-items:center;gap:.7em;font-size:.78em;color:var(--ink-2)}.pips{display:flex;gap:.35em}.pip{width:1.05em;height:1.05em;border-radius:50%;border:1px solid var(--ink-3);display:grid;place-items:center}.pip--current{border:1.5px solid var(--accent);background:#ffffff38}.pip--done{background:var(--accent);border-color:var(--accent);color:#2a2623}.timer-pill{top:6em;right:3em;padding:.55em 1.3em .55em .8em}.timer{display:flex;align-items:center;gap:.8em}.timer-ring{width:2.6em;height:2.6em}.timer-text{display:grid;line-height:1.15}.timer-label{font-size:.72em;color:var(--ink-3)}.timer-track{fill:none;stroke:#ffffff29;stroke-width:3}.timer-bar{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-value{font-variant-numeric:tabular-nums;font-weight:600;font-size:1.3em}.timer-note{color:var(--ink);font-size:.78em;margin-top:.15em}.timer--done .timer-bar{stroke-dasharray:3 3}.welcome{left:50%;bottom:7em;translate:-50% 0;width:27em;padding:1.8em 2em 1.7em;display:grid;justify-items:center;gap:1em;text-align:center}.welcome-id{display:flex;align-items:center;gap:.7em}.welcome h1{font-size:1.9em;letter-spacing:.01em}.welcome p{font-size:.94em;max-width:22em}.welcome .pbtn{margin-top:.4em;height:3em;padding:0 1.6em}.foot-note{position:absolute;left:50%;bottom:2.4em;translate:-50% 0;font-size:.75em;color:var(--ink-3);white-space:nowrap}.ornament{left:50%;bottom:3em;translate:-50% 0;display:flex;align-items:center;gap:1.8em;padding:.9em 1em .9em 1.8em;border-radius:2.4em;width:38em;max-width:calc(100% - 3em)}.orn-text{display:grid;gap:.3em;flex:1}.orn-text p{color:var(--ink);font-size:.95em}.ornament--sketch{width:44em}.toolbar{left:50%;bottom:3em;translate:-50% 0;display:flex;align-items:center;gap:.7em;padding:.8em 1.3em;border-radius:2.2em}.go-capsule{right:3em;bottom:3.7em;padding:.4em}.legend{left:3em;top:50%;translate:0 -50%;width:17em;padding:1.2em 1.3em;display:grid;gap:1.1em;rotate:0 1 0 6deg;scale:.98;font-size:.9em}.legend div{display:grid;grid-template-columns:auto 1fr;gap:.7em;align-items:start;color:var(--ink-2);line-height:1.4}.legend b{color:var(--ink);font-weight:600}.readout{right:3em;top:50%;translate:0 -50%;width:13em;padding:1.1em 1.3em;display:grid;gap:.9em;rotate:0 1 0 -6deg;scale:.98}.readout div{display:grid;gap:.15em}.readout span{font-size:.74em;color:var(--ink-3)}.readout b{font-weight:500;font-variant-numeric:tabular-nums;font-size:.92em}.subpanel{left:50%;bottom:10.6em;translate:-50% 0;display:flex;align-items:center;gap:1em;padding:.55em 1.2em .55em .6em;animation:lift .45s var(--ease) backwards}@keyframes lift{0%{opacity:0;transform:translate3d(0,.8em,-30px) scale(.97)}}.reveal-label{position:absolute;left:50%;top:7em;translate:-50% 0;animation:lift .45s var(--ease) backwards}.status-note{position:absolute;left:50%;bottom:1.1em;translate:-50% 0;font-size:.8em;color:var(--ink-3);white-space:nowrap;animation:note .4s var(--ease) both}@keyframes note{0%{opacity:0}to{opacity:1}}.hidden-label{position:absolute;left:50%;top:7em;translate:-50% 0;animation:lift .5s var(--ease) .15s backwards}.compare{left:3em;top:6.3em;bottom:9.6em;width:calc(100% - 28.5em);padding:1em 1.3em .9em;display:flex;flex-direction:column;gap:.7em;animation:arrive .8s var(--ease) backwards}@keyframes arrive{0%{opacity:0;transform:translateZ(-160px) scale(.94)}}.compare-head{display:flex;justify-content:space-between;align-items:center}.key{display:inline-flex;gap:1.2em;font-size:.78em;color:var(--ink-2)}.key-item{display:inline-flex;align-items:center;gap:.5em}.key-ref{width:1.5em;height:.9em;border-radius:.2em;background:var(--accent-deep);opacity:.6;border:1px solid var(--accent-deep)}.key-sketch{width:1.5em;height:.9em;border-radius:.25em;border:1.5px solid #cfcac2;border-style:solid}.compare-svg{width:100%;flex:1 1 0;min-height:0;display:block;border-radius:1em}.compare-svg--drag{cursor:move;touch-action:none}.side{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:.8em}.side figure{margin:0;display:flex;flex-direction:column;gap:.4em;min-height:0}.side figcaption{text-align:center;font-size:.78em;color:var(--ink-2)}.compare-foot{display:flex;gap:.5em;align-items:center;font-size:.78em;color:var(--ink-3)}.notes{right:3em;top:6.3em;width:20.5em;padding:1.3em 1.4em;display:grid;gap:.8em;align-content:start;rotate:0 1 0 -5deg;scale:.98;animation-delay:.15s}.notes h3{font-size:1em}.notes .sim{justify-self:start;font-size:.72em;border-style:dashed;background:none;color:var(--ink-2)}.notes ul{list-style:none;margin:.3em 0 0;padding:0;display:grid;gap:1em}.notes li{display:grid;gap:.25em;font-size:.88em;line-height:1.45;color:var(--ink-2)}.notes li b{color:var(--accent);font-weight:600;font-size:.9em}.toolbar--feedback{bottom:2.6em;gap:.5em;max-width:calc(100% - 22em);padding:.65em 1.2em}.tgroup--slider{min-width:8em;padding:0 .4em}.slider{display:grid;gap:.3em;font-size:.74em;color:var(--ink-2)}.slider span{display:flex;justify-content:space-between;gap:1em}.slider b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--accent)}.subpanel--adjust{bottom:8.6em;border-radius:1.6em;padding:.9em 1.3em;display:grid;grid-template-columns:repeat(3,9em) auto;align-items:end;gap:1.1em}.hud--feedback .go-capsule{bottom:2.9em}.complete{left:50%;top:50%;translate:-50% -50%;width:25em;padding:2em 2em 1.7em;display:grid;justify-items:center;gap:.7em;text-align:center}.complete-check{width:3.4em;height:3.4em;border-radius:50%;display:grid;place-items:center;background:#fff3;border:1.5px solid var(--accent);margin-bottom:.4em}.complete h2{font-size:1.35em}.status-line{font-size:.85em;color:var(--ink-3)}.up-next{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5em .8em;font-size:.92em;margin-top:.4em}.up-next b{color:var(--ink);font-weight:600}.complete-actions{display:flex;align-items:center;gap:.8em;margin-top:1em}.dev-toggle{position:absolute;right:1em;bottom:1em;z-index:5;height:2em;padding:0 .9em;font-size:.75em;background:#00000040;border:1px solid var(--edge-soft);border-radius:99em;color:var(--ink-3)}.dev-toggle:hover{color:var(--ink)}.dev{right:1em;bottom:3.6em;z-index:6;width:23em;max-height:80%;overflow:auto;padding:1.2em;display:grid;gap:1em;font-size:.88em;border-radius:1.4em}.dev h3{font-size:.9em;color:var(--ink-2)}.dev-block{display:grid;gap:.5em;justify-items:start}.dev-title{font-size:.78em;color:var(--ink-3)}.dev-grid{display:flex;flex-wrap:wrap;gap:.4em}.chip{height:2.2em;padding:0 .85em;border-radius:99em;font-size:.86em;background:none;border:1px solid var(--edge-soft)}.chip:hover{border-color:var(--edge)}.chip.is-on{background:#fff3;border-color:var(--accent)}.btn{display:inline-flex;align-items:center;gap:.5em;height:2.4em;padding:0 1em;border-radius:99em;background:#ffffff14;border:1px solid var(--edge-soft)}.btn:hover{background:#ffffff29}.btn--sm{font-size:.9em}.btn--icon{width:2.4em;padding:0;justify-content:center}.check{display:flex;align-items:center;gap:.6em;font-size:.9em}.check--sm{font-size:.85em}input[type=checkbox]{accent-color:var(--accent);width:1.1em;height:1.1em}.pauses{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;width:100%}.pauses label{display:grid;gap:.2em;font-size:.8em;color:var(--ink-2)}.pauses input{height:2.2em;border-radius:.6em;border:1px solid var(--edge-soft);background:#ffffff0f;padding:0 .5em;width:100%}.dev-keys{margin:0;font-size:.78em;color:var(--ink-2);line-height:1.7}.dev-keys b{color:var(--ink)}.guided{left:50%;top:6em;translate:-50% 0;display:flex;align-items:center;gap:.4em;padding:.4em .6em .4em 1.1em;z-index:4}.guided-label{font-size:.8em;color:var(--ink-2);margin-right:.4em}.restart{position:absolute;left:1.4em;bottom:1.1em;z-index:3;display:inline-flex;gap:.5em;align-items:center;background:none;border:0;color:var(--ink-3);font-size:.78em;padding:.4em .6em;border-radius:.6em}.restart:hover{color:var(--ink)}@media (max-width: 1150px){.seq-step:not(.seq-step--current) .seq-label{display:none}.legend,.readout{display:none}.toolbar--feedback{max-width:calc(100% - 3em)}.compare{width:calc(100% - 6em);bottom:17em}.notes{display:none}.subpanel--adjust{grid-template-columns:1fr 1fr;bottom:13em}}@media (max-width: 860px){.go-capsule{right:50%;translate:50% 0;bottom:9.6em}.subpanel{bottom:14.4em;max-width:calc(100% - 2em)}.subpanel .hint{display:none}.hud--feedback .go-capsule{bottom:8.8em}.subpanel--adjust{bottom:13.6em}.welcome{width:calc(100% - 3em)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}.glass{transform:none!important}}.compare{transition:bottom .35s var(--ease)}.compare--short{bottom:16.6em}@media (max-width: 860px){.compare--short{bottom:23.4em}}