.wafer-atmosphere{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:0;pointer-events:none}.wafer-hud{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;color:#aec2d7;font-family:Arial Narrow,Helvetica Neue,monospace;font-weight:300}.wafer-readout{--spread: 1;position:absolute;width:118px;opacity:.64}.wafer-readout__frame{position:relative;display:grid;place-items:center;height:32px}.wafer-readout__frame i{position:absolute;width:6px;height:6px;border:solid #afc7de;border-width:1px 0 0 1px;left:calc((1 - var(--spread)) * (50% - 3px));top:calc((1 - var(--spread)) * (50% - 3px));opacity:.8}.wafer-readout__frame i:nth-child(2){left:auto;right:calc((1 - var(--spread)) * (50% - 3px));transform:rotate(90deg)}.wafer-readout__frame i:nth-child(3){top:auto;left:auto;right:calc((1 - var(--spread)) * (50% - 3px));bottom:calc((1 - var(--spread)) * (50% - 3px));transform:rotate(180deg)}.wafer-readout__frame i:nth-child(4){top:auto;bottom:calc((1 - var(--spread)) * (50% - 3px));transform:rotate(270deg)}.wafer-readout__title{display:flex;justify-content:center;font-size:11px;letter-spacing:1px;white-space:pre}.wafer-readout__title b{display:inline-block;min-width:7px;font-weight:400;transition:transform 85ms linear}.wafer-readout small{display:block;margin-top:9px;padding-left:10px;font-size:10px;letter-spacing:.6px;opacity:.65}.wafer-readout--diagnostic{left:77%;top:25%}.wafer-readout--alignment{left:81%;top:47%;width:95px}.wafer-readout--spectrum{left:75%;top:77%}.wafer-readout--process{left:15%;top:73%}.wafer-readout--matrix{left:12%;top:39%}.wafer-readout--scan{left:37%;top:18%;width:108px}@media(max-width:700px){.wafer-readout{width:94px}.wafer-readout--diagnostic{left:auto;right:6%;top:24%}.wafer-readout--matrix{left:6%;top:32%}.wafer-readout--process{left:6%;top:69%}.wafer-readout--spectrum{left:auto;right:6%;top:75%}.wafer-readout--scan,.wafer-readout--alignment{display:none}}@media(prefers-reduced-motion:reduce){.wafer-readout__title b{transition:none}}.wafer-guides{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;fill:none;stroke:#8daac3;stroke-opacity:.48;stroke-width:1;pointer-events:none}.wafer-page{touch-action:pinch-zoom}.story-field{--x: 61vw;--y: 42vh;position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 42vw 36vh at var(--x) var(--y),rgb(var(--hue) / .25),transparent 73%),radial-gradient(ellipse 40vw 28vh at 78% 12%,rgb(var(--hue) / .1),transparent 85%);mix-blend-mode:screen}.story-field:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(var(--hue) / .15) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--hue) / .15) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse 26vw 26vh at var(--x) var(--y),black,transparent 85%)}.story-interface{position:absolute;inset:0;z-index:9;pointer-events:none;color:#eaf2ff}.story-interface button{pointer-events:auto;cursor:pointer;color:inherit;font:inherit}.story-interface button:focus-visible{outline:2px solid #99d4ff;outline-offset:4px}.story-mode,.story-kicker,.story-hint{font:11px/1.4 ui-monospace,monospace;letter-spacing:.17em}.story-mode{position:absolute;top:36px;right:35px;color:#c2d8f1}.story-mode i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#84d5ff;box-shadow:0 0 12px #71bbff;margin-right:7px}.story-mode span,.story-hint span{color:#6da7d6;margin:0 .35em}.story-caption{position:absolute;left:max(32px,5vw);bottom:max(118px,16vh);text-shadow:0 2px 16px #020813,0 0 28px #020813;animation:chapter-in .42s ease-out both}.story-kicker{color:#bbdbff}.story-kicker span{color:#fff;margin-right:5px}.story-caption h1{margin:7px 0 9px;font-size:clamp(34px,5vw,76px);line-height:1.02;font-weight:650;letter-spacing:.055em}.story-caption p{margin:0;font-size:clamp(12px,1.2vw,16px);color:#d3e1f3}.story-nav{display:flex;gap:3px;position:absolute;left:max(32px,5vw);bottom:35px}.story-nav button{display:flex;gap:.6em;align-items:center;min-height:41px;padding:0 13px;border:1px solid #a8cdff30;background:#080f20b5;font-size:12px}.story-nav button span:first-child{font-family:ui-monospace,monospace;color:#8eb8ed}.story-nav button:hover,.story-nav button[aria-current]{background:#18365ce8;border-color:#84beff}.story-controls{display:flex;gap:7px;position:absolute;right:35px;bottom:35px}.story-controls button{width:42px;height:42px;border:1px solid #a8cdff55;background:#080f20b5;font-size:18px}.story-controls button:not(:disabled):hover{background:#18365c}.story-controls button:disabled{opacity:.35;cursor:default}.story-hint{position:absolute;right:35px;bottom:92px;color:#d5e5f7;text-shadow:0 1px 8px #000}@keyframes chapter-in{0%{opacity:0;transform:translateY(9px)}}@media(max-width:740px){.story-mode{top:29px;right:18px;font-size:9px;letter-spacing:.07em}.story-caption{left:19px;bottom:119px;right:19px}.story-nav{left:17px;right:17px;bottom:max(19px,env(safe-area-inset-bottom))}.story-nav button{padding:0 4px;flex:1;justify-content:center;font-size:10px}.story-nav button span:first-child{display:none}.story-controls{bottom:66px;right:18px}.story-controls button{width:35px;height:35px}.story-hint{left:19px;right:auto;bottom:75px;font-size:9px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){.story-caption{animation:none}}.story-plate{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1;animation:chapter-in .42s ease-out both}@media(prefers-reduced-motion:reduce){.story-plate{animation:none}}.camera-tuner{position:fixed;top:16px;right:16px;z-index:50;width:min(320px,calc(100vw - 32px));color:#e3edf7;background:#111c29;border:1px solid #425266;border-radius:10px;font:13px/1.5 system-ui,sans-serif;color-scheme:dark;box-shadow:0 8px 28px #0005}.camera-tuner summary{cursor:pointer;padding:12px 14px;font-weight:600}.camera-tuner summary span{float:right;color:#a8bbcf;font-size:11px;font-weight:400}.camera-tuner-body{padding:0 14px 12px;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}.camera-tuner p{margin:8px 0;font-size:12px;color:#b5c5d6}.camera-tuner fieldset{min-width:0;border:0;border-top:1px solid #334256;padding:8px 0;margin:8px 0 0}.camera-tuner legend{padding-right:8px;font-weight:600}.camera-field{display:grid;grid-template-columns:62px minmax(0,1fr) 68px;align-items:center;gap:8px;margin:8px 0}.camera-tuner input[type=range]{width:100%;margin:0;accent-color:#86bfff}.camera-tuner input[type=number],.camera-tuner textarea{box-sizing:border-box;width:100%;min-width:0;padding:5px;border:1px solid #52637a;border-radius:4px;background:#09121d;color:#f0f5fb;font:inherit}.camera-tuner button{cursor:pointer;padding:7px 10px;border:1px solid #607994;border-radius:5px;background:#23394f;color:#edf5ff;font:inherit}.camera-tuner button:hover{background:#304d69}.camera-tuner :focus-visible{outline:2px solid #a6d0ff;outline-offset:2px}.camera-preview{width:100%}.camera-actions{display:flex;gap:8px}.camera-actions button{flex:1}.camera-tuner textarea{min-height:160px;resize:vertical}