:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#102c3b;color:#f7f2e8}*{box-sizing:border-box}body{margin:0}button{font:inherit;border:1px solid #ffffff40;border-radius:30px;padding:12px 19px;background:#173c4f;color:#fff;cursor:pointer}button:disabled{opacity:.45;cursor:wait}button:focus-visible{outline:3px solid #f3c775;outline-offset:3px}[hidden]{display:none!important}.cover{position:fixed;inset:0;overflow:auto;z-index:20;background:radial-gradient(ellipse at top right,#225b69,#102c3b 70%);padding:28px 20px 70px}.card{max-width:460px;margin:auto;text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;color:#d3b77c}.year{font-size:12px;letter-spacing:4px;margin-top:30px}h1{font-family:Georgia,serif;font-size:clamp(46px,12vw,68px);line-height:1.04;font-weight:400;margin:16px 0}h1 em{color:#ebca8d}.intro{color:#c8dce1}.portraits{display:flex;justify-content:center;gap:12px;margin:27px 0}.portraits img{width:25%;aspect-ratio:444/682;object-fit:cover;border-radius:60px 60px 8px 8px;border:1px solid #ffffff50}.card>p{line-height:1.5}.small{font-size:12px;color:#b9ccd1}progress{width:100%;height:8px;accent-color:#e7c17d}#preparation{font-size:13px;min-height:40px}#start{display:block;width:100%;background:#e7c17d;color:#102c3b;font-weight:700;margin:12px 0}#hud{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:env(safe-area-inset-top,12px) 16px 32px}#hud header{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;letter-spacing:2px;text-shadow:0 1px 4px #000}#hud button{pointer-events:auto;background:#102c3be8}.bottom{background:#102c3be8;border:1px solid #ffffff30;border-radius:20px;padding:16px}.actions{display:flex;gap:8px;flex-wrap:wrap}#status{font-size:14px;margin-top:0}#viewer{position:fixed;inset:0;background:#061019;z-index:5;display:grid;place-items:center}#viewer video{width:100%;height:100%;max-height:100dvh;object-fit:contain}#diagnostics{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#07151eea;font-size:11px;padding:6px 12px}#diagnostics pre{max-height:160px;overflow:auto;white-space:pre-wrap}a-scene{position:fixed!important;inset:0}
#sceneHost{position:fixed;inset:0;z-index:0}
#mediaBin{position:fixed;left:0;top:0;width:1px;height:1px;overflow:hidden;opacity:.01;pointer-events:none;z-index:1}#mediaBin video{width:1px;height:1px}
