*{box-sizing:border-box}html,body{color:#e8ecf4;background:#07080c;height:100%;margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#stage{position:absolute;inset:0}#video{object-fit:contain;background:#07080c;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}#three,#debug{pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#debug{transform:translate(-50%,-50%)scaleX(-1)}#hud{top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;letter-spacing:.01em;background:#0a0c129e;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:10px;padding:7px 12px;font-size:12px;display:flex;position:absolute;left:12px}#fps{color:#7ee0c0;font-weight:600}#status{color:#aab4c6}#hud .hint{color:#5d677a;border-left:1px solid #ffffff1f;padding-left:10px}#gate{z-index:10;background:radial-gradient(120% 90% at 50% 0,#131a2b 0%,#07080c 70%);place-items:center;padding:24px;display:grid;position:absolute;inset:0}#gate[hidden]{display:none}.gate-card{text-align:center;max-width:380px}.gate-card h1{letter-spacing:-.02em;margin:0 0 10px;font-size:26px}.gate-card p{color:#96a0b4;margin:0 0 20px}#start{color:#06122b;font:inherit;cursor:pointer;background:linear-gradient(#6ea8ff,#3f7ae0);border:0;border-radius:10px;padding:12px 26px;font-weight:650}#start:hover{filter:brightness(1.08)}#start:disabled{opacity:.55;cursor:default}#gate-error{color:#ff9a9a;margin:18px 0 0}#gate-error[hidden]{display:none}