*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;overflow:hidden}:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--tap-min:120px;--menu-bar-h:min(var(--tap-min), 22vmin);--pedal-min:180px;--card-bg:#ffffffe6;--card-radius:22px;--card-lift:4px;--card-shadow:0 5px 0 #0b102024;--card-shadow-pressed:0 1px 0 #0b102024;--slot-bg:#ffffffeb;--slot-radius:34px;--slot-lift:5px;--slot-shadow:0 8px 0 #0b102029;--slot-shadow-pressed:0 3px 0 #0b102029;--ink:#0b1020;--sky-deep:#0a4677;--sky-a:#7ec8f0;--sky-b:#cdeafb;--hub-dawn:radial-gradient(105% 50% at 50% 47%, #ffce66fa 0%, #ffc46066 33%,  #ffbe5a00 67%);--hub-sky:var(--hub-dawn), linear-gradient(180deg, var(--sky-deep) 0%, var(--sky-a) 34%, var(--sky-b) 68%, #eaf7ff 100%);--grass:#7cc243;--grass-dark:#4f8d2b;--track:#e6cb95;--paper:#fdfbf5;--paw:#ffc32b;--paw-dark:#e2a000;--go:#4ec96a;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}body{background:var(--ink);font-family:var(--font);color:var(--paper)}#app{padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);position:fixed;inset:0}.boot-sky{background:var(--hub-sky);position:absolute;inset:0}.screen{background:linear-gradient(180deg, var(--sky-a), var(--sky-b));color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:3vh;animation:.22s ease-out screen-in;display:flex;position:absolute;inset:0}@keyframes screen-in{0%{opacity:0}to{opacity:1}}.load-failed{place-items:center;width:100%;height:100%;display:grid}.load-failed-pup{opacity:.55;font-size:min(140px,26vmin);animation:2.6s ease-in-out infinite load-failed-sigh}@keyframes load-failed-sigh{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(6px)rotate(3deg)}}.big-button{min-width:var(--tap-min);min-height:var(--tap-min);background:var(--paw);box-shadow:0 6px 0 var(--paw-dark);color:var(--ink);border:none;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:0 28px;font-family:inherit;font-size:clamp(18px,3vw,30px);font-weight:800;transition:transform 60ms ease-out,box-shadow 60ms ease-out;display:inline-flex}.big-button:active{box-shadow:0 1px 0 var(--paw-dark);transform:translateY(5px)}.big-button--go{background:var(--go);box-shadow:0 6px #339c4c}.big-button--go:active{box-shadow:0 1px #339c4c}.big-button--quiet{color:var(--ink);background:#0b10201f;box-shadow:0 6px #0b102033}.card{border-radius:var(--card-radius);background:var(--card-bg);box-shadow:var(--card-shadow);border:none;transition:transform 70ms ease-out,box-shadow 70ms ease-out;position:relative}.card--pressable:active{transform:translateY(var(--card-lift));box-shadow:var(--card-shadow-pressed)}.back-paw{z-index:5;top:calc(var(--safe-t) + 12px);left:calc(var(--safe-l) + 12px);width:min(var(--tap-min), 22vmin);height:min(var(--tap-min), 22vmin);min-width:0;min-height:0;padding:0;font-size:min(44px,10vmin);position:absolute}.dev-overlay{z-index:9999;color:#cdeafb;background:#0b1020e6;border-bottom-left-radius:10px;max-height:100%;padding:10px;font:12px/1.5 ui-monospace,monospace;position:absolute;top:0;right:0;overflow:auto}.dev-overlay h2{text-transform:uppercase;letter-spacing:.1em;opacity:.6;margin:8px 0 4px;font-size:12px}.dev-overlay button{text-align:left;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid #cdeafb40;border-radius:5px;margin:2px 0;padding:5px 8px;display:block}.dev-overlay button:active{background:#cdeafb33}.dev-toggle{z-index:10000;color:#cdeafb;background:#0b10208c;border:none;width:34px;height:34px;font:16px/1 ui-monospace,monospace;position:absolute;top:0;right:0}.screen--draw{padding:calc(var(--safe-t) + 4px) 8px calc(var(--safe-b) + 6px);background:linear-gradient(#eef6fb,#dfeaf2);justify-content:space-between;gap:0}.draw-stage{flex:auto;justify-content:center;align-items:center;width:100%;min-width:0;min-height:52vh;display:flex;position:relative;overflow:hidden}.paint-surface{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.paint-svg{width:100%;height:100%;max-height:100%;overflow:visible}.paint-svg [id^=region-]{cursor:pointer;transition:fill 90ms ease-out}.region-pop{transform-box:fill-box;transform-origin:50%;animation:.26s ease-out region-pop}@keyframes region-pop{0%{transform:scale(1)}35%{transform:scale(1.035)}to{transform:scale(1)}}.paint-splat{pointer-events:none;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.38s ease-out forwards splat;position:absolute}@keyframes splat{0%{opacity:.85;transform:scale(.3)}to{opacity:0;transform:scale(3.4)}}.draw-loading{border:8px solid #0b102026;border-top-color:var(--paw);border-radius:50%;width:64px;height:64px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.palette{z-index:2;flex:none;justify-content:center;align-items:center;gap:8px;width:100%;max-height:44vh;padding:4px 2px 0;display:flex;position:relative}.palette-swatches{flex:auto;grid-template-columns:repeat(13,minmax(0,1fr));place-items:center;gap:min(1vmin,8px);min-width:0;display:grid}@media (orientation:portrait){.palette{flex-direction:column;gap:8px;max-height:56vh}.palette-swatches{width:100%}.draw-stage{min-height:44vh}}.palette-swatch{aspect-ratio:1;border:4px solid #ffffffe6;border-radius:50%;width:min(100%,82px);max-width:82px;height:auto;padding:0;transition:transform 70ms ease-out,box-shadow 70ms ease-out;box-shadow:0 3px #0b102040}.palette-swatch:active{transform:translateY(2px)}.palette-swatch.is-selected{box-shadow:0 6px 0 #0b10204d, 0 0 0 4px var(--paw);border-color:#fff;transform:translateY(-6px)scale(1.14)}.palette-swatch--rainbow{background:conic-gradient(#e63946,#f4802f,#ffd23f,#8ac926,#2ba84a,#1fb5b5,#2d7dd2,#9d4edd,#ff7bb0,#e63946);position:relative}.palette-controls{flex:none;justify-content:center;align-items:center;gap:10px;display:flex}.palette-controls .big-button{width:min(84px,17vmin);min-width:0;height:min(84px,17vmin);min-height:0;padding:0;font-size:min(30px,7vmin)}.palette-controls .palette-done{width:min(104px,21vmin);height:min(104px,21vmin);font-size:min(40px,10vmin)}.palette-controls .is-disabled{opacity:.35;box-shadow:none;transform:none}.screen--drive{background:linear-gradient(#8ccbef 0%,#b9e2f7 62%,#d8eefb 100%);justify-content:flex-start;gap:0;padding:0;overflow:hidden}.drive-stage{position:absolute;inset:0}.drive-stage canvas{width:100%;height:100%;display:block}.drive-hud{top:calc(var(--safe-t) + 10px);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;left:0;right:0}@media (max-width:520px){.drive-hud{justify-content:flex-end;padding-right:max(50% - min(104px,20vmin),12px)}}.drive-goal-bubble{background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;width:min(104px,20vmin);height:min(104px,20vmin);font-size:min(56px,11vmin);line-height:1;display:flex;box-shadow:0 5px #0b10202e}.drive-goal-bubble--row{border-radius:999px;gap:min(8px,1.6vmin);width:auto;height:min(72px,15vmin);padding:0 min(14px,2.6vmin)}.drive-load-slot{background:#0b10200d;border:3px dashed #0b102038;border-radius:50%;flex:none;place-items:center;width:min(48px,10vmin);height:min(48px,10vmin);transition:background .2s,border-color .2s;display:grid}.drive-load-slot.is-filled{background:var(--paw,#ffd23f);border-color:#0000;animation:.48s cubic-bezier(.2,1.6,.4,1) load-slot-fill}.drive-load-slot>svg{width:78%;height:78%}@keyframes load-slot-fill{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}.drive-chevron{filter:drop-shadow(0 2px 2px #0b102040);gap:4px;font-size:min(30px,6vmin);display:flex;position:absolute;top:min(30px,5vmin)}.drive-chevron span{opacity:.25;place-items:center;width:min(30px,6vmin);height:min(30px,6vmin);animation:1.5s ease-in-out infinite paw-trail;display:grid}.drive-chevron span:nth-child(2){animation-delay:.18s}.drive-chevron span:nth-child(3){animation-delay:.36s}.drive-chevron--right{right:calc(var(--safe-r) + 14px + min(56px, 10vmin) + 12px)}.drive-chevron--left{left:calc(var(--safe-l) + min(var(--tap-min), 22vmin) + 26px);flex-direction:row-reverse}@keyframes paw-trail{0%,70%,to{opacity:.25}35%{opacity:1}}.pedals{padding:0 calc(var(--safe-r) + 18px) calc(var(--safe-b) + 18px) calc(var(--safe-l) + 18px);pointer-events:none;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.pedals-left,.pedals-right{pointer-events:auto;align-items:flex-end;gap:14px;display:flex}.pedal{color:#0b1020;touch-action:none;border:none;border-radius:999px;justify-content:center;align-items:center;font-family:inherit;line-height:1;transition:transform 60ms ease-out,box-shadow 60ms ease-out,filter 60ms ease-out;display:inline-flex;box-shadow:0 8px #0b102047}.pedal.is-held{filter:brightness(1.12);transform:translateY(6px);box-shadow:0 2px #0b102047}.pedal--go{background:var(--go);width:min(200px,34vmin);height:min(200px,34vmin);font-size:min(62px,12vmin)}.pedal--reverse{background:var(--paw);width:min(130px,22vmin);height:min(130px,22vmin);font-size:min(44px,9vmin)}.pedal--reverse .icon{transform:scaleX(-1)}.pedal .icon{width:54%;height:54%}.pedal--horn{background:#fff;width:min(118px,20vmin);height:min(118px,20vmin);font-size:min(46px,9vmin)}.icon{pointer-events:none;width:100%;height:100%;display:block}.big-button .icon,.hub-button .icon{width:74%;height:74%}.screen--briefing{background:linear-gradient(#2b3f63,#16233c);justify-content:center;gap:min(5vh,40px)}.puppad{place-items:center;display:grid;position:relative}.puppad-ring{border:6px solid #ffc32b80;border-radius:32%;width:min(320px,62vmin);height:min(320px,62vmin);animation:1.8s ease-out infinite puppad-ring;position:absolute}.puppad-ring--delayed{animation-delay:.9s}@keyframes puppad-ring{0%{opacity:.7;transform:scale(.72)}to{opacity:0;transform:scale(1.25)}}.puppad-frame{background:#f4f8fb;border:min(12px,2.4vmin) solid #1f6fb2;border-radius:26px;justify-content:center;align-items:center;width:min(300px,58vmin);height:min(240px,46vmin);display:flex;position:relative;box-shadow:0 10px #00000047}.puppad-badge{background:var(--paw);width:min(56px,11vmin);height:min(56px,11vmin);box-shadow:0 4px 0 var(--paw-dark);border-radius:50%;place-items:center;font-size:min(28px,6vmin);display:grid;position:absolute;top:min(-26px,-5vmin);left:50%;transform:translate(-50%)}.puppad-bubble{width:68%;height:68%;animation:2.4s ease-in-out infinite puppad-pop}.puppad-bubble--row{flex-wrap:wrap;place-content:center;gap:4%;display:flex}.puppad-bubble--row>svg{width:44%;height:44%}@keyframes puppad-pop{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.puppad-actions{gap:20px;display:flex}.puppad-accept{width:min(150px,30vmin);min-width:0;height:min(150px,30vmin);min-height:0;padding:0;font-size:min(64px,14vmin)}.drive-hud-top{flex-direction:column;align-items:center;gap:6px;display:flex}.ribbon{background:#ffffffb3;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex;box-shadow:0 3px #0b10201f}.ribbon-end{flex:none;width:min(38px,8vmin);height:min(38px,8vmin)}.ribbon-track{width:min(240px,34vw);height:min(38px,8vmin);position:relative}.ribbon-rail{background:#0b102029;border-radius:999px;height:8px;margin-top:-4px;position:absolute;top:50%;left:0;right:0}.ribbon-pip{background:#fffffff2;border-radius:50%;width:min(14px,3vmin);height:min(14px,3vmin);margin:0;transition:background .2s,box-shadow .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #0b102033}.ribbon-pip.is-filled{background:var(--paw,#ffd23f);box-shadow:inset 0 0 0 3px #0b102047}.ribbon-paw{place-items:center;width:min(26px,6vmin);height:min(26px,6vmin);font-size:min(26px,6vmin);line-height:1;transition:left .18s linear;display:grid;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.drive-goal-bubble.is-collected{animation:.62s cubic-bezier(.2,1.6,.4,1) bubble-catch}@keyframes bubble-catch{0%{transform:scale(1)}35%{transform:scale(1.42)}to{transform:scale(1)}}.screen--reward{background:linear-gradient(#ffe9a8,#ffd166);justify-content:center;gap:min(4vh,30px)}.reward-stage{align-items:flex-end;gap:min(6vw,48px);display:flex}.reward-prize{opacity:0;width:min(150px,30vmin);height:min(150px,30vmin);transition:opacity .26s ease-out,transform .52s cubic-bezier(.2,1.5,.4,1);transform:translateY(-30px)rotate(-12deg)}.reward-prize.is-in{opacity:1;transform:translateY(0)rotate(0)}.jar{background:#ffffff8c;border-radius:18px 18px 26px 26px;width:min(140px,28vmin);height:min(180px,34vmin);position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #0b10202e}.jar-fill{background:linear-gradient(#d79a4e,#b9762f);transition:height .9s cubic-bezier(.3,1,.4,1);position:absolute;bottom:0;left:0;right:0}.jar-glass{border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#ffffff80 0 18%,#0000 34%);position:absolute;inset:0}.reward-confetti{pointer-events:none;opacity:.5;position:absolute;inset:0;overflow:hidden}.reward-confetti-layer{animation:4s linear infinite confetti-fall;position:absolute;bottom:0;left:0;right:0}.reward-confetti-layer--1{--confetti-drop:120px;background-image:radial-gradient(circle,#e63946 3px,#0000 4px);background-size:120px 120px;top:-120px}.reward-confetti-layer--2{--confetti-drop:170px;background-image:radial-gradient(circle,#2d7dd2 3px,#0000 4px);background-position:40px 20px;background-size:170px 170px;top:-170px}.reward-confetti-layer--3{--confetti-drop:210px;background-image:radial-gradient(circle,#2ba84a 3px,#0000 4px);background-position:90px 60px;background-size:210px 210px;top:-210px}@keyframes confetti-fall{0%{transform:translateY(0)}to{transform:translateY(var(--confetti-drop))}}.reward-actions{gap:20px;display:flex}.screen--menu{grid-template-rows:var(--menu-bar-h) 1fr auto;padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 12px);justify-content:stretch;align-items:stretch;gap:min(1.4vmin,12px);display:grid;overflow:hidden}.menu-bar{grid-template-columns:var(--menu-bar-h) 1fr var(--menu-bar-h);align-items:center;display:grid}.menu-badge{width:min(var(--menu-bar-h), 96px);height:min(var(--menu-bar-h), 96px);opacity:.75;pointer-events:none;grid-column:3;justify-self:end;place-items:center;display:grid}.menu-content{min-height:0;display:grid}.menu-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:min(1.8vmin,14px);min-height:0;display:grid}@media (orientation:portrait){.menu-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}.menu-foot{justify-content:center;align-items:center;gap:min(2.4vmin,18px);min-height:0;display:flex}.menu-turn{width:min(var(--tap-min), 20vmin);border:none;place-items:center;height:min(78px,13vmin);padding:0;font-size:min(40px,8vmin);display:grid}.menu-turn .icon{width:52%;height:52%}.menu-pips{pointer-events:none;gap:min(1.4vmin,10px);display:flex}.menu-pip{background:#0b102029;border-radius:50%;width:min(14px,2.6vmin);height:min(14px,2.6vmin);box-shadow:inset 0 0 0 2px #0b10201f}.menu-pip.is-current{background:var(--paw);box-shadow:inset 0 0 0 2px #0b102038}.screen--garage{background:linear-gradient(#eef6fb,#d7e6f0)}.garage-add{place-items:center;font-size:min(64px,12vmin);display:grid}.garage-add .icon{width:46%;height:46%}.garage-card{padding:0;display:grid;overflow:hidden}.garage-drive{border-radius:inherit;background:linear-gradient(#cdeafb,#eaf6fd);border:none;grid-area:1/1;place-items:center;padding:0;transition:transform 70ms ease-out;display:grid}.garage-drive:active{transform:scale(.97)}.garage-corner{z-index:1;background:#ffffffdb;border:3px solid #ffffffeb;border-radius:50%;grid-area:1/1;align-self:end;place-items:center;width:min(64px,13vmin);height:min(64px,13vmin);margin:min(1.2vmin,10px);padding:0;font-size:min(28px,6vmin);display:grid;box-shadow:0 3px #0b10202e}.garage-corner:active{transform:translateY(2px);box-shadow:0 1px #0b10202e}.garage-corner .icon{width:62%;height:62%}.garage-corner--crayon{justify-self:start}.garage-corner--bin{justify-self:end}.garage-thumb{place-items:center;width:100%;height:100%;padding:min(1.4vmin,10px);display:grid;overflow:hidden}.garage-image{object-fit:contain;width:100%;height:100%;min-height:0}.garage-button{width:min(96px,20vmin);min-width:0;height:min(96px,20vmin);min-height:0;padding:0;font-size:min(40px,9vmin)}.reward-unlock{opacity:0;width:min(330px,58vmin);height:min(150px,30vmin);transition:opacity .3s ease-out,transform .7s cubic-bezier(.2,1.7,.4,1);transform:scale(.3)rotate(-20deg)}.reward-unlock.is-in{opacity:1;animation:2.4s ease-in-out .7s infinite unlock-wobble;transform:scale(1)rotate(0)}@keyframes unlock-wobble{0%,to{transform:scale(1)rotate(-4deg)}50%{transform:scale(1.06)rotate(4deg)}}.sticker-drawer{border-radius:var(--slot-radius);background:var(--slot-bg);box-shadow:var(--slot-shadow);z-index:3;grid-template-columns:repeat(6,min(82px,11vmin));gap:min(1.6vmin,12px);padding:min(1.6vmin,12px);display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%,8px)}.palette.is-drawer-open .sticker-drawer{display:grid}.palette-stickers.is-selected{box-shadow:0 6px 0 #0b10204d, 0 0 0 5px var(--go)}.palette-swatch--sticker{background:#fff;border-radius:26%;padding:12%}.palette-swatch--sticker .icon{width:100%;height:100%}.palette-swatch--sticker.is-selected{box-shadow:0 7px 0 #0b10204d, 0 0 0 6px var(--go);transform:translateY(-8px)scale(1.18)}.palette-swatch--rainbow.is-selected{box-shadow:0 6px 0 #0b10204d, 0 0 0 5px var(--picked,var(--paw))}.draw-stage.is-choosing{flex-direction:column;align-items:stretch;gap:min(1.4vmin,12px)}.draw-stage.is-choosing .menu-bar{height:var(--menu-bar-h);flex:none}.draw-stage.is-choosing .vehicle-chooser{flex:auto;height:auto;min-height:0}.vehicle-chooser{flex-wrap:wrap;place-content:center;gap:min(2vmin,16px);width:100%;height:100%;padding:4px;display:flex}.vehicle-chooser>.vehicle-card{flex:0 calc(25% - min(2vmin,16px))}@media (orientation:portrait){.vehicle-chooser>.vehicle-card{flex-basis:calc(50% - min(2vmin,16px))}}.vehicle-card{place-items:center;padding:min(1.6vmin,12px);display:grid}.vehicle-thumb{pointer-events:none;width:100%;height:100%;max-height:22vh}.garage-confirm{border-radius:inherit;background:#fffffff0;justify-content:center;align-items:center;gap:14px;display:none;position:absolute;inset:0}.garage-card.is-confirming .garage-confirm{display:flex}.garage-button--confirm{background:#e63946;box-shadow:0 6px #a5202c}.garage-button--bin{font-size:min(32px,7vmin)}.palette-picked{background:var(--picked,transparent);pointer-events:none;border:3px solid #fffffff2;border-radius:50%;width:46%;height:46%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.palette-picked.is-new{animation:.42s cubic-bezier(.2,1.7,.4,1) picked-pop}@keyframes picked-pop{0%{transform:translate(-50%,-50%)scale(.4)}60%{transform:translate(-50%,-50%)scale(1.25)}to{transform:translate(-50%,-50%)scale(1)}}.pup-badge{pointer-events:none;border:4px solid #ffffffeb;border-radius:50%;place-items:center;display:grid;box-shadow:0 4px #0b102038}.pup-badge-paw{width:62%;height:62%}.pup-badge.is-art{box-shadow:none;filter:drop-shadow(0 3px 2px #0b10204d);border:none;border-radius:0}.pup-badge.is-art>.icon{width:100%;height:100%}.pup-badge--corner{top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + 12px);z-index:3;width:min(84px,15vmin);height:min(84px,15vmin);position:absolute}.pup-badge--card{width:min(46px,9vmin);height:min(46px,9vmin);position:absolute;top:6px;right:6px}.pup-badge--drive{top:calc(var(--safe-t) + 10px);right:calc(var(--safe-r) + 14px);opacity:.9;z-index:3;width:min(56px,10vmin);height:min(56px,10vmin);position:absolute}.pedal--reset{color:#2d7dd2;background:#fff;width:min(112px,19vmin);height:min(112px,19vmin);font-size:min(52px,11vmin)}.pedal--reset.is-suggested{box-shadow:0 8px 0 #0b102047, 0 0 0 6px var(--paw);animation:1.1s ease-in-out infinite reset-nudge}@keyframes reset-nudge{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.09)rotate(-12deg)}}.screen--collection{background:linear-gradient(#fff3cf,#ffe1a0)}.collection-card{place-items:stretch stretch;min-height:0;padding:min(1.6vmin,12px);display:grid;overflow:hidden}.collection-art{place-items:center;min-width:0;min-height:0;display:grid}.collection-card.is-locked .collection-art{filter:grayscale()brightness(.55)opacity(.4)}.collection-card.is-next{box-shadow:var(--card-shadow), 0 0 0 5px var(--paw);animation:2.4s ease-in-out infinite collection-next}@keyframes collection-next{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.prize-art{justify-content:center;align-items:center;gap:min(1.2vmin,8px);width:100%;min-width:0;height:100%;min-height:0;display:flex}.prize-art>svg{flex:1 1 0;min-width:0;height:100%}.screen--hub{padding:calc(var(--safe-t) + var(--hub-title-h) * .68) 12px calc(var(--safe-b) + 12px);background:var(--hub-sky);--intro-offset:0s;--hub-title-h:min(19vh, 156px);justify-content:center;gap:min(2.4vh,22px);overflow:hidden}.screen--hub.is-intro{--intro-offset:.78s}.screen--hub:before{content:"";z-index:0;top:calc(var(--safe-t) + var(--hub-title-h) * .68);aspect-ratio:1;pointer-events:none;background:repeating-conic-gradient(from 7deg,#fff6d680 0deg 5deg,#fff6d600 5deg 17deg);width:min(150vw,190vh);position:absolute;left:50%;transform:translate(-50%,-44%);-webkit-mask-image:radial-gradient(closest-side,#000000e6,#0006 44%,#0000 70%);mask-image:radial-gradient(closest-side,#000000e6,#0006 44%,#0000 70%)}.hub-title{z-index:2;top:calc(var(--safe-t) + min(1.4vh, 10px));width:min(94vw,760px);height:var(--hub-title-h);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.brand-mark{filter:drop-shadow(0 min(5px,1vmin) #0b102029);width:100%;height:100%;display:block}.brand-mark text{font-family:var(--font)}.brand-mark--pack{--brand-edge:#0b102080;filter:drop-shadow(1.4px 0 0 var(--brand-edge)) drop-shadow(-1.4px 0 0 var(--brand-edge)) drop-shadow(0 1.4px 0 var(--brand-edge)) drop-shadow(0 -1.4px 0 var(--brand-edge)) drop-shadow(0 min(5px, 1vmin) 0 #0b10202e)}.hub-main,.hub-side{z-index:1;justify-content:center;place-items:center;gap:min(4vmin,32px);display:grid;position:relative}.hub-main{grid-template-areas:"draw drive garage"}.hub-side{grid-template-areas:"prizes freeplay"}.hub-slot--draw{--slot-accent:#2ba84a;grid-area:draw}.hub-slot--drive{--slot-accent:var(--paw);grid-area:drive}.hub-slot--garage{--slot-accent:#2d7dd2;grid-area:garage}.hub-slot--prizes{--slot-accent:#ff7bb0;grid-area:prizes}.hub-slot--freeplay{--slot-accent:#f4802f;grid-area:freeplay}.hub-button.is-empty{visibility:hidden;pointer-events:none}.hub-button.hub-invite{border-style:dashed;border-color:var(--paw-dark);box-shadow:none;background:#ffffff8c}.hub-button.hub-invite:active{transform:translateY(var(--slot-lift));box-shadow:none}.hub-button{animation:.26s cubic-bezier(.2,1.6,.4,1) backwards hub-slot-in;animation-delay:calc(var(--intro-offset) + var(--slot-index,0) * 70ms);border:min(6px, 1.2vmin) solid var(--slot-accent,#ffffffe6);border-radius:var(--slot-radius);background:var(--slot-bg);width:min(26vmin,190px);height:min(26vmin,190px);box-shadow:var(--slot-shadow);place-items:center;padding:0;transition:transform 70ms ease-out,box-shadow 70ms ease-out;display:grid}.hub-button.is-big{background:linear-gradient(#fff,#eaf6ff);border-width:min(10px,2vmin);border-radius:min(46px,8vmin);width:min(46vmin,380px);height:min(30vmin,240px)}.hub-button:active{transform:translateY(var(--slot-lift));box-shadow:var(--slot-shadow-pressed)}.hub-glyph{font-size:min(84px,17vmin);line-height:1}.hub-button.is-big .hub-glyph{font-size:min(120px,22vmin)}.hub-car-image{object-fit:contain;pointer-events:none;grid-area:1/1;width:86%;height:86%}.hub-car-art{pointer-events:none;grid-area:1/1;width:86%;height:86%}.hub-side .hub-button{background:#ffffffd1;border-radius:50%;width:min(17.5vmin,122px);height:min(17.5vmin,122px)}.hub-side .hub-glyph{font-size:min(58px,12vmin)}@media (orientation:portrait){.hub-main{grid-template-areas:"drive drive""draw garage"}.screen--hub{--hub-title-h:min(12vh, 100px)}.hub-title{width:98vw}}@media (min-width:1280px) and (min-height:800px){.screen--hub{--hub-title-h:min(38vh, 312px)}.hub-title{width:min(94vw,1520px)}}.hub-scene{z-index:1;pointer-events:none;flex:none;width:min(560px,92vw);height:min(31vh,250px);position:relative}.hub-ground{z-index:0;background:linear-gradient(180deg, #8ccf4e 0%, var(--grass) 9%, #62a933 34%, var(--grass-dark) 100%);width:100vw;height:80vh;position:absolute;top:96%;left:50%;transform:translate(-50%)}.hub-ground:before,.hub-ground:after{content:"";border-radius:50% 50% 0 0/100% 100% 0 0;position:absolute;bottom:100%}.hub-ground:before{background:#8fd150;width:30%;height:min(8.5vh,70px);left:4%}.hub-ground:after{background:#6fbb3c;width:23%;height:min(6vh,50px);right:7%}.hub-road{width:100%;height:min(46vh,420px);position:absolute;top:0;left:0}.hub-road-art{width:100%;height:100%;display:block}.hub-lookout{aspect-ratio:1;filter:drop-shadow(0 min(7px,1.4vmin) #0e2c0a2b);height:118%;position:absolute;bottom:-12%;left:50%;transform:translate(-50%)}.hub-clouds{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hub-cloud{background:#fffc;border-radius:999px;width:min(24vh,200px);height:min(7vh,58px);animation:96s linear infinite hub-cloud-drift;position:absolute;left:0}.hub-cloud:before,.hub-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.hub-cloud:before{aspect-ratio:1;width:44%;bottom:38%;left:16%}.hub-cloud:after{aspect-ratio:1;width:32%;bottom:46%;right:14%}.hub-cloud--1{animation-delay:-22s;top:15%}.hub-cloud--2{opacity:.72;animation-duration:132s;animation-delay:-74s;top:31%}.hub-cloud--3{opacity:.6;width:min(16vh,132px);height:min(4.6vh,38px);animation-duration:158s;animation-delay:-120s;top:8%}@keyframes hub-cloud-drift{0%{transform:translate(-30vh)}to{transform:translate(130vw)}}.hub-discs{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hub-disc{aspect-ratio:1;opacity:.16;color:#fff;border-radius:50%;place-items:center;width:min(30vmin,220px);animation:26s ease-in-out infinite alternate hub-disc-drift;display:grid;position:absolute}.hub-disc .icon{width:54%;height:54%}.hub-disc:first-child{top:-6%;left:4%}.hub-disc:nth-child(2){top:44%;left:-8%}.hub-disc:nth-child(3){bottom:-10%;left:26%}.hub-disc:nth-child(4){top:-8%;right:18%}.hub-disc:nth-child(5){top:38%;right:-9%}.hub-disc:nth-child(6){bottom:-12%;right:22%}.hub-disc:nth-child(7){top:16%;left:34%}.hub-disc:nth-child(8){bottom:4%;right:44%}@keyframes hub-disc-drift{0%{transform:translate(0)scale(1)}to{transform:translate(min(4vmin,34px),min(-3vmin,-24px))scale(1.08)}}.screen--hub.is-intro .hub-title{animation:.46s cubic-bezier(.2,1.5,.4,1) backwards hub-title-in}.screen--hub.is-intro .hub-lookout{animation:.46s cubic-bezier(.2,1.6,.4,1) .3s backwards hub-lookout-in}@keyframes hub-title-in{0%{opacity:0;transform:translate(-50%)translateY(-46%)scale(.86)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes hub-lookout-in{0%{opacity:0;transform:translate(-50%)scale(.84)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes hub-slot-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hub-lookout,.hub-disc,.hub-cloud,.hub-button,.hub-title,.screen--hub.is-intro .hub-lookout,.screen--hub.is-intro .hub-title{animation:none}}.screen--celebrate{justify-content:center;overflow:hidden}.screen--celebrate-arrived{background:linear-gradient(#fff6d8,#ffe6a8)}.celebrate-burst{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.celebrate-paw{width:min(46px,9vmin);height:min(46px,9vmin);transform:rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle)));opacity:0;place-items:center;font-size:min(46px,9vmin);animation:1.5s cubic-bezier(.15,.75,.35,1) forwards paw-burst;display:grid;position:absolute}@keyframes paw-burst{0%{transform:rotate(var(--angle)) translateY(0) rotate(calc(-1 * var(--angle))) scale(.3);opacity:0}25%{opacity:1}to{transform:rotate(var(--angle)) translateY(-42vmin) rotate(calc(-1 * var(--angle))) scale(1);opacity:0}}.celebrate-stage{justify-content:center;align-items:center;gap:min(4vmin,36px);display:flex;position:relative}.celebrate-hero,.celebrate-then{opacity:0;place-items:center;width:min(34vmin,260px);height:min(34vmin,260px);display:grid;transform:scale(.3)}.celebrate-then{width:min(22vmin,170px);height:min(22vmin,170px)}.celebrate-hero.is-in,.celebrate-then.is-in{animation:.52s cubic-bezier(.2,1.8,.4,1) forwards celebrate-pop}.celebrate-then.is-dropping{animation:.7s cubic-bezier(.3,1.4,.4,1) forwards celebrate-drop}@keyframes celebrate-pop{to{opacity:1;transform:scale(1)}}@keyframes celebrate-drop{0%{opacity:0;transform:translateY(-40vmin)scale(.8)}60%{opacity:1}to{opacity:1;transform:translateY(0)scale(1)}}.celebrate-arrow{color:#0b102073;opacity:0;place-items:center;width:min(72px,14vmin);height:min(72px,14vmin);font-size:min(72px,14vmin);transition:opacity .22s ease-out;display:grid}.celebrate-arrow.is-in{opacity:1}.celebrate-hero .icon,.celebrate-then .icon{width:100%;height:100%}.party-balloons{opacity:0;pointer-events:none;width:min(26vmin,200px);height:min(26vmin,200px);position:absolute;bottom:min(2vmin,16px)}.party-balloons--left{left:min(3vmin,24px)}.party-balloons--right{right:min(3vmin,24px)}.party-balloons--right .icon{transform:scaleX(-1)}.party-balloons .icon{width:100%;height:100%}.party-balloons.is-in{animation:.8s cubic-bezier(.2,1.2,.4,1) forwards balloons-rise,3.2s ease-in-out .8s infinite balloons-sway}@keyframes balloons-rise{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}@keyframes balloons-sway{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-2%)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.party-balloons.is-in{opacity:1;animation:none}}.hub-gate{z-index:3;top:var(--safe-t);right:var(--safe-r);border-radius:0 0 0 100%;width:min(84px,15vmin);height:min(84px,15vmin);position:absolute}.hub-gate:after{content:"";opacity:0;border:min(4px,.8vmin) solid #ffffffbf;border-radius:50%;position:absolute;inset:24%;transform:scale(.4)}.hub-gate.is-holding:after{animation:2s ease-out 1s forwards hub-gate-hold}@keyframes hub-gate-hold{0%{opacity:.25;transform:scale(.4)}to{opacity:.9;transform:scale(1)}}.drive-pause{z-index:4;background:#0b102094;place-items:center;animation:.18s ease-out screen-in;display:grid;position:absolute;inset:0}.drive-pause[hidden]{display:none}.drive-resume{width:min(220px,38vmin);height:min(220px,38vmin);padding:0;font-size:min(96px,17vmin)}.drive-resume .icon{width:62%;height:62%}.screen--parent{padding:calc(var(--safe-t) + 4vmin) calc(var(--safe-r) + 4vmin) calc(var(--safe-b) + 4vmin) calc(var(--safe-l) + 4vmin);color:#c8ccd6;touch-action:pan-y;background:#14161c;justify-content:flex-start;gap:0;font-size:15px;line-height:1.5;overflow-y:auto}.parent-body{width:min(560px,100%);margin:0 auto}.parent-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.parent-head .parent-button{margin-top:0}.parent-lead{color:#8d94a3;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:13px;font-weight:600}.parent-section{border-top:1px solid #262a34;margin-bottom:26px;padding-top:14px}.parent-heading{color:#e7eaf0;margin-bottom:10px;font-size:15px;font-weight:600}.parent-note{color:#c8ccd6;margin-bottom:18px}.parent-hint{color:#7f8797;margin:8px 0 0;font-size:13px}.parent-row{grid-template-columns:130px repeat(5,1fr);align-items:center;gap:6px;margin-bottom:10px;display:grid}.parent-label{color:#a8afbd}.parent-step,.parent-button{color:#c8ccd6;background:#1c2029;border:1px solid #333947;border-radius:3px;font-family:inherit;font-size:14px}.parent-step{text-align:center;min-width:0;padding:9px 4px}@media (max-width:560px){.parent-row{grid-template-columns:repeat(5,1fr)}.parent-label{grid-column:1/-1}}.parent-step.is-on{color:#fff;background:#2f3745;border-color:#5c667f}.parent-button{text-align:left;margin-top:10px;padding:10px 16px;display:block}.parent-button--danger{color:#e79a9a;border-color:#6b2b2b}.parent-button--leave{margin-top:22px}.parent-facts{gap:4px;display:grid}.parent-fact{color:#a8afbd;font-size:13px}.parent-fact.is-no{color:#d99a72}.parent-danger .parent-confirm{display:none}.parent-danger.is-confirming .parent-confirm{display:block}.parent-pads{gap:10px;margin-bottom:18px;display:flex}.parent-pad{color:#3c4453;background:#1c2029;border:1px solid #333947;border-radius:3px;place-items:center;width:min(84px,18vmin);height:min(84px,18vmin);transition:background-color 90ms linear,color 90ms linear;display:grid}.parent-pad .icon{width:54%;height:54%}.parent-pads.is-armed .parent-pad{color:#596274;border-color:#3f4757}.parent-pad.is-lit{color:#dfe4ec;background:#4a5568}.parent-pad.is-hit{color:#93a0b5;border-color:#4f5a6d}