@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Manrope:wght@700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#f7faf8;background:#07110d;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#07110d}button,input{font:inherit}.kiosk-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:radial-gradient(circle at 50% 18%,#183228 0,#07110d 48%)}.kiosk-shell.centered{place-items:center;grid-template-rows:1fr}.kiosk-shell header{display:flex;align-items:center;gap:.7rem;padding-bottom:1rem}.kiosk-shell header img,.setup img{width:42px;height:42px;filter:brightness(0) invert(1)}.kiosk-shell header div{display:grid;min-width:0}.kiosk-shell header strong{font-family:Manrope;letter-spacing:.05em}.kiosk-shell header span{color:#98aaa2;font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kiosk-shell header i{margin-left:auto;width:10px;height:10px;border-radius:50%}.online{background:#5ed38a;box-shadow:0 0 10px #5ed38a}.offline{background:#e35b50}.scanner{display:grid;align-content:center;gap:1rem;min-height:0}.camera{position:relative;width:min(100%,680px);aspect-ratio:3/4;max-height:72svh;margin:auto;background:#020604;border:1px solid #294238;border-radius:24px;overflow:hidden}.camera video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:50% auto auto 50%;width:min(68vw,310px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid #d7ad4e;border-radius:18px;box-shadow:0 0 0 999px #02080557}.camera-state{text-align:center;margin:0;color:#d7ad4e;font-size:clamp(1rem,4vw,1.25rem);font-weight:700}.camera-state.denied,.camera-state.unavailable{color:#ffb1aa}.result{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(1rem,4svh,2rem);margin:auto;width:min(100%,720px);min-height:70svh;padding:clamp(1.25rem,6vw,3rem);border:2px solid;border-radius:28px}.result.allowed{color:#dfffe9;border-color:#51cb7e;background:#0e3822}.result.warning{color:#fff0bd;border-color:#e3ad3e;background:#3a2b0b}.result.denied,.result.red{color:#ffe5e2;border-color:#dc5c50;background:#3a1412}.result h1{font-family:Manrope;font-size:clamp(2.2rem,10vw,5rem);line-height:.95;margin:0}.result p{font-size:clamp(1rem,4vw,1.35rem);margin:0}.welcome,.remaining{letter-spacing:.12em}.remaining{font-size:clamp(1rem,4.5vw,1.5rem)}.result button,.setup button{min-height:52px;border:0;border-radius:12px;padding:.8rem 1.35rem;background:#d7ad4e;color:#07110d;font-weight:800}.setup{width:min(100%,520px);padding:clamp(1.25rem,7vw,2.5rem);border:1px solid #294238;border-radius:24px;background:#102019}.setup h1{font:800 clamp(2rem,9vw,3rem)/1 Manrope;margin:.5rem 0}.setup p{color:#adbbb5}.eyebrow{color:#d7ad4e;font-size:.72rem;font-weight:800;letter-spacing:.16em}.setup form,.setup label{display:grid;gap:.6rem}.setup form{gap:1rem;margin-top:1.5rem}.setup input{width:100%;min-height:50px;border:1px solid #4b6258;border-radius:10px;background:#08130e;color:#fff;padding:.8rem}.error{padding:1rem;border-left:4px solid #dc5c50;background:#3a1412;color:#ffe5e2}@media(orientation:landscape)and (max-height:600px){.kiosk-shell{grid-template-columns:220px 1fr;grid-template-rows:1fr}.kiosk-shell header{align-self:start}.scanner,.result{grid-column:2}.camera{aspect-ratio:16/10;max-height:82svh}.result{min-height:82svh}.result h1{font-size:clamp(2rem,8vh,4rem)}}@media(orientation:landscape)and (max-height:600px){.kiosk-shell.centered{grid-template-columns:1fr!important;grid-template-rows:1fr!important}.kiosk-shell.centered .setup{width:min(100%,520px)}}