*{box-sizing:border-box}html,body,#stage{margin:0;width:100%;height:100%;overflow:hidden;background:#050507;font-family:Inter,system-ui,Segoe UI,Arial;color:white}#camera{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0007 0,transparent 28%,transparent 60%,#0009 100%);pointer-events:none}#hud{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;pointer-events:none}#statusPill{align-self:flex-start;background:#10131bcc;border:1px solid #ffffff25;backdrop-filter:blur(12px);border-radius:999px;padding:10px 14px;font-size:14px}.instruction{text-align:center;text-shadow:0 3px 20px #000;max-width:850px}.instruction .gesture{font-size:64px}.instruction h1{font-size:clamp(28px,4vw,58px);margin:5px 0}.instruction p{font-size:clamp(14px,1.5vw,21px);opacity:.8}.overlay{position:absolute;inset:0;background:#090b11ed;display:grid;place-items:center;z-index:10}.hidden{display:none!important}#countdown b{font-size:min(28vw,300px);text-shadow:0 10px 70px #7651ff}.result-card{width:min(1100px,92vw);height:min(720px,88vh);display:grid;grid-template-columns:1.35fr .65fr;gap:28px;background:#151922;border:1px solid #ffffff20;border-radius:30px;padding:28px;box-shadow:0 40px 100px #0009}.preview-wrap{background:#050609;border-radius:20px;overflow:hidden;display:grid;place-items:center}.preview-wrap img{width:100%;height:100%;object-fit:contain}.qr-side{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.eyebrow{font-size:12px;letter-spacing:.2em;color:#ae94ff;font-weight:800}.qr-side h2{font-size:30px}.qr-side p{color:#aeb4c1;line-height:1.5}#qr{background:white;padding:12px;border-radius:15px}.totem-btn{background:#7953ff;color:white;border:0;border-radius:12px;padding:14px 20px;font-weight:800;font-size:16px;cursor:pointer}#manual{position:absolute;right:12px;bottom:12px;width:26px;height:26px;border:0;border-radius:50%;background:#ffffff18;color:#ffffff40;pointer-events:auto;cursor:pointer}.error-card{background:#171b25;padding:35px;border-radius:24px;max-width:600px;text-align:center}#slides{background:#000}#slideImg{width:100%;height:100%;object-fit:contain}.slide-caption{position:absolute;bottom:30px;background:#000a;border:1px solid #ffffff20;padding:13px 20px;border-radius:999px;font-size:18px}
@media(orientation:portrait){.result-card{grid-template-columns:1fr;height:94vh}.preview-wrap{min-height:55vh}.qr-side h2{margin:8px}#qr img,#qr canvas{width:170px!important;height:170px!important}}