:root{--bg:#ffc53d;--paper:#fff6e5;--ink:#2b1a12;--accent:#e8432e;--font:"Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0}html.ar-active,html.ar-active body{overscroll-behavior:none;touch-action:none;background:#000;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.boot{background:var(--bg);min-height:100dvh}.stage{visibility:hidden;background:#000;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.stage--active{visibility:visible}.ar-camera-feed{z-index:0;object-fit:fill;position:absolute;top:0;left:0}.ar-canvas{z-index:1;position:absolute;top:0;left:0}.chip{border:2px solid var(--ink);background:var(--paper);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin:0;padding:5px 12px;font-size:13px;font-weight:700;display:inline-block}.chip--alert{background:var(--accent);color:var(--paper)}.btn{letter-spacing:-.01em;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:0 26px;font-size:19px;font-weight:800;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn--primary{background:var(--ink);width:100%;color:var(--paper);box-shadow:0 5px 0 var(--accent)}.btn--primary:active{box-shadow:0 1px 0 var(--accent);transform:translateY(4px)}.btn--ghost{border:2px solid var(--ink);background:0 0;width:100%}.btn--compact{width:auto;min-height:52px;font-size:17px}.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.icon-btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.intro{min-height:100dvh;padding:calc(20px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));background:repeating-conic-gradient(from 3deg at 50% 26%, var(--bg) 0deg 6deg, #ffd66b 6deg 12deg);justify-content:center;align-items:center;display:flex}.intro__inner{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:440px;display:flex}.intro__hero{margin:8px 0 4px;position:relative}.intro__art{border:3px solid var(--ink);background:var(--paper);width:min(54vw,236px,25.5dvh);height:auto;box-shadow:7px 7px 0 var(--ink);border-radius:14px;display:block;transform:rotate(-3deg)}.intro__sticker{border:3px solid var(--ink);background:var(--accent);width:76px;height:76px;color:var(--paper);text-align:center;text-transform:uppercase;border-radius:50%;place-items:center;font-size:15px;font-weight:800;line-height:1;animation:3.2s ease-in-out infinite wiggle;display:grid;position:absolute;top:-14px;right:-26px;transform:rotate(12deg)}@keyframes wiggle{0%,to{transform:rotate(12deg)scale(1)}50%{transform:rotate(4deg)scale(1.06)}}.intro__copy{border:3px solid var(--ink);background:var(--paper);width:100%;box-shadow:6px 6px 0 var(--ink);border-radius:22px;padding:22px 20px 20px}.intro__title{letter-spacing:-.03em;margin:14px 0 8px;font-size:clamp(34px,10vw,50px);font-weight:800;line-height:.95}.intro__body{margin:0 0 16px;font-size:17px;line-height:1.45}.intro__steps{counter-reset:step;flex-wrap:wrap;gap:6px 14px;margin:0 0 20px;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.intro__steps li{counter-increment:step;align-items:center;gap:6px;display:inline-flex}.intro__steps li:before{content:counter(step);background:var(--ink);width:22px;height:22px;color:var(--paper);border-radius:50%;place-items:center;font-size:12px;display:grid}.intro__fine{opacity:.72;text-align:center;margin:16px 0 0;font-size:13px;line-height:1.4}.handoff{border-top:2px dashed var(--ink);align-items:center;gap:14px;margin-top:18px;padding-top:16px;font-size:14px;line-height:1.4;display:flex}.handoff p{margin:0}.handoff__qr{flex:none;width:92px;height:92px}.handoff__qr svg{width:100%;height:100%;display:block}@media (max-height:720px) and (max-width:859px){.intro{padding-top:calc(12px + var(--safe-top))}.intro__inner{gap:14px}.intro__art{width:min(42vw,20.25dvh)}.intro__sticker{width:62px;height:62px;font-size:13px}.intro__copy{padding:16px 18px}.intro__title{margin:10px 0 6px;font-size:32px}.intro__body{margin-bottom:12px;font-size:16px}.intro__steps{margin-bottom:14px}}@media (min-width:860px){.intro__inner{flex-direction:row;gap:64px;max-width:940px}.intro__art{width:300px}.intro__copy{max-width:460px}}.overlay{z-index:10;color:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.overlay--loading{background:#140c08d1}.overlay__title{margin:22px 0 6px;font-size:20px;font-weight:800}.overlay__hint{opacity:.8;max-width:30ch;margin:0;font-size:15px;line-height:1.4}.loader{gap:10px;display:flex}.loader span{border:2px solid var(--paper);background:var(--bg);border-radius:50%;width:16px;height:16px;animation:.9s ease-in-out infinite hop}.loader span:nth-child(2){background:var(--accent);animation-delay:.12s}.loader span:nth-child(3){background:var(--paper);animation-delay:.24s}@keyframes hop{0%,to{transform:translateY(0)}40%{transform:translateY(-14px)}}.overlay--scan{pointer-events:none;animation:.3s both fade-in}@keyframes fade-in{0%{opacity:0}}.scan-frame{width:min(72vw,39dvh,420px);margin-bottom:96px;animation:2.4s ease-in-out infinite breathe;position:relative}@keyframes breathe{50%{transform:scale(1.025)}}.scan-frame__c{border:0 solid var(--paper);filter:drop-shadow(0 1px 1px #00000073);width:38px;height:38px;position:absolute}.scan-frame__c--tl{border-top-width:6px;border-left-width:6px;border-top-left-radius:12px;top:0;left:0}.scan-frame__c--tr{border-top-width:6px;border-right-width:6px;border-top-right-radius:12px;top:0;right:0}.scan-frame__c--bl{border-bottom-width:6px;border-left-width:6px;border-bottom-left-radius:12px;bottom:0;left:0}.scan-frame__c--br{border-bottom-width:6px;border-right-width:6px;border-bottom-right-radius:12px;bottom:0;right:0}.scan-frame__line{background:var(--paper);opacity:.85;border-radius:3px;height:3px;animation:2.2s ease-in-out infinite sweep;position:absolute;top:6%;left:8%;right:8%}@keyframes sweep{0%,to{top:6%}50%{top:94%}}.scan-card{left:16px;right:16px;bottom:calc(20px + var(--safe-bottom));border:2px solid var(--ink);background:var(--paper);max-width:480px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:left;border-radius:18px;align-items:center;gap:14px;margin:0 auto;padding:12px 16px 12px 12px;display:flex;position:absolute}.scan-card__thumb{border:2px solid var(--ink);border-radius:6px;flex:none;width:44px;height:auto}.scan-card__title{margin:0 0 2px;font-size:17px;font-weight:800;line-height:1.2}.scan-card__hint{opacity:.8;margin:0;font-size:14px;line-height:1.35}.hud{z-index:20;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hud__top{top:calc(14px + var(--safe-top));justify-content:space-between;display:flex;position:absolute;left:14px;right:14px}.hud__top>:only-child{margin-right:auto}.icon-btn{pointer-events:auto;border:2px solid var(--ink);background:var(--paper);width:46px;height:46px;color:var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.icon-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.hud__bottom{left:16px;right:16px;bottom:calc(24px + var(--safe-bottom));justify-content:center;display:flex;position:absolute}.pill{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin:0;padding:10px 16px;font-size:15px;font-weight:700;animation:.25s both fade-in}.hud__replay{pointer-events:auto;animation:.45s cubic-bezier(.2,1.4,.4,1) both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}}.screen{min-height:100dvh;padding:calc(28px + var(--safe-top)) 22px calc(28px + var(--safe-bottom));background:var(--paper);z-index:30;justify-content:center;align-items:center;display:flex;position:relative}.screen__inner{width:100%;max-width:420px}.screen__title{letter-spacing:-.03em;margin:16px 0 10px;font-size:clamp(30px,9vw,42px);font-weight:800;line-height:1}.screen__body{margin:0 0 18px;font-size:17px;line-height:1.45}.steps{border:2px solid var(--ink);background:#fff;border-radius:16px;margin:0 0 24px;padding:16px 16px 16px 40px;font-size:16px;line-height:1.5}.screen__actions{gap:12px;display:grid}.screen__code{opacity:.5;margin:20px 0 0;font-family:ui-monospace,monospace;font-size:12px}.debug{z-index:40;top:calc(70px + var(--safe-top));color:#8f8;pointer-events:none;background:#000000b3;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.4 ui-monospace,monospace;position:fixed;left:10px}@media (prefers-reduced-motion:reduce){.intro__sticker,.scan-frame,.scan-frame__line,.loader span{animation:none}}