*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:#020309;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-tap-highlight-color:transparent}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0}#scroll-track{height:2200vh;pointer-events:none}#captions{position:fixed;left:0;right:0;bottom:calc(9vh + env(safe-area-inset-bottom,0px));padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);z-index:2;pointer-events:none}.caption{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:min(680px,90vw);padding:0 4px;text-align:center;color:#cfe9f7;font-size:clamp(16px,1.9vw,20px);line-height:1.55;font-weight:400;letter-spacing:.01em;opacity:0;text-shadow:0 2px 18px rgba(2,3,9,.9),0 0 2px rgba(2,3,9,1);will-change:opacity,transform;overflow-wrap:break-word}.caption em{color:#ffe08a;font-style:normal}.caption.title{bottom:34vh}.caption.title h1{font-size:clamp(42px,7vw,88px);font-weight:200;letter-spacing:.38em;text-indent:.38em;color:#eaf6ff;margin-bottom:.4em}.caption.title p{color:#7fa8c4;font-size:clamp(13px,1.5vw,17px);letter-spacing:.14em}.caption.final{bottom:24vh;font-size:clamp(17px,2.2vw,24px);font-weight:300;font-style:italic;color:#eaf6ff;letter-spacing:.03em;line-height:1.8}#readout{position:fixed;top:calc(7vh + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:2;color:#ffd166;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(14px,1.6vw,19px);letter-spacing:.08em;opacity:0;pointer-events:none;text-shadow:0 2px 14px rgba(2,3,9,.9)}:root{--chrome-top: calc(3vh + env(safe-area-inset-top, 0px)) ;--chrome-right: calc(2.2vw + env(safe-area-inset-right, 0px)) ;--sound-height: 30px}@media (pointer: coarse){:root{--sound-height: 44px}}#sound{position:fixed;top:var(--chrome-top);right:var(--chrome-right);z-index:3;background:#0a16228c;border:1px solid rgba(127,168,196,.35);border-radius:999px;color:#7fa8c4;font:500 12px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .25s,border-color .25s,background .25s;touch-action:manipulation}@media (hover: hover){#sound:hover{color:#cfe9f7;border-color:#cfe9f799}}#sound:focus-visible{outline:2px solid rgba(207,233,247,.8);outline-offset:3px}@media (pointer: coarse){#sound{min-height:44px;padding:14px 18px}}#sound.on{color:#ffe08a;border-color:#ffe08a8c;background:#2e240880}#narration-hint{position:fixed;top:calc(var(--chrome-top) + var(--sound-height) + 10px);right:var(--chrome-right);z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:#7fa8c4;font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-align:right;pointer-events:none;opacity:0;text-shadow:0 2px 14px rgba(2,3,9,.9);will-change:opacity}#narration-hint span{font-size:13px;line-height:1;animation:narration-bob 1.9s ease-in-out infinite}@keyframes narration-bob{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}#hint{position:fixed;bottom:calc(3.5vh + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:2;color:#7fa8c4;font-size:13px;letter-spacing:.28em;text-transform:uppercase;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}#hint span{animation:hint-bob 1.6s ease-in-out infinite}@keyframes hint-bob{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(6px);opacity:1}}@media (orientation: landscape) and (max-height: 540px){#captions{bottom:calc(4vh + 10px + env(safe-area-inset-bottom,0px))}.caption{width:min(780px,92vw);font-size:clamp(14px,3.4vh,18px);line-height:1.42}.caption.title{bottom:24vh}.caption.title h1{font-size:clamp(30px,11vh,60px);margin-bottom:.3em}.caption.title p{font-size:clamp(11px,3vh,15px)}.caption.final{bottom:16vh;font-size:clamp(15px,3.8vh,21px);line-height:1.6}#readout{top:calc(3vh + env(safe-area-inset-top,0px))}#hint{bottom:calc(2vh + 6px + env(safe-area-inset-bottom,0px))}:root{--chrome-top: calc(2vh + env(safe-area-inset-top, 0px)) }#narration-hint{font-size:10px;letter-spacing:.14em}}@media (prefers-reduced-motion: reduce){#hint span,#narration-hint span{animation:none}}