:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#102c4f;background:#eef4fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(155deg,#f8fbfe,#e7eff8);}.page{width:min(100%,480px);min-height:100vh;margin:0 auto;display:flex;flex-direction:column;padding:44px 21px 22px}.brand{display:flex;justify-content:center;align-items:center;gap:13px;margin:6px 0 26px}.brand-icon{height:58px;width:58px;flex:none;border-radius:11px;background:linear-gradient(150deg,#256bb5,#153f75);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;transform:rotate(-3deg)}.brand-icon span{width:22px;height:10px;background:white;transform:skew(-12deg)}.brand strong{font-size:clamp(2.2rem,10vw,3rem);font-weight:850;letter-spacing:2px;line-height:1}.brand small{display:block;font-size:10px;letter-spacing:-.15px;margin-top:6px}.gateway-tag{align-self:center;border-radius:40px;padding:12px 18px;font-size:12px;background:#e2ecf8;color:#235488;margin-bottom:30px}.panel{background:#fff;border:1px solid #d7e2ef;border-radius:24px;padding:33px 23px 27px;box-shadow:0 10px 30px #2443680a;text-align:center}.medallion{width:78px;height:78px;background:#edf3fa;color:#24558a;border-radius:50%;font-size:36px;display:grid;place-items:center;margin:0 auto 22px}h1{font-size:clamp(22px,5vw,26px);letter-spacing:-.8px;margin:0 0 12px;font-weight:800}.intro{font-size:14px;line-height:1.6;color:#65758c;max-width:350px;margin:0 auto 25px}.pin{width:100%;height:68px;text-align:center;letter-spacing:15px;font-size:27px;font-weight:700;border:1.5px solid #bccfe5;border-radius:11px;color:#193d67;background:#fbfdff;outline:none;padding-left:15px}.pin:focus{border-color:#2f78cd;box-shadow:0 0 0 3px #398deb30}.pin::placeholder{letter-spacing:13px;color:#9ba9bb}button{width:100%;border:0;border-radius:11px;background:linear-gradient(180deg,#2c79ce,#1c5598);color:white;font-size:16px;font-weight:750;padding:18px 16px;margin-top:20px;cursor:pointer;min-height:54px}button span{padding-left:10px}button:disabled{opacity:.6;cursor:wait}button.secondary{background:white;color:#255994;border:1px solid #d5e1f0;margin-top:10px}.message{min-height:1.3em;font-size:13px;color:#9c2929;font-weight:650;margin:16px 0 0}.help{border-top:1px solid #e5eaf2;padding-top:22px;margin-top:17px;color:#396b9b;font-size:12px}.hidden{display:none}.verified{color:#126d4e;background:#e4f5ed;border-radius:30px;padding:10px 12px;font-weight:650;font-size:13px;margin-bottom:20px}.reels{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;margin:24px -8px 18px;padding:9px 4px;background:#eaf1fa;border-radius:12px}.reel{position:relative;aspect-ratio:.73;display:grid;place-items:center;border-radius:5px;background:linear-gradient(#2d435c 0 49%,#101b2b 50% 100%);box-shadow:inset 0 1px #8191a4,0 2px 2px #1119;color:white;font-size:clamp(14px,4vw,22px);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:750;overflow:hidden}.reel::after{content:"";position:absolute;top:49%;left:0;right:0;border-top:1px solid #02070b9e}.result-copy{font-size:13px;color:#58728f}footer{text-align:center;color:#7689a3;font-size:10px;letter-spacing:1.4px;line-height:2.2;margin-top:auto;padding-top:48px}footer em{font-size:12px;letter-spacing:0}@media(max-width:355px){.page{padding-left:12px;padding-right:12px}.panel{padding-left:16px;padding-right:16px}.reels{margin-left:-6px;margin-right:-6px}.reel{font-size:13px}}

/* Celebration Protocol V2 - animations run only on the technician device */
.result-panel{position:relative;isolation:isolate;overflow:hidden}
.result-panel > :not(.ticker-tape){position:relative;z-index:1}
.ticker-tape{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.tape{position:absolute;top:-15%;left:var(--x);width:var(--w);height:var(--h);background:var(--c);opacity:0;border-radius:1px;animation:tape-fall var(--duration) linear var(--delay) 1 both;will-change:transform,opacity}
@keyframes tape-fall{0%{transform:translate3d(0,-20px,0) rotate(0deg);opacity:0}9%{opacity:.92}85%{opacity:.92}100%{transform:translate3d(var(--drift),650px,0) rotate(var(--spin));opacity:0}}
.result-panel.celebrating .verified{animation:success-pulse .7s ease-out 2}
.result-panel.celebrating .reels{box-shadow:0 0 0 5px #d9ebff,0 0 32px #77b4ff80}
@keyframes success-pulse{50%{transform:scale(1.035);background:#d5f4df}}
.sound-toggle{font-size:13px;min-height:40px;padding:10px;margin-top:10px!important}
.result-copy{min-height:2.5em;line-height:1.5}
@media(prefers-reduced-motion:reduce){.tape{animation:none!important;display:none}.result-panel.celebrating .verified{animation:none}}