.scanner{z-index:40;background:#000;place-items:center;display:grid;position:fixed;inset:0}.scanner video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-frame{aspect-ratio:1;border:3px solid var(--blood);width:min(70vw,300px);box-shadow:0 0 0 100vmax #0000008c, 0 0 30px var(--blood-glow);border-radius:18px;animation:1.6s ease-in-out infinite pulse-frame;position:relative}@keyframes pulse-frame{50%{border-color:var(--flame)}}.scanner-hint{top:max(24px, env(safe-area-inset-top));text-align:center;text-shadow:0 2px 8px #000;margin:0;font-size:1.3rem;font-style:italic;position:absolute;left:16px;right:16px}.scanner-close{bottom:max(28px, env(safe-area-inset-bottom));font:inherit;border:1px solid var(--line);color:var(--ink);background:#000000b3;border-radius:999px;padding:12px 28px;font-size:1.1rem;position:absolute}.scan-btn{bottom:max(16px, env(safe-area-inset-bottom));font:inherit;border:1px solid var(--blood);color:var(--ink);box-shadow:0 0 24px var(--blood-glow), 0 8px 24px #0009;cursor:pointer;background:linear-gradient(#3a0c10,#1a0607);border-radius:999px;justify-self:center;padding:14px 30px;font-size:1.25rem;position:sticky}