:root{color-scheme:dark;--ink:#eee9da;--gold:#d6b06a;--dark:#182b2c;--paper:#f4efdf;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#142528;color:var(--ink)}
*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:24px 26px 30px}button{font:inherit;cursor:pointer;min-height:46px;border:1px solid #879883;border-radius:3px;background:transparent;color:inherit;padding:10px 18px}button:hover{background:#d6b06a18}button:focus-visible,#dial:focus-visible{outline:3px solid #ebc77f;outline-offset:6px}h1{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.045em;margin:0}h1 span{color:var(--gold)}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:18px}.edition,.eyebrow{font-size:.64rem;letter-spacing:.2em}.edition{color:#b7c1b1}.eyebrow{color:var(--gold);font-weight:600}section[hidden]{display:none!important}#room{border:1px solid #64716a;border-radius:4px;overflow:hidden;box-shadow:0 25px 80px #0005}.welcome{padding:30px 36px;background:#172d2c;border-bottom:1px solid #69797055;position:relative}.welcome .eyebrow{margin:0 0 14px}.welcome h2{font:clamp(2.1rem,4vw,3.4rem)/1.05 Georgia,serif;letter-spacing:-.035em;margin:0}.welcome em{font-weight:400;color:#d7b878}.welcome>p:last-child{color:#bdc9bf;font-size:.9rem;margin-bottom:0}.room-scene{height:470px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 0,#b3aa8250,transparent 65%),#314747}.wall{position:absolute;top:0;bottom:70px;width:50%}.left{left:0;background:linear-gradient(90deg,#344b48,#4a5c52);clip-path:polygon(0 0,100% 0,100% 100%,0 88%)}.right{right:0;background:linear-gradient(90deg,#3c514b,#293f3f);clip-path:polygon(0 0,100% 0,100% 88%,0 100%)}.floor{position:absolute;bottom:-25px;left:-20%;width:140%;height:110px;background:repeating-linear-gradient(93deg,transparent 0 79px,#d4b47315 80px 81px),linear-gradient(#253c39,#162d2d);clip-path:polygon(0 0,50% 25%,100% 0,100% 100%,0 100%)}.lock-tile{position:absolute;top:32px;left:50%;transform:translateX(-50%);display:block;width:215px;padding:0;border:0;background:none;border-radius:0;user-select:none;-webkit-touch-callout:none}.lock-tile:hover{background:none}.picture-mat{display:block;position:relative;background:var(--paper);border:9px solid #9a7745;outline:2px solid #302b20;box-shadow:inset 0 0 0 3px #d6caaa,6px 14px 15px #081b2070;padding:9px 9px 22px;aspect-ratio:3/4;transition:box-shadow .2s}.lock-tile:hover .picture-mat{box-shadow:inset 0 0 0 3px #d6caaa,6px 14px 25px #081b2090,0 0 30px #dfbe7820}.picture-mat svg{display:block;width:100%;height:100%;background:#e3d5b0;pointer-events:none}.picture-number{position:absolute;bottom:7px;left:0;width:100%;text-align:center;font:10px monospace;color:#86714a;letter-spacing:.3em}.plaque{display:block;margin-top:18px;padding-top:12px;border-top:1px solid #c4b59266;text-align:center}.plaque strong{display:block;font:1.4rem Georgia,serif}.plaque>span{display:block;margin-top:5px;color:#bdc8bc;font-size:.7rem}.floor-label{position:absolute;bottom:16px;width:100%;text-align:center;font-size:.55rem;letter-spacing:.35em;color:#9a9f80}
#lock-page{background:#f4f0e5;color:#183234;border:1px solid #64716a;border-radius:4px;overflow:hidden}.station-heading{display:flex;align-items:center;gap:18px;padding:10px 18px;background:#203b3b;color:#f0e6cc;border-bottom:2px solid #c6a364}.station-heading h2{font:1.4rem Georgia,serif;margin:0}.station-heading .edition{margin-left:auto}.station-heading button{white-space:nowrap}.lock-workspace{padding:24px 30px 28px;text-align:center}.lock-workspace>.eyebrow{color:#75633c;margin:0 0 8px}#dial-help{font-size:.9rem;line-height:1.7;margin:0 0 22px;color:#4c6258}.safe-face{max-width:560px;padding:35px 45px 30px;margin:auto;background:radial-gradient(ellipse at 30% 10%,#586253,#273c36 80%);border:8px solid #75806b;border-radius:12px;box-shadow:inset 0 0 0 2px #142c28,0 10px 24px #142b2c33;position:relative}.screw{position:absolute;width:11px;height:11px;border-radius:50%;background:#c0b285;box-shadow:0 1px 3px #0009}.screw:after{content:'';position:absolute;top:5px;left:2px;width:7px;height:1px;background:#4d4e37;transform:rotate(-35deg)}.tl{top:12px;left:12px}.tr{top:12px;right:12px}.bl{bottom:12px;left:12px}.br{bottom:12px;right:12px}.dial-assembly{position:relative;width:100%;aspect-ratio:1;border-radius:50%;background:#192f2b;box-shadow:0 5px 14px #0009,0 0 0 7px #8f8968,0 0 0 10px #1a2d27}.index{position:absolute;z-index:2;top:-19px;left:calc(50% - 6px);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:13px solid #f3d590;filter:drop-shadow(0 1px 2px #000)}#dial{position:absolute;inset:0;border-radius:50%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:grab}#dial.dragging{cursor:grabbing}#dial-art{display:block;width:100%;height:100%;pointer-events:none;will-change:transform}.readouts{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:12px;max-width:560px;margin:27px auto 20px;padding:17px 0;border-top:1px solid #b9bda5;border-bottom:1px solid #b9bda5}.readouts>div{display:flex;flex-direction:column;gap:8px}.readouts span{font-size:.55rem;letter-spacing:.16em;color:#5e6e60}.readouts output{font:1rem ui-monospace,monospace;font-variant-numeric:tabular-nums}#position{font-size:1.45rem;color:#755d2b}.actions{max-width:560px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.actions button{color:#233e39;border-color:#8a9d8d;white-space:nowrap}.actions p{font-size:.72rem;color:#52675d;line-height:1.6;text-align:right}footer{display:flex;justify-content:space-between;gap:20px;color:#9cafaa;font-size:.67rem;margin-top:22px;padding-top:14px;border-top:1px solid #344b4c}#revision{white-space:nowrap;font-family:monospace}h2[tabindex="-1"]:focus{outline:none}
@media(max-width:600px){main{padding:18px 12px 22px}header{padding:0 4px}.edition{font-size:.5rem;letter-spacing:.13em}.welcome{padding:24px}.room-scene{height:435px}.lock-tile{width:200px}.station-heading{padding:8px 12px;gap:14px}.station-heading .edition{display:none}.lock-workspace{padding:24px 16px}.safe-face{padding:30px 23px 25px;border-width:6px}.readouts{gap:6px}.readouts output{font-size:.8rem}.readouts span{font-size:.5rem;letter-spacing:.1em}#position{font-size:1.3rem}.actions{display:block}.actions button{width:100%}.actions p{text-align:center;margin-bottom:0}footer{font-size:.6rem}.lock-workspace>.eyebrow{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.voice-panel{max-width:560px;margin:24px auto;text-align:left;border:1px solid #b9bda5;border-radius:4px;padding:16px 18px;color:#233e39}.voice-panel summary{cursor:pointer;font:1.2rem Georgia,serif;min-height:30px}.voice-panel label{display:block;font-size:.8rem;margin:15px 0 7px}.voice-panel .voice-toggle{display:flex;align-items:center;gap:9px;min-height:36px}.voice-toggle input{width:20px;height:20px;accent-color:#233e39}.voice-panel select{display:block;min-height:46px;width:100%;min-width:0;font:16px system-ui;background:#fffdf7;color:#233e39;border:1px solid #8a9d8d;border-radius:3px;padding:8px}.voice-buttons{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.voice-buttons button{color:#233e39;flex:1}.voice-panel button:disabled{opacity:.5;cursor:default}.voice-panel p{font-size:.78rem;line-height:1.6;margin-bottom:0;overflow-wrap:anywhere}