: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,.overlay .view-switch,.overlay .zoom-buttons,.overlay .mode-toggle{pointer-events:auto}.controls{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:1;transition:opacity .35s ease}.controls.hidden{opacity:0}.controls.hidden .mode-toggle,.controls.hidden .view-switch,.controls.hidden .badge{pointer-events:none}.control-row{position:absolute;top:max(env(safe-area-inset-top,0px),.75rem);right:.75rem;left:.75rem;margin-top:.75rem;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.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}body.flat a-scene{pointer-events:none}body.flat a-scene>*:not(a-assets){display:none!important}body.flat a-assets{display:block!important}body.flat #live{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;z-index:0}.view-switch{display:inline-flex;padding:2px;gap:2px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.view-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.4rem .8rem;min-height:2rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:#ffffffb3;background:transparent;cursor:pointer;transition:background .12s ease,color .12s ease}.view-option:hover{color:#fff}.view-option.active{color:#000;background:#fff}.mode-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.4rem .9rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;color:#ffffffd9;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer}.mode-toggle:hover{color:#fff;border-color:#ffffff80}.zoom-buttons{position:absolute;left:max(env(safe-area-inset-left,0px),.75rem);bottom:max(env(safe-area-inset-bottom,0px),.75rem);display:flex;flex-direction:column;gap:.5rem}.zoom-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:1.4rem;font-weight:600;line-height:1;color:#ffffffe6;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.zoom-button:active{background:#ffffffe6;color:#000}@media(pointer:fine){.zoom-buttons{display:none}}.zoom-badge{position:absolute;left:50%;bottom:max(env(safe-area-inset-bottom,0px),1.5rem);transform:translate(-50%);padding:.35rem .85rem;border-radius:999px;font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;color:#fff;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .12s ease;pointer-events:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:420px){.control-row{justify-content:center}.view-option{padding:.45rem .7rem}}@media(pointer:coarse){.view-option,.mode-toggle{min-height:2.4rem;padding-inline:1rem}.zoom-badge{bottom:max(env(safe-area-inset-bottom,0px),1.75rem)}}@media(min-width:900px){.view-option,.mode-toggle{font-size:.82rem;padding:.45rem 1rem}.badge,.zoom-badge{font-size:.85rem}.hint{font-size:.95rem}}@media(min-width:1600px){.view-option,.mode-toggle{font-size:.95rem;padding:.55rem 1.2rem}.zoom-badge{font-size:1rem;padding:.45rem 1.1rem}.control-row{top:max(env(safe-area-inset-top,0px),1.25rem);right:1.5rem;left:1.5rem}.badge{font-size:.95rem;left:1.5rem}}@media(max-height:460px){.center{gap:.6rem;padding:.75rem}.center h1{font-size:1.4rem}.start{padding:.6rem 1.5rem;font-size:1rem}.hint{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.zoom-badge{animation:none}.controls{transition:none}}