:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fff8ec;--cream-deep:#f6e9d2;--crust:#e8a94b;--crust-dark:#b9772a;--cocoa:#3b2416;--cocoa-soft:#6e5544;--berry:#9b2c5a;--berry-light:#f6d9e4;--berry-edge:#6e1e40;--lemon:#f5d547;--lemon-light:#fff3b8;--lemon-edge:#c9a52a;--dino:#6bbf59;--dino-deep:#2e7d4f;--dino-edge:#1e5535;--alert:#d9541e;--soldout:#cfc6b8;--shadow:0 12px 32px #3b24161f;--font-display:"Fredoka", ui-rounded, system-ui, sans-serif;--font-body:"Nunito", ui-rounded, system-ui, sans-serif;--pad:clamp(16px, 4vmin, 56px);--gap:clamp(16px, 3vmin, 40px);--spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--cream);color:var(--cocoa);font-family:var(--font-body);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;font-weight:600;overflow:hidden}img{-webkit-user-drag:none}button{font:inherit;color:inherit;cursor:pointer}h1,h2,p{margin:0}.kiosk{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{flex-direction:column;height:100%;animation:.25s ease-out screen-in;display:flex;position:relative;overflow:hidden}.screen.is-tappable{cursor:pointer}@keyframes screen-in{0%{opacity:0;transform:translate(24px)}}.topbar{padding:calc(var(--pad) * .6) var(--pad) calc(var(--pad) * .4);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:96px;display:grid}.topbar__side{align-items:center;min-width:0;display:flex}.topbar__side--end{justify-content:flex-end}.topbar__title{font-family:var(--font-display);text-align:center;font-size:clamp(30px,5.5vmin,64px);font-weight:600;line-height:1.1}.wordmark{font-family:var(--font-display);letter-spacing:-.5px;color:var(--cocoa);font-size:clamp(32px,5vmin,56px);font-weight:700}.wordmark__pal{color:var(--crust-dark)}.logo-hit{padding:8px 12px 8px 0}.lang{border:3px solid var(--cocoa);background:var(--cream);border-radius:999px;flex-shrink:0;display:inline-flex;overflow:hidden}.lang button{min-width:88px;min-height:64px;font-family:var(--font-body);background:0 0;border:0;padding:0 18px;font-size:clamp(18px,2.4vmin,22px);font-weight:700}.lang button[aria-pressed=true]{background:var(--cocoa);color:var(--cream)}.crust{background:radial-gradient(circle at 50% 0, var(--crust) 15px, transparent 16px) 0 0 / 40px 24px repeat-x;flex-shrink:0;height:24px}.crust--bottom{background:radial-gradient(circle at 50% 100%, var(--crust) 15px, transparent 16px) 0 0 / 40px 24px repeat-x;border-bottom:10px solid var(--crust);height:34px}.link-button{min-height:64px;font-family:var(--font-display);color:var(--cocoa-soft);text-align:left;background:0 0;border:0;padding:0 20px 0 0;font-size:clamp(20px,3vmin,30px);font-weight:600}.mascot{justify-content:center;min-height:0;display:flex}.mascot img{object-fit:contain;width:100%;height:100%;transition:transform .4s var(--spring);display:block}.mascot img.is-mirrored{transform:scaleX(-1)}.bob{animation:3s ease-in-out infinite bob}@keyframes bob{50%{translate:0 -6px}}.tap-foot{transform-origin:50% 100%;animation:1.2s ease-in-out infinite tap-foot}@keyframes tap-foot{0%,60%,to{rotate:0deg}70%{rotate:-2deg}80%{rotate:0deg}90%{rotate:-2deg}}.mascot.is-late{animation:.6s ease-in-out infinite nervous}@keyframes nervous{25%{translate:-3px}75%{translate:3px}}.pop{animation:pop .6s var(--spring) both}@keyframes pop{0%{opacity:0;scale:.6}}.bubble{border:3px solid var(--cocoa);max-width:28ch;font-family:var(--font-display);text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:14px 22px;font-size:clamp(18px,2.6vmin,26px);font-weight:600;line-height:1.25;position:relative}.bubble:after{content:"";border:3px solid var(--cocoa);background:#fff;border-top:0;border-left:0;width:18px;height:18px;position:absolute;left:50%;translate:-50%}.bubble--down:after{bottom:-11px;rotate:45deg}.bubble--up:after{top:-11px;rotate:-135deg}.idle{min-height:0;padding:0 var(--pad);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2vmin,24px);display:flex}.idle__mascot{max-width:90vw;height:50vh}.idle__headline{font-family:var(--font-display);letter-spacing:-1px;font-size:clamp(44px,10vmin,112px);font-weight:700;line-height:1}.idle__cta{font-family:var(--font-display);color:var(--cocoa-soft);font-size:clamp(24px,5vmin,48px);font-weight:600;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{50%{color:var(--cocoa);scale:1.04}}.choose{align-items:center;gap:var(--gap);min-height:0;padding:0 var(--pad) var(--pad);flex:1;grid-template-columns:1fr minmax(0,.8fr) 1fr;display:grid}.choose__dino{flex-direction:column;align-items:center;gap:18px;min-height:0;display:flex}.choose__dino .mascot{width:100%;max-height:42vh}.pie-card{--accent:var(--berry);--accent-light:var(--berry-light);--accent-edge:var(--berry-edge);border:4px solid var(--accent);background:var(--accent-light);height:100%;max-height:72vh;box-shadow:0 8px 0 var(--accent-edge), var(--shadow);text-align:center;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1.4vmin,14px);padding:clamp(20px,3.5vmin,40px);transition:transform .1s,box-shadow .1s;display:flex;position:relative}.pie-card--lemon{--accent:var(--lemon);--accent-light:var(--lemon-light);--accent-edge:var(--lemon-edge)}.pie-card:active:not(:disabled){box-shadow:0 2px 0 var(--accent-edge), var(--shadow);transform:translateY(6px)scale(.98)}.pie-card__art{object-fit:cover;border-radius:50%;width:clamp(120px,26vmin,300px);height:clamp(120px,26vmin,300px)}.pie-card__name{font-family:var(--font-display);font-size:clamp(28px,5vmin,48px);font-weight:600;line-height:1.1}.pie-card__desc{color:var(--cocoa-soft);font-size:clamp(18px,2.6vmin,28px);line-height:1.3}.pie-card__price{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin-top:4px;font-size:clamp(40px,8vmin,88px);font-weight:700;line-height:1}.badge{background:var(--alert);color:#fff;font-family:var(--font-display);box-shadow:var(--shadow);animation:badge-bounce .3s var(--spring) .25s both;border-radius:999px;padding:8px 18px;font-size:clamp(20px,2.8vmin,28px);font-weight:700;position:absolute;top:-18px;right:20px}@keyframes badge-bounce{0%{opacity:0;scale:.4}}.pie-card.is-sold-out{--accent:var(--soldout);--accent-edge:#a89e90;cursor:not-allowed;background:#ece6dc}.pie-card.is-sold-out .pie-card__art{filter:grayscale();opacity:.5}.pie-card.is-sold-out .pie-card__name,.pie-card.is-sold-out .pie-card__price{color:var(--cocoa-soft);text-decoration:line-through;text-decoration-thickness:3px}.pie-card__ribbon{background:var(--cocoa);color:var(--cream);font-family:var(--font-display);border-radius:16px;padding:12px 16px;font-size:clamp(18px,2.8vmin,28px);font-weight:600;position:absolute;inset:22% 16px auto;rotate:-6deg}.pay{justify-content:center;align-items:center;gap:var(--gap);min-height:0;padding:0 var(--pad);flex:1;display:flex}.pay__info{flex-direction:column;flex:1 1 0;gap:clamp(8px,2vmin,20px);min-width:0;max-width:460px;display:flex}.pay__pie{align-items:center;gap:16px;display:flex}.pay__thumb{object-fit:cover;border-radius:50%;flex-shrink:0;width:clamp(64px,11vmin,120px);height:clamp(64px,11vmin,120px)}.pay__name{font-family:var(--font-display);font-size:clamp(26px,4.4vmin,44px);font-weight:600;line-height:1.1}.pay__price{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(48px,8vmin,100px);font-weight:700;line-height:1}.pay__instruction{color:var(--cocoa-soft);font-size:clamp(20px,2.8vmin,28px);line-height:1.35}.qr{aspect-ratio:1;width:clamp(280px,44vmin,460px);box-shadow:var(--shadow);background:#fff;border-radius:24px;flex-shrink:0;place-items:center;padding:24px;display:grid}.qr img{width:100%;height:100%;image-rendering:pixelated;display:block}.qr--image{width:clamp(320px,min(62vmin,100dvh - 340px),620px);padding:16px}.qr--image img{image-rendering:auto}.qr--missing{border:4px dashed var(--alert);color:var(--alert);text-align:center;padding:32px;font-size:clamp(18px,2.6vmin,24px);line-height:1.35}.pay__mascot{min-width:clamp(160px,22vw,300px);max-width:440px;max-height:46vh;margin-left:calc(var(--gap) * -.5);flex:1 1 0}.pay__actions{padding:0 var(--pad) var(--pad);flex-direction:column;align-items:center;gap:8px;display:flex}.pay__nudge{font-family:var(--font-display);color:var(--alert);opacity:0;font-size:clamp(22px,3.4vmin,34px);font-weight:600;transition:opacity .3s}.pay__nudge.is-visible{opacity:1}.pay__row{align-items:center;gap:clamp(16px,3vmin,36px);display:flex}.countdown{aspect-ratio:1;flex-shrink:0;width:clamp(96px,14vmin,140px);position:relative}.countdown svg{width:100%;height:100%;rotate:-90deg}.countdown__track{fill:none;stroke:var(--cream-deep);stroke-width:10px}.countdown__bar{fill:none;stroke:var(--dino-deep);stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .25s linear,stroke .3s}.countdown.is-late .countdown__bar{stroke:var(--alert)}.countdown__label{font-family:var(--font-display);font-variant-numeric:tabular-nums;place-items:center;font-size:clamp(26px,4.2vmin,44px);font-weight:600;display:grid;position:absolute;inset:0}.btn-primary{background:var(--dino-deep);color:#fff;min-height:clamp(88px,12vmin,120px);font-family:var(--font-display);box-shadow:0 8px 0 var(--dino-edge), var(--shadow);border:0;border-radius:999px;padding:0 clamp(36px,6vmin,72px);font-size:clamp(30px,5vmin,48px);font-weight:600;transition:transform .1s,box-shadow .1s}.btn-primary:active{box-shadow:0 2px 0 var(--dino-edge), var(--shadow);transform:translateY(6px)scale(.97)}.wobble{animation:10s ease-in-out infinite wobble}@keyframes wobble{0%,4%,to{rotate:0deg}1%{rotate:-3deg}2%{rotate:3deg}3%{rotate:-2deg}}.thanks{min-height:0;padding:0 var(--pad) var(--pad);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(8px,2vmin,24px);display:flex}.thanks__mascot{max-width:90vw;height:52vh}.thanks__title{font-family:var(--font-display);font-size:clamp(44px,9vmin,100px);font-weight:700;line-height:1.05}.thanks__pickup{color:var(--cocoa-soft);font-size:clamp(22px,3.4vmin,34px)}.crumbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.crumbs span{border:2px solid #3b241659;border-radius:40% 60% 55% 45%;animation:1.8s cubic-bezier(.3,.1,.6,1) both crumb-fall;position:absolute;top:-40px}@keyframes crumb-fall{to{transform:translate(var(--drift), 110vh) rotate(540deg)}}.screen--owner{background:#fff}.owner{width:min(880px,100%);min-height:0;padding:var(--pad);scrollbar-width:none;flex-direction:column;flex:1;gap:28px;margin:0 auto;display:flex;overflow-y:auto}.owner--pin{justify-content:center;align-items:center}.owner__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.owner__title{font-family:var(--font-display);font-size:40px;font-weight:600}.owner__error{color:var(--alert);font-size:22px;font-weight:700}.owner-button{border:2px solid var(--cocoa);background:#fff;border-radius:16px;min-width:64px;min-height:64px;padding:0 20px;font-size:24px;font-weight:700}.owner-button:active,.pin-pad button:active{background:var(--cream-deep)}.owner-button--wide{width:100%}.owner__stock{flex-direction:column;gap:14px;display:flex}.stock-row{border:2px solid var(--cream-deep);border-radius:16px;grid-template-columns:1fr auto 9ch auto;align-items:center;gap:12px;padding:12px 16px;font-size:24px;display:grid}.stock-row__count{text-align:center;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:36px}.stock-row__count small{font-family:var(--font-body);color:var(--cocoa-soft);font-size:16px}.owner__sales h2{font-family:var(--font-display);margin-bottom:12px;font-size:28px;font-weight:600}.sales-summary{margin:0 0 16px;padding-left:20px;font-size:20px;line-height:1.6}.sales-log{margin:0;padding:0;font-size:18px;list-style:none}.sales-log li{border-bottom:1px solid var(--cream-deep);grid-template-columns:10ch 1fr auto;gap:12px;padding:10px 0;display:grid}.sales-log li.is-unconfirmed{color:var(--alert)}.pin-dots{gap:18px;display:flex}.pin-dots span{border:3px solid var(--cocoa);border-radius:50%;width:24px;height:24px}.pin-dots span.is-filled{background:var(--cocoa)}.pin-dots.is-wrong{animation:.15s linear 3 nervous}.pin-pad{grid-template-columns:repeat(3,96px);gap:14px;display:grid}.pin-pad button{border:2px solid var(--cocoa);height:88px;font-family:var(--font-display);background:#fff;border-radius:20px;font-size:36px}.pin-pad .pin-pad__secondary{font-family:var(--font-body);font-size:18px}@media (orientation:portrait){.topbar{grid-template-columns:1fr auto;grid-template-areas:"start end""title title";row-gap:8px}.topbar>.topbar__side:first-child{grid-area:start}.topbar>.topbar__side--end{grid-area:end}.topbar__title{grid-area:title}.qr,.qr--image{width:min(56vw,560px)}.choose{grid-template-rows:1fr 1fr auto;grid-template-columns:1fr;align-items:stretch}.pie-card{text-align:left;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-content:center;justify-items:start;column-gap:24px;display:grid}.pie-card__art{grid-row:1/4;width:clamp(110px,22vmin,240px);height:clamp(110px,22vmin,240px)}.choose__dino{flex-direction:row;justify-content:center;order:3!important}.choose__dino .mascot{width:auto;height:18vh}.choose__dino .bubble--down:after{inset:50% -11px auto auto;translate:0 -50%;rotate:-45deg}.pay{flex-wrap:wrap;align-content:center}.pay__info{text-align:center;flex-basis:100%;align-items:center;max-width:none}.pay__mascot{flex:0 30%;max-height:28vh;margin-left:0}.idle__mascot,.thanks__mascot{width:90vw;height:auto;max-height:45vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.crumbs{display:none}}