:root{color-scheme:dark;font-family:Georgia,Times New Roman,serif;--ink: #071018;--ink-soft: #0d1b26;--stone: #eee7d5;--stone-muted: #a9b1ad;--sun: #e4a63f;--sun-hot: #ffd27b;--line: rgba(238, 231, 213, .24);--danger: #ef6d43;--mirror: #8ec5c4;--crown: #ef6d43;--stone-copy: #c4c5bd;--stone-dim: #7f8b8d}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}button,input{font:inherit}button{color:inherit}#app{position:relative;isolation:isolate}#scene{display:block;width:100%;height:100%;outline:none;background:radial-gradient(circle at 72% 18%,#192733,var(--ink) 60%);touch-action:none}.paper-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.13;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(3deg,transparent 0 5px,rgba(255,255,255,.05) 6px 7px),repeating-linear-gradient(91deg,transparent 0 31px,rgba(255,255,255,.025) 32px 33px)}.masthead{position:absolute;z-index:4;top:0;left:0;right:0;min-height:76px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:calc(14px + env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) 14px max(22px,env(safe-area-inset-left));border-bottom:1px solid var(--line);background:linear-gradient(180deg,#050d13e8,#050d1357)}.wordmark{display:flex;align-items:baseline;font-family:Georgia,Times New Roman,serif;font-size:22px;letter-spacing:.16em;line-height:1}.wordmark span{color:var(--stone)}.wordmark b{color:var(--sun);font-weight:400;margin-left:.18em}.seedplate{justify-self:center;color:var(--stone-muted);font:600 10px/1.2 ui-monospace,monospace;letter-spacing:.18em;border:1px solid var(--line);padding:8px 12px;white-space:nowrap}.seedplate strong{color:var(--stone);font-weight:600}.header-actions{justify-self:end;display:flex;gap:6px}.icon-button,.turn-row button,.touch-action{border:1px solid var(--line);background:#08121ac7;color:var(--stone);min-height:34px;padding:7px 10px;font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em;cursor:pointer}.icon-button:hover,.turn-row button:hover,.touch-action:hover{border-color:var(--sun);color:var(--sun-hot)}.icon-button:focus-visible,.turn-row button:focus-visible,.touch-action:focus-visible,.modal-actions button:focus-visible{outline:2px solid var(--sun-hot);outline-offset:3px}.chamber-strip{position:absolute;z-index:3;top:calc(96px + env(safe-area-inset-top));left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.chamber-copy{display:grid;gap:6px}.chamber-copy span{color:var(--sun);font:700 10px/1 ui-monospace,monospace;letter-spacing:.2em}.chamber-copy strong{color:var(--stone);font:400 clamp(18px,2.2vw,30px)/1 Georgia,serif;letter-spacing:.06em;text-shadow:0 2px 18px var(--ink)}.chamber-copy #routeLaw{width:fit-content;margin-top:2px;padding:4px 7px;border-left:2px solid var(--mirror);color:var(--mirror);background:#071018a8;font:700 8px/1 ui-monospace,monospace;letter-spacing:.16em}.aperture-row{display:flex;gap:7px;padding-top:4px}.aperture-row i{display:block;width:27px;height:27px;border:1px solid rgba(238,231,213,.24);position:relative}.aperture-row i:after{content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;color:var(--stone-muted);font:700 8px/1 ui-monospace,monospace;font-style:normal}.aperture-row i.completed{border-color:var(--sun);box-shadow:inset 0 0 0 1px #e4a63f26}.aperture-row i.completed:after{color:var(--sun-hot)}.aperture-row i.route-low{border-color:var(--mirror);box-shadow:inset 0 0 0 1px #8ec5c42e}.aperture-row i.route-low:after{color:var(--mirror)}.aperture-row i.route-crown{border-color:var(--crown);box-shadow:inset 0 0 0 1px #ef6d432e}.aperture-row i.route-crown:after{color:var(--crown)}.exposure-panel{position:absolute;z-index:3;right:max(22px,env(safe-area-inset-right));top:168px;width:min(230px,30vw);padding:12px 14px;background:#071018b3;border:1px solid var(--line);backdrop-filter:blur(8px);pointer-events:none}.meter-heading,.dose{display:flex;justify-content:space-between;align-items:baseline;color:var(--stone-muted);font:700 9px/1.4 ui-monospace,monospace;letter-spacing:.12em}.meter-heading b{color:var(--stone);font-size:12px}.dose{margin-top:10px}.dose b{color:var(--sun)}.meter{height:5px;background:#eee7d51a;margin-top:7px;overflow:hidden}.meter i{display:block;height:100%;width:0%;background:var(--danger);transition:width .12s linear}.dose-meter{height:3px}.dose-meter i{background:var(--sun)}.objective{position:absolute;z-index:3;left:50%;top:22%;transform:translate(-50%);width:min(620px,82vw);color:var(--stone);text-align:center;font:700 10px/1.6 ui-monospace,monospace;letter-spacing:.16em;text-shadow:0 2px 14px var(--ink);pointer-events:none}.calibration{position:absolute;z-index:3;left:50%;bottom:70px;transform:translate(-50%);width:min(410px,62vw);height:34px;border-bottom:1px solid var(--line);color:var(--stone-muted);pointer-events:none}.calibration span{font:700 8px/1 ui-monospace,monospace;letter-spacing:.16em}.calibration strong{float:right;color:var(--stone);font:700 10px/1 ui-monospace,monospace}.calibration:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 12% 88%,transparent)}.calibration i{position:absolute;bottom:-4px;width:1px;height:8px;background:var(--sun);left:50%}.calibration.locked{border-bottom-color:var(--sun);color:var(--sun-hot)}.calibration.locked strong{color:var(--sun-hot)}.calibration.locked i{height:13px;bottom:-7px;box-shadow:0 0 10px var(--sun)}.interaction-prompt{position:absolute;z-index:5;left:50%;bottom:120px;transform:translate(-50%);max-width:min(560px,80vw);padding:8px 14px;background:#071018e0;border-left:2px solid var(--sun);font:700 10px/1.5 ui-monospace,monospace;letter-spacing:.1em;text-align:center;opacity:0;transition:opacity .15s;pointer-events:none}.interaction-prompt.visible{opacity:1}.cutaway-label{position:absolute;z-index:2;left:0;right:0;bottom:50px;text-align:center;color:#eee7d557;font:700 8px/1 ui-monospace,monospace;letter-spacing:.25em;pointer-events:none}.key-legend{position:absolute;z-index:3;left:max(22px,env(safe-area-inset-left));right:max(22px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:center;gap:clamp(12px,2.5vw,30px);padding:10px 14px;border:1px solid var(--line);background:#071018f2;color:var(--stone-copy);font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em;pointer-events:none}.key-legend span{white-space:nowrap}kbd{min-width:20px;display:inline-block;margin-right:3px;padding:4px 5px;border:1px solid var(--line);color:var(--stone);font:inherit;text-align:center}.touch-controls{display:none}.modal{position:absolute;z-index:10;inset:0;display:grid;place-items:center start;padding:max(22px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(6vw,34px);background:linear-gradient(90deg,#071018e6 0 34%,#07101814 72%);backdrop-filter:blur(2px);transition:opacity .2s}.modal.hidden{opacity:0;pointer-events:none}.modal-card{width:min(520px,94vw);padding:clamp(24px,5vw,54px);border:1px solid rgba(238,231,213,.3);background:linear-gradient(145deg,#0e1c26f2,#050e15f5);box-shadow:16px 16px #e4a63f1f;position:relative}.modal-rule{position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--sun) 0 34%,var(--stone) 34% 35%,transparent 35%)}.modal-eyebrow{margin:0 0 18px;color:var(--sun);font:700 9px/1.4 ui-monospace,monospace;letter-spacing:.2em}.modal h1{margin:0;color:var(--stone);font:400 clamp(42px,9vw,76px)/.86 Georgia,serif;letter-spacing:.04em}.modal-copy{max-width:520px;margin:24px 0;color:var(--stone-copy);font:400 clamp(14px,2vw,17px)/1.65 Georgia,serif}.modal-facts{display:flex;flex-wrap:wrap;gap:8px 20px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--stone-muted);font:700 8px/1 ui-monospace,monospace;letter-spacing:.12em}.modal-facts b{color:var(--sun);font-size:13px}.modal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.modal-actions button{min-height:48px;padding:13px 20px;border:1px solid var(--sun);background:var(--sun);color:var(--ink);font:800 10px/1 ui-monospace,monospace;letter-spacing:.12em;cursor:pointer}.modal-actions button.secondary{background:transparent;border-color:var(--line);color:var(--stone)}.modal-actions button:hover{background:var(--sun-hot);color:var(--ink)}.modal-foot{margin:20px 0 0;color:var(--stone-dim);font:600 8px/1.5 ui-monospace,monospace;letter-spacing:.08em}@media(pointer:coarse),(max-width:900px){.modal{place-items:center;background:radial-gradient(circle at 58% 35%,#162630e0,#03090df5);backdrop-filter:blur(9px)}.masthead{min-height:64px;grid-template-columns:1fr auto;padding-top:calc(10px + env(safe-area-inset-top))}.seedplate{display:none}.wordmark{font-size:18px}.icon-button{min-height:32px;padding:6px 8px;font-size:8px}.chamber-strip{top:calc(80px + env(safe-area-inset-top));left:16px;right:16px}.chamber-copy strong{font-size:18px}.exposure-panel{top:auto;bottom:calc(184px + env(safe-area-inset-bottom));right:16px;width:190px;padding:9px 10px}.objective{top:23%;font-size:8px;width:70vw}.key-legend{display:none}.touch-controls{position:absolute;z-index:6;left:0;right:0;bottom:0;display:grid;grid-template-columns:116px 1fr 116px;align-items:end;gap:10px;padding:12px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:linear-gradient(0deg,#050d13f5,#050d134d);touch-action:none}.stick-wrap{display:grid;gap:6px;justify-items:center;color:var(--stone-muted);font:700 8px/1 ui-monospace,monospace;letter-spacing:.12em}.stick{width:96px;height:96px;border:1px solid rgba(238,231,213,.35);border-radius:50%;position:relative;background:#071018ad;touch-action:none}.stick:before,.stick:after{content:"";position:absolute;background:#eee7d51a}.stick:before{width:1px;top:10px;bottom:10px;left:50%}.stick:after{height:1px;left:10px;right:10px;top:50%}.stick i{position:absolute;z-index:1;width:34px;height:34px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--sun);border-radius:50%;background:#e4a63f38}.rail-wrap{min-width:0;display:grid;gap:8px}.rail-heading{display:flex;justify-content:space-between;color:var(--stone-muted);font:700 8px/1 ui-monospace,monospace;letter-spacing:.1em}.rail-heading b{color:var(--stone)}.rail-shell{position:relative;height:34px;display:flex;align-items:center}.rail-shell:before{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line)}.rail-shell i{position:absolute;bottom:5px;width:1px;height:24px;background:var(--sun);left:50%}#mirrorRail{width:100%;height:34px;margin:0;background:transparent;appearance:none;position:relative;z-index:2}#mirrorRail::-webkit-slider-runnable-track{height:1px;background:transparent}#mirrorRail::-webkit-slider-thumb{appearance:none;width:24px;height:24px;margin-top:-12px;border:1px solid var(--sun);background:var(--ink-soft);transform:rotate(45deg)}#mirrorRail::-moz-range-track{height:1px;background:var(--line)}#mirrorRail::-moz-range-thumb{width:22px;height:22px;border:1px solid var(--sun);border-radius:0;background:var(--ink-soft)}.turn-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.turn-row button{min-height:32px}.action-cluster{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-cluster .primary{grid-column:1 / -1;min-height:48px;color:var(--sun-hot);border-color:var(--sun)}.touch-action{min-height:34px;padding:6px}.calibration{bottom:168px}.interaction-prompt{bottom:230px}.cutaway-label{display:none}}@media(max-width:560px){.masthead{gap:8px}.header-actions{gap:3px}.header-actions .icon-button:nth-child(2){display:none}.chamber-strip{top:calc(76px + env(safe-area-inset-top))}.chamber-copy #routeLaw{font-size:7px}.aperture-row i{width:22px;height:22px}.exposure-panel{width:164px;bottom:calc(174px + env(safe-area-inset-bottom))}.objective{top:25%;width:82vw}.touch-controls{grid-template-columns:92px 1fr 88px;gap:7px;padding-left:10px;padding-right:10px}.stick{width:82px;height:82px}.touch-action,.turn-row button{font-size:7px;letter-spacing:.06em;padding:5px}.calibration{display:none}.interaction-prompt{bottom:222px;font-size:8px}.modal-card{padding:25px 20px}.modal h1{font-size:42px}.modal-copy{margin:18px 0}}@media(max-height:620px)and (orientation:landscape){.touch-controls{grid-template-columns:90px 1fr 100px;padding-top:7px}.stick{width:76px;height:76px}.exposure-panel{bottom:126px}.interaction-prompt{bottom:128px}.calibration{bottom:112px}}@media(max-width:560px)and (orientation:portrait){.masthead{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:6px;padding-block:8px}.wordmark{grid-row:1}.header-actions{grid-row:2;justify-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.header-actions .icon-button{display:block;min-height:30px;font-size:8px}.chamber-strip{top:100px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.masthead,.chamber-strip,.exposure-panel,.objective,.calibration,.interaction-prompt,.modal-card,.touch-controls{min-width:0}.objective{padding:.55rem .8rem;border-top:1px solid var(--line);border-left:2px solid var(--sun);background:#071018b3;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.chamber-copy strong,.interaction-prompt,.modal-copy{text-shadow:0 2px 14px var(--ink)}.modal-card{max-height:calc(100dvh - 2rem);overflow:auto;overscroll-behavior:contain}@media(max-width:900px){.header-actions{max-width:58%}.icon-button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.touch-controls,.rail-wrap{min-width:0}}@media(max-width:560px){.masthead{min-height:60px;gap:6px;padding-inline:10px}.wordmark{min-width:0;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.header-actions{max-width:60%;gap:3px}.header-actions .icon-button:nth-child(2){display:inline-flex}.header-actions .icon-button{min-height:34px;padding-inline:.35rem;font-size:.65rem}.chamber-strip{top:72px;left:10px;right:10px}.exposure-panel{right:8px;bottom:calc(190px + env(safe-area-inset-bottom));width:min(164px,46vw)}.objective{top:23%;width:calc(100% - 20px);max-width:none}.touch-controls{grid-template-columns:minmax(74px,.9fr) minmax(0,1.4fr) minmax(74px,.9fr);gap:5px;padding-inline:8px}.stick{width:78px;height:78px}.rail-wrap,.turn-row,.action-cluster{min-width:0}.turn-row button,.touch-action{min-width:0;padding-inline:.25rem}.interaction-prompt{right:8px;bottom:260px;left:8px;max-width:none;transform:none;font-size:8px}.modal-card{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);padding:1.25rem}.modal-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.modal-facts span{min-width:0;padding:.5rem .25rem;overflow-wrap:anywhere;text-align:center}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media(max-height:620px)and (orientation:landscape){.exposure-panel{bottom:142px}.interaction-prompt{bottom:164px}.modal-card{max-height:calc(100dvh - 1rem)}}@media(max-width:560px)and (orientation:portrait){.header-actions{grid-column:1 / -1;width:100%;max-width:none}.header-actions .icon-button{padding-inline:2px;font-size:8px;letter-spacing:.04em}}