:root{--bg: #0e0f11;--surface: #17191c;--line: #2a2d31;--ink: #f4f5f7;--muted: #9aa0a6;--burgundy: #4a1f24;--burgundy-deep: #2a1013;--vermilion: #d33a2c;--vermilion-deep: #b02a1e;--cream: #f7f2e6;--ok: #0a6b30;--warn: #9a4a06;--void: #8f1a1a;--none: #6d0f12;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}#app{position:fixed;inset:0}.screen{position:absolute;inset:0}[hidden]{display:none!important}#login{display:grid;place-items:center;padding:max(2rem,env(safe-area-inset-top)) 1.5rem;background:radial-gradient(120% 90% at 50% 0%,var(--burgundy) 0%,var(--burgundy-deep) 70%)}.login-card{width:100%;max-width:22rem}.wordmark{font-family:Rye,Georgia,serif;color:var(--cream);font-size:1.6rem;letter-spacing:.01em;margin:0 0 .35rem;text-align:center}.login-title{font-family:Oswald,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;color:color-mix(in srgb,var(--cream) 78%,transparent);text-align:center;margin:0 0 2.2rem}#login-form{display:grid;gap:1.1rem}.field{display:grid;gap:.4rem}.field span{font-size:.85rem;font-weight:600;color:color-mix(in srgb,var(--cream) 80%,transparent)}.field input{height:3.25rem;padding:0 1rem;border-radius:.6rem;border:1.5px solid color-mix(in srgb,var(--cream) 24%,transparent);background:#00000047;color:var(--cream);font-size:1.05rem}.field input:focus-visible{outline:3px solid var(--vermilion);outline-offset:1px;border-color:transparent}.login-error{margin:0;padding:.7rem .9rem;border-radius:.5rem;background:#00000059;color:#ffd9d2;font-size:.95rem;text-align:center}.btn-primary{height:3.4rem;border-radius:.6rem;background:var(--vermilion);color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.02em;transition:background .15s var(--ease),transform .1s var(--ease)}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{background:var(--vermilion-deep)}.btn-primary[data-loading]{color:transparent;position:relative}.btn-primary[data-loading]:after{content:"";position:absolute;inset:0;margin:auto;width:1.3rem;height:1.3rem;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn-primary:focus-visible,.btn-ghost:focus-visible{outline:3px solid #fff;outline-offset:2px}.btn-ghost{color:var(--muted);font-weight:600;padding:.6rem 1rem}@keyframes spin{to{transform:rotate(360deg)}}#scan{background:#000}#video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scan-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,transparent 22%,transparent 68%,rgba(0,0,0,.72) 100%)}.scan-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:calc(env(safe-area-inset-top) + .75rem) 1rem .75rem}.who{font-weight:600;font-size:.95rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}.icon-btn{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:999px;background:#0006;color:#fff}.icon-btn svg{width:1.4rem;height:1.4rem}.icon-btn:focus-visible,.pill:focus-visible{outline:3px solid #fff;outline-offset:2px}.reticle{position:absolute;top:50%;left:50%;transform:translate(-50%,-54%);width:min(68vw,300px);aspect-ratio:1}.reticle span{position:absolute;width:2.2rem;height:2.2rem;border:3px solid rgba(255,255,255,.92);border-radius:4px}.reticle span:nth-child(1){top:0;left:0;border-right:0;border-bottom:0}.reticle span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0}.reticle span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0}.reticle span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0}.scan-hint{position:absolute;left:0;right:0;top:calc(50% + min(34vw,168px));text-align:center;color:#fff;font-size:.95rem;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.8)}.cam-warn{position:absolute;left:1rem;right:1rem;top:50%;transform:translateY(-50%);text-align:center;color:#fff;background:#0009;padding:1rem;border-radius:.6rem;font-size:1rem}.scan-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;gap:.6rem;justify-content:center;padding:.75rem 1rem calc(env(safe-area-inset-bottom) + 1.1rem)}.pill{display:inline-flex;align-items:center;gap:.5rem;height:3rem;padding:0 1.15rem;border-radius:999px;background:#ffffff1f;color:#fff;font-weight:600;font-size:.95rem;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(6px)}.pill svg{width:1.2rem;height:1.2rem}.pill[data-on="1"]{background:#fff;color:#000}.result{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem calc(env(safe-area-inset-bottom) + 2rem);color:#fff;text-align:center;opacity:0;transition:opacity .16s var(--ease)}.result[data-on="1"]{opacity:1}.result[data-state=VALID]{background:var(--ok)}.result[data-state=ALREADY_USED]{background:var(--warn)}.result[data-state=VOID]{background:var(--void)}.result[data-state=NOTFOUND]{background:var(--none)}.result-icon{width:30vw;max-width:8.5rem;height:30vw;max-height:8.5rem;stroke-width:2.2;margin-bottom:.5rem;transform:scale(.86);transition:transform .22s var(--ease)}.result[data-on="1"] .result-icon{transform:scale(1)}.result-word{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(3rem,16vw,5rem);line-height:.95;letter-spacing:.01em;margin:0}.result-holder{font-size:1.35rem;font-weight:600;margin:.5rem 0 0}.result-meta{font-size:1.05rem;margin:.25rem 0 0;white-space:pre-line;color:#ffffffeb;max-width:30rem}.result-tap{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 1.4rem);font-size:.9rem;color:#ffffffbf;margin:0}.manual{border:0;border-radius:.9rem;padding:1.4rem;width:min(92vw,24rem);background:var(--surface);color:var(--ink)}.manual::backdrop{background:#0009}.manual h2{font-size:1.1rem;margin:0 0 1rem}.manual input{width:100%;height:3.25rem;padding:0 1rem;border-radius:.6rem;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);font-size:1.1rem;letter-spacing:.04em;text-transform:uppercase}.manual input:focus-visible{outline:3px solid var(--vermilion);outline-offset:1px}.manual-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.1rem}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 5.5rem);transform:translate(-50%,1rem);z-index:60;max-width:min(90vw,26rem);padding:.85rem 1.15rem;border-radius:.6rem;background:#24262a;color:#fff;font-size:.95rem;text-align:center;border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .18s var(--ease),transform .18s var(--ease)}.toast[data-on="1"]{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*,.result,.result-icon,.toast,.btn-primary{transition:none!important;animation-duration:.001ms!important}.result-icon{transform:none}}