:root{--mat: #293834;--mat-deep: #1c2724;--mat-line: #354844;--mat-line-major: #3f544f;--wood: #6a4a2e;--wood-dark: #4a3220;--ink: #f0efe8;--ink-dim: #a8b3ae;--ink-faint: #93a29c;--plate: #171d1b;--plate-top: #1b2220;--plate-bottom: #121817;--plate-edge: #46534f;--tick: #3f504b;--tick-lit: #5c6f69;--amber: #d8a52c;--oxide: #c25436;--signal: #7fbf8a;--font-ui: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;--font-hand: "Caveat", "Segoe Script", cursive;--camera-scale: .36;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden;background:var(--mat-deep);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{opacity:0;transition:opacity .5s var(--ease)}body.is-ready{opacity:1}#app{height:100%}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:clip;background:radial-gradient(120% 90% at 50% 12%,#33443f,#23302d 46%,#16201e);cursor:default}.stage{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.bench{position:relative}.bench-defs{position:absolute;width:0;height:0}.bench-surface{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--mat);background-image:linear-gradient(var(--mat-line) 1px,transparent 1px),linear-gradient(90deg,var(--mat-line) 1px,transparent 1px),linear-gradient(var(--mat-line-major) 2px,transparent 2px),linear-gradient(90deg,var(--mat-line-major) 2px,transparent 2px);background-size:50px 50px,50px 50px,250px 250px,250px 250px;box-shadow:inset 0 0 0 14px var(--mat-deep),inset 0 0 0 60px var(--wood),inset 0 0 220px 60px #0000008c}.bench-surface:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(58% 62% at 46% 34%,rgba(255,226,170,.16),transparent 68%),radial-gradient(40% 46% at 82% 74%,rgba(255,214,150,.07),transparent 70%);pointer-events:none}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(78% 78% at 50% 46%,transparent 40%,rgba(6,12,11,.6) 100%)}.objects{position:absolute;top:0;right:0;bottom:0;left:0}.obj{position:absolute;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;transform:rotate(var(--rot));transition:transform .45s var(--ease),filter .45s var(--ease),opacity .45s var(--ease)}.obj-art{display:block;width:100%;height:100%;overflow:visible}.obj:before{content:"";position:absolute;left:3%;right:3%;top:16%;bottom:-7%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 56%,rgba(0,0,0,.46) 0%,rgba(0,0,0,.24) 46%,transparent 68%);transition:inset .45s var(--ease),opacity .45s var(--ease)}body[data-mode=explore] .obj:hover,.obj:focus-visible{transform:rotate(var(--rot)) translateY(-10px) scale(1.014);filter:brightness(1.09);z-index:70!important}body[data-mode=explore] .obj:hover:before,.obj:focus-visible:before{top:20%;bottom:-11%;left:0%;right:0%}.obj:focus-visible{outline:none}.obj:focus-visible .obj-art{outline:3px solid var(--amber);outline-offset:10px}.obj-tag{position:absolute;left:50%;bottom:calc(-46px / var(--camera-scale));transform:translate(-50%) rotate(calc(-1 * var(--rot)));font-family:var(--font-mono);font-size:calc(15px / var(--camera-scale));letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#101614;background:var(--amber);padding:calc(5px / var(--camera-scale)) calc(11px / var(--camera-scale));opacity:0;pointer-events:none;transition:opacity .22s var(--ease)}body[data-mode=explore] .obj:hover .obj-tag,.obj:focus-visible .obj-tag{opacity:1}.focus-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none;background:#0c121175;opacity:0;transition:opacity .45s var(--ease)}body[data-focused=true] .focus-scrim{opacity:1}.obj.is-focused{z-index:60!important}body[data-ai=offline] .aiLayer{opacity:.06;transition:opacity .85s var(--ease)}.aiLayer{transition:opacity .55s var(--ease)}.obj-aiSwitch .switch-lever{transform-origin:center 60%;transition:transform .4s var(--ease)}body[data-ai=offline] .obj-aiSwitch .switch-lever{transform:translateY(74px) scaleY(.86)}.switch-lamp{fill:var(--signal);transition:fill .4s var(--ease)}body[data-ai=offline] .switch-lamp{fill:#3a4a45}.obj-art .hand{font-family:var(--font-hand)}.obj-art .mono{font-family:var(--font-mono)}.obj-art .label-etch{font-family:var(--font-ui);font-weight:600;letter-spacing:.12em}body[data-motion=on] .blink{animation:blink 2.6s steps(1,end) infinite}@keyframes blink{0%,46%{opacity:1}50%,to{opacity:.25}}body[data-motion=on] .pulse{animation:pulse 3.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}body[data-motion=on] .caret{animation:caret 1.1s steps(1,end) infinite}@keyframes caret{0%,50%{opacity:1}51%,to{opacity:0}}.hud{position:fixed;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 30px;pointer-events:none}.hud-top{top:0}.hud-bottom{bottom:0}.hud>*{pointer-events:auto}.hud-title{margin:0;display:flex;align-items:baseline;gap:14px;font-size:13px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);text-shadow:0 1px 3px rgba(6,10,9,.85)}.hud-title b{font-weight:600;color:var(--ink);letter-spacing:.16em}.ai-indicator{display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #3a4a45;background:#0a100f9e;font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;color:var(--ink-dim)}.ai-lamp{width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 10px 2px #7fbf8a99;transition:background .5s var(--ease),box-shadow .5s var(--ease)}.ai-indicator[data-state=offline]{color:var(--ink-faint)}.ai-indicator[data-state=offline] .ai-lamp{background:transparent;border:1px solid #56635e;box-shadow:none}.hud-controls{display:flex;gap:8px}.chip{border:1px solid #3a4a45;background:#0a100f9e;color:var(--ink-dim);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:12px 15px;cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.chip:hover{color:var(--ink);border-color:var(--amber)}.chip:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.chip-icon{width:44px;padding:12px 0;text-align:center;font-size:14px}.progress{display:flex;align-items:center;gap:7px}.tick{width:20px;height:2px;background:var(--tick);transition:background .4s var(--ease),width .4s var(--ease)}.tick.is-past{background:var(--tick-lit)}.tick.is-current{width:40px;background:var(--amber)}.panel{position:fixed;z-index:24;right:44px;bottom:96px;width:min(560px,38vw);pointer-events:none}.panel-plate{pointer-events:auto}.panel[data-side=left]{right:auto;left:44px}.panel-center{right:auto;left:50%;bottom:auto;top:50%;transform:translate(-50%,-50%);width:min(760px,74vw);text-align:center}.panel-egg{width:min(460px,36vw)}.panel-plate{position:relative;background:linear-gradient(var(--plate-top),var(--plate-bottom));border:1px solid var(--plate-edge);padding:34px 36px 32px;box-shadow:0 26px 60px #0000008c,inset 0 1px #ffffff0f}.panel-plate:before,.panel-plate:after{content:"";position:absolute;width:15px;height:15px;border:1px solid var(--amber);opacity:.6}.panel-plate:before{top:9px;left:9px;border-right:0;border-bottom:0}.panel-plate:after{bottom:9px;right:9px;border-left:0;border-top:0}.plate-meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid #2c3a36}.plate-kicker{font-family:var(--font-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--amber)}.plate-title{margin:0 0 20px;font-size:clamp(22px,2vw,30px);font-weight:600;letter-spacing:-.015em;line-height:1.14;color:var(--ink)}.plate-beat{margin:0;font-size:clamp(19px,1.65vw,27px);line-height:1.42;letter-spacing:-.012em;max-width:34ch;color:#e7e9e4;text-wrap:balance}.panel-center .plate-beat{max-width:40ch;margin-inline:auto;font-size:clamp(24px,2.5vw,42px);line-height:1.24}.panel-center .plate-title{font-size:clamp(15px,1.1vw,18px);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.plate-credit{margin:18px 0 0;font-size:clamp(15px,1.1vw,19px);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);font-weight:500}.plate-readout{margin:22px 0 0;padding:14px 16px;background:#0d1211;border:1px solid #2c3a36;font-family:var(--font-mono);font-size:14px;line-height:1.7;letter-spacing:.06em;color:var(--signal);white-space:pre-wrap;overflow-wrap:anywhere}.plate-steps{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.panel-center .plate-steps{justify-content:center}.plate-steps li{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;padding:8px 12px;color:var(--ink-dim);border:1px solid #33423e;background:#00000047}.plate-explore{margin-top:26px;padding-top:22px;border-top:1px solid #2c3a36}.plate-explore p{margin:0 0 12px;font-size:16px;line-height:1.62;color:var(--ink-dim);max-width:62ch}.plate-explore p:last-child{margin-bottom:0}.plate-explore-label{font-family:var(--font-mono);font-size:12px!important;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:14px!important}.plate-beatcount{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:var(--ink-dim)}.plate-closing{margin-top:30px;padding-top:26px;border-top:1px solid #2c3a36;text-align:left}.plate-links{margin:0;padding:0;list-style:none}.plate-links a{font-family:var(--font-mono);font-size:14px;letter-spacing:.04em;color:var(--ink-dim);text-decoration:none;border-bottom:1px solid #3a4a45;line-height:2.1}.plate-links a:hover,.plate-links a:focus-visible{color:var(--amber);border-color:var(--amber)}.linkish{margin-top:22px;border:0;background:none;padding:0;color:var(--amber);font-family:var(--font-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-bottom:1px solid currentColor}.linkish:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.sheet{position:fixed;z-index:30;bottom:84px;right:30px;width:min(400px,88vw);background:linear-gradient(var(--plate-top),var(--plate-bottom));border:1px solid var(--plate-edge);padding:26px 28px;box-shadow:0 26px 60px #0000008c}.sheet h2{margin:0 0 18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);font-weight:400}.sheet dl{margin:0;display:grid;gap:9px}.sheet dl>div{display:flex;justify-content:space-between;gap:18px;align-items:baseline}.sheet dt{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--amber)}.sheet dd{margin:0;font-size:14px;color:var(--ink-dim)}.sheet-index ol{margin:0;padding:0;list-style:none;display:grid;gap:2px}.sheet-index button{width:100%;display:flex;align-items:baseline;gap:14px;border:0;background:none;padding:9px 10px;color:var(--ink-dim);font-family:var(--font-ui);font-size:15px;text-align:left;cursor:pointer}.sheet-index button:hover{background:#d8a52c1a;color:var(--ink)}.sheet-index button:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}.idx-num{font-family:var(--font-mono);font-size:12px;color:var(--ink-dim);width:20px;flex:none}.hint-toast{position:fixed;z-index:40;left:50%;bottom:92px;transform:translate(-50%,10px);padding:10px 18px;background:#0a100fe6;border:1px solid #3a4a45;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);opacity:0;pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}.hint-toast[data-on=true]{opacity:1;transform:translate(-50%)}@media(max-width:900px){.hud{padding:14px 16px}.hint-toast{top:68px;bottom:auto;transform:translate(-50%,-10px);max-width:calc(100vw - 24px);text-align:center}.hint-toast[data-on=true]{transform:translate(-50%)}.bar,.hud-bottom{flex-wrap:wrap;gap:10px;padding:10px 12px}.hud-controls{flex:none;margin-left:auto}.progress{gap:5px;flex:1 1 100%;order:2}.tick{width:14px}.hud-title span{display:none}.panel{right:12px;left:12px;bottom:78px;width:auto;max-height:56vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel-center,.panel-egg{right:12px;left:12px;top:auto;bottom:78px;transform:none;width:auto;text-align:left}.panel-center .plate-beat{margin-inline:0;font-size:clamp(21px,5vw,30px)}.panel-center .plate-steps{justify-content:flex-start}.panel-plate{padding:24px 22px}.plate-beat{font-size:clamp(18px,4.4vw,24px)}.plate-closing{text-align:left}.sheet{right:12px;left:12px;width:auto;bottom:74px}.obj-scene:after{content:"";position:absolute;inset:calc(-18px / var(--camera-scale, 1));border:calc(2px / var(--camera-scale, 1)) solid rgba(216,165,44,.5);border-image:linear-gradient(to right,rgba(216,165,44,.5) 0 14%,transparent 14% 86%,rgba(216,165,44,.5) 86%) 1;pointer-events:none}.panel[data-side=left]{left:12px}body[data-focused=true] .obj-scene:after{opacity:0}}@media(hover:none)and (pointer:coarse){.obj{padding:24px;margin:-24px}}body[data-mode=explore] #viewport{cursor:grab}body[data-dragging=true] #viewport{cursor:grabbing}#viewport{touch-action:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important}.stage,.obj,.obj:before,.obj-tag,.panel,.panel-plate,.hint-toast,.sheet{transition-duration:.001ms!important}}body[data-motion=off] .obj,body[data-motion=off] .aiLayer{transition:none}