html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:Segoe UI,system-ui,sans-serif;overscroll-behavior:none;touch-action:none}#camerafeed{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:0}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}#status{position:absolute;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px 14px;border-radius:999px;background:#000000ad;color:#fff;font-size:14px;line-height:1.25;text-align:center;white-space:nowrap}#start-button,#confirm-button{pointer-events:auto;border:0;border-radius:999px;padding:14px 22px;background:#fff;color:#000;font-size:16px;font-weight:700}#start-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#start-button.hidden,#intro-panel.hidden,#countdown.hidden{display:none}#intro-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,420px);padding:22px 20px 20px;border-radius:18px;background:#000000b8;color:#fff;text-align:center;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#intro-title{margin:0 0 12px;font-size:28px;font-weight:700;letter-spacing:.02em}#intro-body{margin:0 0 18px;font-size:16px;line-height:1.45;opacity:.95}#confirm-button{width:100%}#countdown{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);color:#fff;font-size:96px;font-weight:800;text-shadow:0 8px 24px #000}