:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;background:#000}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button{font:inherit;cursor:pointer}[hidden]{display:none!important}
#stage{position:relative;width:100%;height:100dvh;background:#000;overflow:hidden}#camera{display:none}#view{display:block;width:100%;height:100%;background:#000}
#intro{position:absolute;z-index:2;left:max(7vw,30px);top:50%;width:min(600px,calc(100% - 60px));transform:translateY(-50%);transition:opacity .25s}#stage.active #intro{opacity:0;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.25em;font-weight:700;color:#999}h1{margin:24px 0;font-size:clamp(64px,10vw,128px);font-weight:600;letter-spacing:-.075em;line-height:.95}p{max-width:390px;color:#a7a7a7;font-size:16px;line-height:1.6;margin:0 0 32px}#start{display:flex;align-items:center;justify-content:space-between;gap:55px;min-width:215px;padding:16px 18px;background:#fff;color:#000;border:1px solid #fff;border-radius:4px;font-weight:700}#start:hover{background:#ddd}#start:disabled{opacity:.5;cursor:wait}#start span{font-size:23px;line-height:1}small{display:block;margin-top:20px;color:#777;font-size:11px}
#stop{position:absolute;z-index:3;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));padding:11px 16px;border:1px solid #fff9;border-radius:4px;background:#000b;color:#fff;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s}#stage.controls-visible #stop,#stop:focus-visible{opacity:1;pointer-events:auto}#message{position:absolute;z-index:4;left:50%;bottom:30px;transform:translateX(-50%);max-width:min(90vw,420px);padding:13px 17px;background:#222;border:1px solid #555;border-radius:4px;text-align:center;font-size:13px}
@media(max-width:700px){#intro{left:26px;width:calc(100% - 52px)}h1{font-size:clamp(58px,16vw,90px)}p{font-size:14px}#stop{top:max(20px,env(safe-area-inset-top));right:20px}}