.confirmation-location{display:inline-block;margin:-10px 0 0;padding:6px 10px;border:1px solid #3a3e42;border-radius:999px;color:#b7bcc1;font-size:12px}.scan-button{margin-bottom:12px;background:#fff;color:#090a0b;font-size:16px}.scanner-panel{display:grid;gap:10px;margin-bottom:14px;padding:12px;border:1px solid #485058;border-radius:20px;background:#121518}.scanner-view{position:relative;overflow:hidden;aspect-ratio:4/3;border-radius:15px;background:radial-gradient(circle,#30363b,#090a0b);display:grid;place-items:center}.scanner-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scanner-view>span{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;padding:7px;border-radius:999px;background:rgba(0,0,0,.76);font-size:11px}.scan-target{position:relative;z-index:2;width:52%;aspect-ratio:1;border:4px solid #fff;border-radius:12px;box-shadow:0 0 0 999px rgba(0,0,0,.28)}.scanner-note{margin:0;color:#8e969d;font-size:10px;line-height:1.35}.scanner-demos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.scanner-demos button{min-height:40px;border:1px solid #4a5056;border-radius:10px;background:#1c2024;color:#fff;font-size:11px;font-weight:800}.staff-verification{min-height:150px;align-content:center;padding:20px;border-width:2px}.staff-verification b{font-size:25px;line-height:1.05}.staff-verification span{font-size:14px}.staff-verification .attendee-context{color:#fff;font-weight:800}.staff-verification .btn{margin-top:10px}.staff-verification.good{box-shadow:inset 6px 0 #55df86}.staff-verification.warn{box-shadow:inset 6px 0 #ffb142}.staff-verification.bad{box-shadow:inset 6px 0 #ff5a5d}@media(max-width:360px){.scanner-demos button{font-size:10px;padding:5px}.staff-verification b{font-size:22px}}