html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090c12;color:#f3f7ff;font-family:Inter,Segoe UI,Noto Sans JP,system-ui,sans-serif}#app{position:fixed;top:0;right:0;bottom:0;left:0}#camera{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#controls{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#controls .overlay{pointer-events:auto;position:fixed;left:16px;top:16px;padding:16px;border-radius:12px;background:#10121cb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 32px #00000059;max-width:min(92vw,420px)}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:6px 0;border-radius:10px;padding:10px 14px;font-weight:600;background:linear-gradient(180deg,#5ad1ff,#2c88ff);color:#091018;cursor:pointer}button:focus-visible{outline:3px solid #ffe27c;outline-offset:2px}#app-status,#app-error,#mode-hint{margin-top:8px;font-size:14px}#app-error{color:#ffb3b3}.overlay-note{margin-top:8px;font-size:12px;line-height:1.35;color:#bdd3ff}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}