:root{--ink:#1d2530;--red:#c8102e;--chip:#ffffffdb;--font:ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", system-ui, sans-serif}html,body,#root{height:100%;margin:0}body{color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#7dbdf5;overflow:hidden}.app{position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas{outline:none;display:block}.tally{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));pointer-events:none;gap:8px;margin:0;padding:0;list-style:none;display:flex;position:absolute}.tally-item{background:var(--chip);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;display:flex;box-shadow:0 2px 6px #1d25302e}.cart-icon{width:30px;height:39px}.tally-count{font-variant-numeric:tabular-nums;min-width:1.2ch;font-size:28px;font-weight:800;line-height:1;animation:.45s ease-out pop;display:inline-block}@keyframes pop{0%{transform:scale(1)}40%{color:var(--red);transform:scale(1.6)}to{transform:scale(1)}}.control{bottom:max(18px, env(safe-area-inset-bottom));touch-action:none;cursor:pointer;border:4px solid #ffffffe6;border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 4px 12px #1d25304d}.control-icon{width:58%;height:58%}.brake{right:max(18px, env(safe-area-inset-right));background:var(--red);width:104px;height:104px;transition:transform 80ms ease-out}.brake[data-pressed=true]{background:#9e0c24;transform:scale(.9)}.horn{left:max(18px, env(safe-area-inset-left));background:#e8a317;width:80px;height:80px}.horn:active{transform:scale(.92)}.overlay{font:inherit;color:inherit;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:absolute;inset:0}button.overlay{cursor:pointer}button.overlay:focus-visible{outline-offset:-8px;outline:4px solid #fff}.start{place-items:end center;padding-bottom:12vh}.tap-icon{filter:drop-shadow(0 3px 6px #1d253059);width:min(22vw,22vh,120px)}.paused{background:#1d253059}.play-icon{filter:drop-shadow(0 4px 10px #1d253059);width:min(30vw,30vh,150px)}.loading{grid-auto-flow:column;place-content:center;gap:10px}.dot{background:#fff;border-radius:50%;width:16px;height:16px;animation:1.2s ease-in-out infinite blink}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{50%{opacity:.3}}.error{text-align:center;background:#ffffffeb;place-content:center;font-size:22px}.error .detail{opacity:.7;font-size:14px}@media (prefers-reduced-motion:reduce){.dot,.tally-count{animation:none}}.route-progress{top:max(14px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));background:var(--chip);pointer-events:none;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;box-shadow:0 2px 6px #1d25302e}.route-road{background:repeating-linear-gradient(90deg,#9aa0a7 0 10px,#c7cbd0 10px 14px);border-radius:4px;width:96px;height:8px;position:relative}.route-truck{transition:left .6s linear;position:absolute;top:50%;transform:translate(-50%,-60%)}.mini-truck,.mini-heap{width:34px;height:22px;display:block}.dump{right:max(18px, env(safe-area-inset-right));background:#2f7d3a;width:124px;height:124px;transition:transform 80ms ease-out}.dump[data-pressed=true]{background:#22602b;transform:scale(.9)}.fade{opacity:0;pointer-events:none;background:#1d2530;transition:opacity .5s ease-in-out;position:absolute;inset:0}.fade[data-on=true]{opacity:1}.stickers{background:#1d253040;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.sticker-card{background:#fffaf0;border-radius:28px;justify-items:center;gap:18px;padding:22px 20px 20px;animation:.45s ease-out land;display:grid;box-shadow:0 10px 30px #1d253059}.sticker-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sticker{background:#fff;border:3px dashed #d8cdb6;border-radius:18px;justify-items:center;gap:4px;width:74px;padding:10px 6px 8px;display:grid}.sticker .cart-icon{width:38px;height:50px}.sticker-count{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1}.landmark{align-content:center}.sticker-icon{width:58px;height:58px}.again{background:#2f7d3a;width:96px;height:96px;position:static}.again:active{transform:scale(.92)}@keyframes land{0%{opacity:0;transform:scale(.7)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.sticker-card,.route-truck{transition:none;animation:none}}@media (width<=560px){.route-progress{top:calc(max(12px, env(safe-area-inset-top)) + 62px);left:max(12px, env(safe-area-inset-left));right:auto}}