:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;color:#f4faff;background:#07151f}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}canvas:focus-visible{outline:3px solid #70e5ff;outline-offset:-4px}header{position:fixed;top:max(28px,env(safe-area-inset-top));left:32px;display:flex;gap:12px;align-items:center;pointer-events:none;text-shadow:0 2px 10px #000}header strong{display:block;font-size:16px;letter-spacing:.2em}header span:not(.mark){display:block;font-size:12px;letter-spacing:.18em;margin-top:5px}.mark{font-size:38px;color:#8aecff}footer{position:fixed;bottom:0;left:0;right:0;padding:80px 32px max(24px,env(safe-area-inset-bottom));background:linear-gradient(transparent,rgba(3,15,25,.92));display:flex;align-items:end;flex-wrap:wrap;gap:16px;pointer-events:none}h1{font-size:clamp(24px,4vw,38px);font-weight:500;letter-spacing:-.035em;margin:0 0 8px}p{font-size:14px;line-height:1.5;margin:0;color:#d1e5ec}.intro{flex:1}.actions{display:flex;gap:10px;pointer-events:auto}button{font:600 16px Inter,Arial,sans-serif;border:1px solid transparent;border-radius:999px;padding:16px 24px;background:#97eeff;color:#06202c;cursor:pointer;min-height:52px}button:hover{background:#c8f7ff}button:focus-visible{outline:3px solid white;outline-offset:4px}button:disabled{cursor:default;opacity:.65}.secondary{background:rgba(5,20,30,.65);color:white;border-color:#ffffff55}.secondary:hover{background:#1b3545}#status{width:100%;font-size:13px}#loading{position:fixed;inset:0;display:grid;place-items:center;background:#07151f;font-size:18px;padding:32px;text-align:center}#loading.hidden{display:none}body.immersive header,body.immersive footer{display:none}@media(max-width:600px){header{left:20px;top:24px}footer{padding-left:20px;padding-right:20px;gap:14px}.intro{flex-basis:100%}.actions{width:100%}#vr{flex:1}button{padding:14px 18px}}

@media(max-width:600px){.actions{flex-wrap:wrap}.actions #vr{flex-basis:100%}.actions .secondary{flex:1}}

#scene-count{font-size:14px;align-self:center;color:#d1e5ec;white-space:nowrap;padding:0 4px}#credit{font-size:13px;color:#c7e4ef;pointer-events:auto;text-underline-offset:3px}#credit:hover{color:white}