:root{--ink:#211d1a;--muted:#8b8178;--line:#e7ddd0;--accent:#ff5b2e;--accent-dk:#e8431a;--accent-hi:#ff835b;--ok:#12a150;--ok-soft:#e5f6ec;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}body{min-height:100dvh;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 120% at 15% 12%,#fff6ee 0%,#0000 55%),radial-gradient(130% 120% at 85% 92%,#ffe6d7 0%,#0000 58%),linear-gradient(165deg,#f7f1e9 0%,#efe6da 62%,#ecdccd 100%);place-items:center;padding:clamp(1rem,5vw,3rem);font-family:Space Grotesk,system-ui,sans-serif;display:grid;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage{flex-direction:column;align-items:center;gap:1.2rem;display:flex;position:relative}.checkout{width:min(84vw,300px);height:60px;position:relative}.atc{z-index:2;letter-spacing:.01em;color:#fff;background:linear-gradient(180deg, var(--accent-hi) 0%, var(--accent) 46%, var(--accent-dk) 100%);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .3s var(--ease-back), box-shadow .3s var(--ease-out);will-change:transform;border:none;border-radius:999px;place-items:center;font-family:inherit;font-size:1.08rem;font-weight:600;display:grid;position:absolute;inset:0;box-shadow:0 16px 30px -12px #e8431abf,inset 0 1px #ffffff59}.atc:hover{transform:translateY(-2px);box-shadow:0 22px 36px -12px #e8431ae6,inset 0 1px #ffffff59}.atc:active{transform:translateY(0)scale(.98)}.atc:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.atc[disabled]{cursor:default}.atc__label{transition:opacity .22s var(--ease-out), transform .28s var(--ease-out);align-items:center;gap:.55rem;display:inline-flex}.atc__cart{color:#fff;opacity:0;pointer-events:none;transition:opacity .22s var(--ease-out), transform .35s var(--ease-back);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.55)}.atc.is-packing .atc__label{opacity:0;transform:scale(.55)}.atc.is-packing .atc__cart{opacity:1;transform:translate(-50%,-50%)scale(1)}.atc.cart-bump .atc__cart{animation:cartBump .3s var(--ease-back)}@keyframes cartBump{0%{transform:translate(-50%,-50%)scale(1)}40%{transform:translate(-50%,-55%)scale(1.16)}to{transform:translate(-50%,-50%)scale(1)}}.truck{z-index:3;transform-origin:50% 60%;opacity:0;pointer-events:none;width:150px;transition:opacity .26s var(--ease-out), transform .46s var(--ease-back);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.42)}.truck.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.truck__svg{filter:drop-shadow(0 10px 14px #b43c1452);width:100%;height:auto;display:block;overflow:visible}.truck__shadow{fill:#3c1e0f33}.wheel__spin{transform-box:fill-box;transform-origin:50%}.wheel__spin line{stroke:#626a7a;stroke-width:2.2px;stroke-linecap:round}.truck.is-rolling .wheel__spin{animation:.34s linear infinite roll}@keyframes roll{to{transform:rotate(360deg)}}.confirm{z-index:1;letter-spacing:.01em;color:var(--ok);background:var(--ok-soft);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out), transform .5s var(--ease-back);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;font-size:1.08rem;font-weight:700;display:flex;position:absolute;inset:0;transform:scale(.9);box-shadow:inset 0 0 0 2px #bfe6cd}.confirm.show{opacity:1;transform:scale(1)}.confirm__check{color:var(--ok);overflow:visible}.confirm__ring{stroke-dasharray:70;stroke-dashoffset:70px;transition:stroke-dashoffset .5s var(--ease-out) 50ms}.confirm__tick{stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset .4s var(--ease-out) .28s}.confirm.show .confirm__ring,.confirm.show .confirm__tick{stroke-dashoffset:0}.again{color:var(--muted);border:none;border-bottom:2px dotted var(--line);cursor:pointer;transition:color .25s var(--ease-out), border-color .25s var(--ease-out);background:0 0;padding-bottom:2px;font-family:inherit;font-size:.9rem;font-weight:500}.again:hover{color:var(--accent-dk);border-color:var(--accent)}.again:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:3px}.sound-toggle{z-index:60;cursor:pointer;width:42px;height:42px;transition:transform .2s var(--ease-back);background:#fffc;border:none;border-radius:50%;place-items:center;font-size:1.05rem;display:grid;position:fixed;top:1rem;right:1rem;box-shadow:0 8px 18px -8px #50321480}.sound-toggle:hover{transform:scale(1.08)}.sound-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sound-toggle[aria-pressed=false]{opacity:.55}.fx{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.puff,.streak,.parcel{will-change:transform, opacity;position:absolute}.puff{background:radial-gradient(circle,#9696a080,#9696a000 70%);border-radius:50%;width:16px;height:16px}.streak{background:linear-gradient(90deg,#e8431a00,#e8431a8c);border-radius:3px;height:3px}.parcel{background:linear-gradient(150deg,#d7a05a,#b9752f);border-radius:3px;box-shadow:inset 0 0 0 1.5px #ffffff59,0 2px 4px #00000040}@media (prefers-reduced-motion:reduce){.atc,.atc__label,.atc__cart,.truck,.confirm,.confirm__ring,.confirm__tick{transition-duration:.001ms}.truck.is-rolling .wheel__spin{animation:none}}