:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy:#07162e;--cyan:#17d8ff;--blue:#168aff;--orange:#ff9d17;--pink:#ff3aa6;--violet:#a23cff;--lime:#9bff24;--cream:#fff4d7;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{background:#061127;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit}#game{isolation:isolate;contain:strict;overscroll-behavior:none;background:linear-gradient(#1a2751,#151025 48%,#09152c);width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 80px #0009}#game-canvas{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#quake-flash,#dash-lines,#vignette{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#quake-flash{opacity:0;background:radial-gradient(circle at 50% 36%,#ff35c28c,#0000 55%);transition:opacity .14s}#game.quaking #quake-flash{opacity:.74;animation:.34s ease-in-out infinite alternate quakePulse}#dash-lines{opacity:0;background:repeating-conic-gradient(at 50% 60%,#0000 0deg 9deg,#33deff6b 9.3deg 9.7deg);transition:opacity .1s;-webkit-mask:radial-gradient(circle at 50% 60%,#0000 0 31%,#000 65%);mask:radial-gradient(circle at 50% 60%,#0000 0 31%,#000 65%)}#game.dashing #dash-lines{opacity:.78;animation:.3s linear infinite dashSpin}#vignette{z-index:4;background:linear-gradient(#03081814,#0000 50%,#03081829);box-shadow:inset 0 0 75px #0208197a}.hidden{opacity:0!important;pointer-events:none!important}#hud{z-index:9;top:max(11px,env(safe-area-inset-top));grid-template-columns:.9fr 1.15fr .78fr;gap:7px;transition:opacity .2s;display:grid;position:absolute;left:12px;right:12px}.hud-pill{background:linear-gradient(#0d294cf5,#04122af5);border:1px solid #54d3ff8a;border-radius:17px;flex-direction:column;justify-content:center;height:54px;padding:7px 11px;display:flex;box-shadow:0 7px 19px #00000059,inset 0 1px #ffffff24}.hud-pill small{letter-spacing:.14em;color:#aac7df;font-family:Trebuchet MS,sans-serif;font-size:8px;font-weight:900;line-height:1}.hud-pill strong{color:#fff;text-shadow:0 3px #00000047;font-size:21px;line-height:1.08}.rescued{align-items:center}.rescued strong{color:#ffe253}.combo{align-items:flex-end}.combo strong{color:var(--lime);text-shadow:0 0 11px #9bff248c}#quake-meter{z-index:9;background:#070d23e6;border:2px solid #ff3daeb3;border-radius:11px;justify-content:center;align-items:center;width:min(75%,320px);height:31px;transition:opacity .2s;display:flex;position:absolute;top:73px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 18px #0000004d,0 0 16px #ff299b29}#quake-meter i{transform-origin:0;background:linear-gradient(90deg,#13cff2d9,#a136efc2,#ff357ee6);width:100%;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0;right:auto}#quake-meter span{letter-spacing:.1em;text-shadow:0 2px 3px #000;font-family:Trebuchet MS,sans-serif;font-size:9px;font-weight:900;position:relative}#quake-meter.danger{animation:.34s ease-in-out infinite alternate warning}#toast{z-index:15;opacity:0;white-space:nowrap;color:#fff;background:#06132bf0;border:1px solid #71e1ff6b;border-radius:14px;max-width:86%;padding:9px 16px;font-size:clamp(15px,4.4vw,23px);font-weight:900;transition:all .16s;position:absolute;top:20%;left:50%;transform:translate(-50%,-14px)scale(.88);box-shadow:0 9px 26px #0006}#toast.show{opacity:1;transform:translate(-50%)scale(1)}#toast.good{color:#dcff9d;box-shadow:0 0 28px #94ff2861}#toast.rare{color:#ffdb53;box-shadow:0 0 31px #ff761580}#toast.hit{color:#ffd4e8;box-shadow:0 0 28px #ff31a07a}#power-rail{z-index:9;background:#05162dd6;border:1px solid #49d0ff5c;border-radius:18px;align-items:center;gap:7px;height:36px;padding:4px 11px 4px 5px;transition:opacity .2s;display:flex;position:absolute;top:112px;left:12px}#power-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;width:27px;height:27px}#power-copy{letter-spacing:.08em;color:#c5d8e7;font-family:Trebuchet MS,sans-serif;font-size:8px}#coin-rail{z-index:9;background:#05162de0;border:1px solid #ffd53580;border-radius:18px;justify-content:center;align-items:center;gap:6px;min-width:59px;height:36px;padding:4px 10px;transition:opacity .2s;display:flex;position:absolute;top:112px;right:12px}#coin-rail span{color:#ffcf35;text-shadow:0 0 10px #ff7b1a}#coin-rail b{color:#fff2a4;font-size:14px}#joystick{z-index:13;left:max(21px,env(safe-area-inset-left));bottom:max(23px,env(safe-area-inset-bottom));aspect-ratio:1;background:radial-gradient(circle,#ffffff29 0 37%,#06152ead 39%);border:2px solid #bfe6ffa6;border-radius:50%;width:clamp(104px,27vw,128px);transition:opacity .2s;position:absolute;box-shadow:inset 0 0 27px #0000006b,0 9px 26px #0000004d}#joystick:before,#joystick:after{content:"";opacity:.28;position:absolute}#joystick:before{border-top:2px solid #fff;top:50%;left:15%;right:15%}#joystick:after{border-left:2px solid #fff;top:15%;bottom:15%;left:50%}#knob{aspect-ratio:1;background:radial-gradient(circle at 34% 28%,#fff,#a6d7eb 64%,#5787a1);border:2px solid #fff;border-radius:50%;width:49%;position:absolute;top:25.5%;left:25.5%;transform:translate(0);box-shadow:0 6px 13px #00000059}#dash{z-index:13;right:max(21px,env(safe-area-inset-right));bottom:max(26px,env(safe-area-inset-bottom));aspect-ratio:1;color:#fff;background:linear-gradient(145deg,#2fcfff,#096fe9);border:3px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:clamp(92px,24vw,113px);line-height:.9;transition:opacity .2s,transform .11s;display:flex;position:absolute;overflow:hidden;box-shadow:0 8px #073e99,0 13px 27px #00000059,0 0 0 4px #ff32aa57}#dash:active{transform:translateY(4px);box-shadow:0 4px #073e99}#dash span{font-size:29px}#dash b{letter-spacing:.06em;font-size:12px}#dash i{pointer-events:none;background:#051026b8;position:absolute;top:0;bottom:0;left:0;right:0;transform:translateY(100%)}#audio{z-index:28;color:#fff;letter-spacing:.08em;background:#06142abd;border:1px solid #ffffff61;border-radius:24px;min-width:48px;height:48px;padding:0 9px;font:900 8px Trebuchet MS;position:absolute;top:103px;right:13px}button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.screen{z-index:24;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;transition:opacity .28s,visibility 0s linear .28s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.screen.active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.menu-shade{background:linear-gradient(#040a1b08 34%,#040a1c57 56%,#030918f7 100%);position:absolute;top:0;bottom:0;left:0;right:0}#menu{padding:20px 24px max(25px,env(safe-area-inset-bottom))}.logo{z-index:2;aspect-ratio:1;filter:drop-shadow(0 9px 20px #0000007a);background-position:50%;background-repeat:no-repeat;background-size:contain;width:min(76vw,350px);position:absolute;top:3%;left:50%;transform:translate(-50%)}.tagline{z-index:2;letter-spacing:.11em;color:#b9edff;margin-bottom:13px;font-size:10px;font-weight:900;position:relative}.how{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05142bdb;border:1px solid #54d0ff57;border-radius:18px;width:min(100%,390px);margin-bottom:14px;padding:10px 14px;position:relative;box-shadow:0 14px 30px #0000004d}.how p{grid-template-columns:17px 50px 1fr;align-items:center;gap:7px;height:29px;margin:0;font:800 10px Trebuchet MS;display:grid}.how p i{border-radius:5px;width:16px;height:7px;box-shadow:0 0 10px}.how .cyan{color:var(--cyan);background:var(--cyan)}.how .pink{color:var(--pink);background:var(--pink)}.how .lime{color:var(--lime);background:var(--lime)}.how p b{color:#fff;font-size:9px}.how p span{color:#a8bfd3}.primary{z-index:2;color:#160f04;letter-spacing:.02em;background:linear-gradient(#ffd747,#ff9318);border:0;border-radius:18px;width:min(100%,390px);height:59px;font-size:18px;font-weight:900;position:relative;box-shadow:0 7px #a74508,0 14px 27px #ff821140,inset 0 2px #ffffffa6}.primary span{font-size:28px;line-height:.65;position:absolute;right:20px}.primary:active{transform:translateY(4px);box-shadow:0 3px #a74508}.primary.lime{background:linear-gradient(#c7ff3d,#75d914);box-shadow:0 7px #3f8c08,0 14px 27px #8bf11933,inset 0 2px #ffffff9e}#menu>small{z-index:2;color:#7899b6;margin-top:16px;font:800 8px Trebuchet MS;position:relative}#pause{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#030a1994;justify-content:center}.pause-card{text-align:center;border:2px solid var(--cyan);background:#0a2141;border-radius:25px;width:min(84%,340px);padding:26px 22px;box-shadow:0 20px 55px #00000080}.pause-card h1{color:#fff;margin:0;font-size:36px}.pause-card p{color:#a8c4dc;margin:7px 0 20px;font:800 11px Trebuchet MS}.pause-card .primary{width:100%}#results{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030b1b52;justify-content:center;padding:16px}.result-card{border:2px solid var(--pink);text-align:center;background:linear-gradient(#0c2849fa,#051128fc);border-radius:27px;width:min(100%,410px);padding:20px 17px 15px;transition:all .3s cubic-bezier(.2,.85,.2,1.16);transform:scale(.96);box-shadow:0 28px 65px #00000080,0 0 31px #ff31a438}#results.active .result-card{transform:none}.result-card h1{color:#ffbf24;text-shadow:0 4px #a13606,0 0 17px #ff5b1973;margin:0;font-size:clamp(29px,8vw,43px);line-height:1}.stars{justify-content:center;gap:13px;margin:7px;display:flex}.stars i{color:#3a4f6b;font-size:38px;font-style:normal}.stars i.lit{color:#ffc424;filter:drop-shadow(0 3px #a64b00)drop-shadow(0 0 9px #ffc42499);animation:.35s both pop}.result-rescued{justify-content:center;align-items:baseline;gap:8px;display:flex}.result-rescued strong{color:#b8ff43;font-size:34px}.result-rescued span{letter-spacing:.12em;font:900 9px Trebuchet MS}.rare{background:#4e206757;border:1px solid #ffae236e;border-radius:16px;justify-content:center;align-items:center;gap:10px;height:70px;margin:9px 0;display:flex}#rare-art{background-position:50%;background-repeat:no-repeat;background-size:contain;width:70px;height:70px}.rare div{text-align:left}.rare small{color:#caa5db;letter-spacing:.12em;font:900 8px Trebuchet MS;display:block}.rare strong{color:#ffcf38;font-size:17px;display:block}.result-stats{background:#030f2380;border:1px solid #74c4f35c;border-radius:14px;grid-template-columns:repeat(3,1fr);margin-bottom:11px;display:grid;overflow:hidden}.result-stats div{border-right:1px solid #70bce740;padding:10px 3px}.result-stats div:last-child{border:0}.result-stats small{color:#87a8c0;font:900 6px Trebuchet MS;display:block}.result-stats b{font-size:17px;display:block}.result-card .primary{width:100%;height:54px}.secondary{color:#80e9ff;letter-spacing:.1em;background:0 0;border:0;margin-top:10px;font:900 10px Trebuchet MS}@keyframes dashSpin{to{transform:rotate(13deg)}}@keyframes quakePulse{to{opacity:.4}}@keyframes warning{to{filter:brightness(1.5);transform:translate(-50%)scale(1.025)}}@keyframes pop{0%{transform:scale(.2)rotate(-24deg)}70%{transform:scale(1.16)rotate(7deg)}to{transform:scale(1)}}@media (max-height:690px){.how{display:none}.logo{width:min(58vw,265px);top:0}.tagline{margin-bottom:8px}.result-card{padding:12px 14px 9px}.rare{height:55px;margin:5px 0}.stars{margin:2px}.result-stats{margin-bottom:6px}}@media (min-aspect-ratio:1){#game{max-width:520px;margin:auto}}@media (prefers-reduced-motion:reduce){#game.quaking #quake-flash,#game.dashing #dash-lines,.stars i.lit{animation:none}.screen,.result-card,#toast{transition:none}}#district-card{z-index:2;border:2px solid var(--district,#9cff32);width:min(100%,390px);min-height:82px;box-shadow:0 10px 28px #00000059,inset 0 0 22px color-mix(in srgb,var(--district,#9cff32) 10%,transparent);background:linear-gradient(#0b2546f5,#041027f7);border-radius:20px;grid-template-columns:44px 1fr 44px;align-items:center;margin:0 0 13px;display:grid;position:relative}#district-card>button{width:38px;height:48px;color:var(--district,#9cff32);background:#ffffff14;border:0;border-radius:13px;margin:auto;font:900 29px/1 Arial,sans-serif}#district-card>div{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}#district-progress{letter-spacing:.14em;color:var(--district,#9cff32);font:900 8px Trebuchet MS,sans-serif}#district-name{color:#fff;font:900 15px/1.2 Arial Black,sans-serif}#district-objective{white-space:nowrap;text-overflow:ellipsis;color:#a8bfd3;max-width:220px;font:800 8px Trebuchet MS,sans-serif;overflow:hidden}#district-best{color:#ffe253;font:900 8px Trebuchet MS,sans-serif}#district-dots{gap:5px;margin-top:5px;display:flex}#district-dots i{background:#071a37;border:1px solid #6f8aa4;border-radius:50%;width:8px;height:8px}#district-dots i.unlocked{background:#527087}#district-dots i.active{background:var(--district,#9cff32);box-shadow:0 0 9px var(--district,#9cff32)}#district-dots i.locked{opacity:.3}#district-callout{z-index:10;border:2px solid var(--district,#9cff32);white-space:nowrap;text-align:center;color:#fff;letter-spacing:.05em;max-width:76%;box-shadow:0 0 16px color-mix(in srgb,var(--district,#9cff32) 24%,transparent);background:#05142be6;border-radius:14px;padding:7px 13px;font:900 9px Trebuchet MS,sans-serif;position:absolute;top:155px;left:50%;transform:translate(-50%)}#game[data-district=freezer]{--cyan:#75dfff;--pink:#9f70ff;--lime:#b9f7ff}#game[data-district=bakery]{--cyan:#ffae42;--pink:#ff6c3a;--lime:#ffe253}#game[data-district=toy]{--cyan:#47efff;--pink:#d64cff;--lime:#a7ff34}#game[data-district=rooftop]{--cyan:#62dfff;--pink:#ff3d72;--lime:#ffd438}@media (min-aspect-ratio:1){#district-card{width:330px;margin:0;position:absolute;bottom:18px;left:18px}.how{width:320px;position:absolute;bottom:89px;right:18px}.primary#start{width:320px;position:absolute;bottom:20px;right:18px}}