@font-face{font-family:Display;src:url('./fonts/display.woff2') format('woff2');font-weight:100 900}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#010a05;color:#eafff4;font-family:Display,Arial,sans-serif}
#viewport{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden}
#stage{position:absolute;width:1920px;height:1080px;transform:scale(var(--scale,1));transform-origin:center;overflow:hidden;isolation:isolate}
#scene{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.brand{position:absolute;left:54px;top:38px;font-size:24px;font-weight:800;letter-spacing:.14em}.brand:before{content:'';display:inline-block;width:7px;height:24px;margin-right:14px;background:#4aff91;vertical-align:-3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fullscreen-hint{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);padding:10px 16px;background:#030c13ed;border:1px solid #ffffff35;border-radius:6px;font:12px Arial,sans-serif;color:#fff;opacity:0;transition:opacity .3s;pointer-events:none;z-index:10}
.show-hint .fullscreen-hint{opacity:1;pointer-events:auto}.fullscreen{font:inherit;color:inherit;background:none;border:0;cursor:pointer}body:not(.show-hint){cursor:none}.fullscreen:focus-visible{outline:2px solid #67ffb1;outline-offset:4px}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}