:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#000;overflow:hidden}a-scene{position:fixed;top:0;right:0;bottom:0;left:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.overlay .center,.overlay .badge,.overlay .start{pointer-events:auto}.center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1.5rem;background:radial-gradient(circle at center,#0006,#000000d9)}.center h1{margin:0;font-size:clamp(1.8rem,6vw,3rem);font-weight:700;letter-spacing:-.02em;color:#fff}.start{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.9rem 2.2rem;font-size:1.1rem;font-weight:600;color:#000;background:#fff;cursor:pointer;transition:transform .12s ease,opacity .12s ease}.start:hover:not(:disabled){transform:translateY(-1px)}.start:disabled{opacity:.6;cursor:progress}.hint{margin:0;font-size:.85rem;color:#fff9}.error{margin:0;max-width:30rem;color:#ff6b6b;font-size:.9rem}.badge{position:absolute;top:env(safe-area-inset-top,.75rem);left:.75rem;margin-top:.75rem;padding:.3rem .7rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.06em;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gate-form{display:flex;flex-direction:column;align-items:center;gap:.8rem;width:min(20rem,80vw)}.gate-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#fff;font-size:1rem;text-align:center}.gate-input:focus{outline:none;border-color:#4cc2ff}