:root{--ground: #f8f7f0;--card: #ffffff;--ink: #1d2a0b;--muted: #5b5f4a;--deep: #2b3a12;--deep-hover: #1d2a0b;--orange: #db812e;--orange-hover: #c9741f;--on-orange: #ffffff;--green: #afd553;--ok: #4d6a10;--err: #b3261e;--err-bg: #fbe9e7;--line: #ddd9c8;--r-card: 18px;--r-ctl: 14px;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--ground)}*{box-sizing:border-box}body{margin:0;background:var(--ground);font-size:1rem;line-height:1.55;-webkit-text-size-adjust:100%}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--deep);outline-offset:3px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app{min-height:100dvh;display:flex;flex-direction:column}.top{padding:14px 16px 6px;width:min(100%,30rem);margin:0 auto}.top__mark{font-weight:700;letter-spacing:-.01em;color:var(--deep);font-size:1.0625rem}.wrap{width:min(100%,30rem);margin:0 auto;padding:0 16px calc(40px + env(safe-area-inset-bottom));flex:1}.banner{margin:8px 0;padding:10px 14px;border-radius:var(--r-ctl);background:#fdf0df;color:#5c3200;font-size:.9375rem}.pass{background:var(--card);border-radius:var(--r-card);overflow:hidden;margin-top:8px;box-shadow:0 1px 0 var(--line),0 14px 26px -20px #1d2a0b8c}.pass__band{height:40px;background:radial-gradient(circle at 50% 50%,transparent 0 4px,rgba(219,129,46,.7) 4px 5px,transparent 5px 100%) 0 0 / 20px 20px,radial-gradient(circle at 0 0,rgba(175,213,83,.95) 0 3px,transparent 3.5px) 10px 10px / 20px 20px,var(--deep)}.pass__body{padding:16px 16px 18px}.pass__name{margin:0;font-size:1.375rem;font-weight:700;letter-spacing:-.015em;line-height:1.25}.pass__sub{margin:2px 0 0;color:var(--muted);font-variant-numeric:tabular-nums}.stamps{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stamp{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.8125rem;color:var(--muted);text-align:center}.stamp__dot{width:46px;height:46px;border-radius:50%;border:2px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--muted)}.stamp__dot svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.naira{font-size:1.25rem;font-weight:700;line-height:1}.stamp--active{color:var(--ink);font-weight:600}.stamp--active .stamp__dot{border-color:var(--orange);box-shadow:0 0 0 4px #db812e4d;color:var(--ink)}.stamp--done{color:var(--ok);font-weight:600}.stamp--done .stamp__dot{background:var(--green);border-color:var(--green);color:var(--ink);animation:press .4s cubic-bezier(.2,1.5,.4,1)}.stamp--done .stamp__dot svg{stroke-width:2.6}.stamp--failed{color:var(--err);font-weight:600}.stamp--failed .stamp__dot{border-color:var(--err);color:var(--err)}@keyframes press{0%{transform:scale(1.5);opacity:.2}to{transform:scale(1);opacity:1}}.screen{padding-top:28px}.screen__title{margin:0;font-size:1.75rem;line-height:1.2;letter-spacing:-.02em;font-weight:750;outline:none}.screen__lead{margin:10px 0 24px;color:var(--muted);font-size:1.0625rem;max-width:34ch}.screen__title:only-child{margin-bottom:8px}.field{margin-bottom:20px}.field label{display:block;font-weight:600;margin-bottom:8px}.input{width:100%;min-height:58px;padding:10px 16px;border:2px solid var(--line);border-radius:var(--r-ctl);background:#fff;font-size:1.25rem}.input--code{letter-spacing:.12em;font-variant-numeric:tabular-nums}.input:focus{border-color:var(--deep);outline-offset:2px}.input::placeholder{color:#8f917c}.hint{margin:8px 0 0;color:var(--muted);font-size:.9375rem;display:flex;align-items:center;gap:8px}.points{margin:0 0 22px;padding:0 0 0 20px;display:grid;gap:10px}.points li::marker{color:var(--deep)}.check{display:flex;gap:12px;align-items:flex-start;margin:0 0 22px;font-weight:600;cursor:pointer}.check input{width:26px;height:26px;margin:0;flex:none;accent-color:var(--deep)}.btn{width:100%;min-height:56px;padding:12px 20px;border:0;border-radius:var(--r-ctl);background:var(--orange);color:var(--on-orange);font-weight:650;font-size:1.0625rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.btn:hover:not(:disabled){background:var(--orange-hover)}.btn:disabled{background:#d9d6c6;color:#58594a;cursor:not-allowed}.btn--quiet{background:#fff;color:var(--deep);box-shadow:inset 0 0 0 2px var(--orange)}.btn--quiet:hover:not(:disabled){background:#eef3dc}.btn--text{background:none;color:var(--deep);text-decoration:underline;text-underline-offset:3px;min-height:48px;font-weight:600}.btn--text:hover:not(:disabled){background:none;color:var(--deep-hover)}.btn--text:disabled{background:none;color:var(--muted)}.alert{margin:0 0 18px;padding:12px 14px;border-radius:var(--r-ctl);background:var(--err-bg);border-left:5px solid var(--err);color:#5b130f}.cam{position:relative;margin:0 0 16px;border-radius:var(--r-card);overflow:hidden;background:#14190a;aspect-ratio:1 / 1;max-height:40dvh;width:100%}.cam video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:block}.cam__oval{position:absolute;top:7%;bottom:7%;left:50%;aspect-ratio:4 / 5;transform:translate(-50%);border-radius:50%;border:3px solid rgba(255,255,255,.92);box-shadow:0 0 0 100vmax #0d0f266b}.sticky{position:sticky;bottom:0;margin-top:8px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));background:var(--ground)}.spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(88,89,74,.3);border-top-color:var(--deep);animation:spin .8s linear infinite;flex:none}.btn .spinner{border-color:#24130040;border-top-color:var(--on-orange)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}.stamp--done .stamp__dot{animation:none}}@media (min-width: 520px){.screen{padding-top:40px}}@media (max-height: 700px){.pass__band{height:24px}.pass__body{padding:12px 16px 14px}.stamps{margin-top:12px}.screen{padding-top:16px}.screen__lead{margin-bottom:14px}.cam{max-height:34dvh}}.opt{font-weight:400;color:var(--muted)}