@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Fredoka:wght@600;700&display=swap";:root{color:#fff;--lime:#baf34d;--coral:#ff6d72;--cyan:#3de9e3;--ink:#08232c;background:#06262d;font-family:Fredoka,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{color:inherit;cursor:pointer;touch-action:manipulation;border:0;font:700 15px Fredoka,sans-serif}button:active{transform:translateY(2px)scale(.985)}#game{isolation:isolate;background:radial-gradient(circle at 50% 40%,#19585b,#06262d 74%);width:100%;height:100%;min-height:0;position:relative;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#speedlines,#vignette{pointer-events:none;position:absolute;inset:0}#speedlines{opacity:.14;background:repeating-conic-gradient(from 10deg,transparent 0 8deg,#73fff0 9deg 10deg,transparent 11deg 22deg)}#vignette{background:linear-gradient(#041d26a3 0,#0000 26% 68%,#031821cc 100%),radial-gradient(circle,#0000 50%,#03151cae 115%)}.hidden{display:none!important}#hud{z-index:8;inset:env(safe-area-inset-top) 0 auto;text-shadow:0 2px 4px #0008;pointer-events:none;grid-template-columns:88px 1fr 96px;gap:8px;padding:10px 11px 0;display:grid;position:absolute}.clock,.cash,#carry,#hype{background:linear-gradient(150deg,#123a45e9,#071e28e9);border:2px solid #ffffff4f;border-radius:14px;height:51px;padding:5px 9px;box-shadow:0 7px 18px #00141999,inset 0 1px #fff3}.clock small,.cash small,#carry small,#hype small{letter-spacing:1.3px;color:#bce1df;font-size:8px;display:block}.clock strong,.cash strong{font:21px/1 "Baloo 2",sans-serif}.cash{text-align:right}#hype{text-align:center;background:linear-gradient(135deg,#f0654ce9,#a62f3be9);border-color:#ffc06599;position:relative}#hype strong{font:21px/1 "Baloo 2",sans-serif}#hype i{background:#5a1420;border-radius:5px;height:4px;position:absolute;bottom:4px;left:8px;right:8px;overflow:hidden}#hype em{transform-origin:0;background:linear-gradient(90deg,#ffe436,#ff8e32,#ff4069);width:100%;height:100%;display:block}#carry{text-align:center;background:linear-gradient(145deg,#178c83,#075f67);width:70px;height:60px;position:absolute;top:68px;right:11px}#carry b{color:#e9ff51;font:27px/1 "Baloo 2",sans-serif;display:block}#demand{background:#071f28da;border:1px solid #91fff151;border-radius:11px;grid-template-columns:auto auto;gap:3px;padding:5px 7px;display:grid;position:absolute;top:70px;left:11px}#demand span{color:#dfff50;grid-row:1/3;align-self:center;margin-right:3px;font-size:8px}#demand i{background:#175565;border-radius:6px;padding:3px 6px;font-size:7px;font-style:normal}#callout{text-align:center;background:#061f29df;border:1px solid #4ce9dd6e;border-radius:99px;width:min(84vw,450px);padding:7px 12px;font-size:10px;position:absolute;top:137px;left:50%;transform:translate(-50%)}#audio{z-index:15;background:#061e28c7;border:1px solid #fff3;border-radius:9px;padding:7px 9px;font-size:8px;position:absolute;top:139px;right:11px}#toast{z-index:20;opacity:0;pointer-events:none;background:linear-gradient(120deg,#ff6e77,#f7a329);border:2px solid #fff8;border-radius:13px;width:max-content;max-width:88%;padding:10px 17px;font:700 15px "Baloo 2",sans-serif;position:absolute;top:28%;left:50%;transform:translate(-50%,-8px)scale(.85);box-shadow:0 10px 30px #0008}#toast.show{animation:.95s ease-out toast}@keyframes toast{15%,60%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-18px)scale(.94)}}#stomp-meter{z-index:8;background:#071f29d6;border:2px solid #fff4;border-radius:99px;height:16px;position:absolute;bottom:108px;left:25%;right:25%;overflow:hidden}#stomp-fill{transform-origin:0;background:linear-gradient(90deg,#aef24e,#ffd83d,#ff514a);width:100%;height:100%;display:block}#stomp-label{text-align:center;color:#fff;font-size:7px;line-height:12px;position:absolute;inset:0}.screen{z-index:10;text-align:center;place-items:center;padding:24px;display:none;position:absolute;inset:0}.screen.active{display:grid}#menu{background:radial-gradient(circle at 50% 28%,#58f4cc2c,#0000 43%),linear-gradient(#041d2677,#041d26ed);align-content:center}.logo{filter:drop-shadow(0 9px #061b23)drop-shadow(0 16px 22px #0008);transform:rotate(-2deg)}.logo h1{letter-spacing:-3px;color:#fff;-webkit-text-stroke:2px #12363c;margin:0;font:clamp(54px,12vw,94px)/.72 "Baloo 2",sans-serif}.logo h1 em{color:#bff34e;-webkit-text-stroke:3px #087671;text-shadow:4px 5px #087671;font-style:normal}.logo p{color:#3a1821;letter-spacing:1.3px;background:#ff736d;margin:15px 0 20px;padding:5px 12px;font:12px "Baloo 2",sans-serif;display:inline-block;transform:rotate(2deg);box-shadow:4px 4px #f4bd31}.pitch{text-align:left;background:#071f29de;border:1px solid #6ff8e64f;border-radius:16px;grid-template-columns:auto 1fr;gap:5px 11px;width:min(345px,85vw);margin:0 auto 23px;padding:13px 15px;display:grid;box-shadow:0 18px 35px #0007,inset 0 1px #fff2}.pitch b{color:#dfff50;font-size:10px}.pitch span{color:#b9d8d6;font-size:10px}.primary{color:#173a22;background:linear-gradient(#d9fa62,#9dd93e);border-radius:16px;min-width:min(335px,85vw);padding:16px 25px;font:800 20px "Baloo 2",sans-serif;box-shadow:0 7px #4f8c31,0 14px 30px #0007,inset 0 2px #fff8}.primary span{float:right;font-size:28px;line-height:18px}.key-hint{color:#9ec8c7;margin:16px 0 0;font-size:9px}.boot-error,.panel,.result-panel{background:linear-gradient(150deg,#154452f3,#061f29f7);border:2px solid #5ee9d968;border-radius:22px;width:min(410px,90vw);padding:23px;box-shadow:0 24px 60px #000b,inset 0 1px #fff2}.boot-error{gap:9px;display:grid}.boot-error b,.panel h2,.result-panel h2{color:#dfff50;margin:0;font:800 31px/1 "Baloo 2",sans-serif}.boot-error span,.panel p{color:#bcd6d4;font-size:11px}.panel .primary{min-width:100%}#pause{background:#041d26db}#stomp{background:#df493a69;align-content:center;animation:.12s 6 alternate shake}#stomp h2{color:#fff;text-shadow:5px 6px #801d2b,-2px -2px #ffe64b;margin:0;font:800 clamp(62px,14vw,105px)/.8 "Baloo 2",sans-serif}#stomp p{color:#e6ff4f;background:#071f29;padding:7px 12px;font-size:11px}@keyframes shake{to{transform:translate(9px)}}#results{padding-bottom:max(18px,env(safe-area-inset-bottom));background:linear-gradient(#0000 0 42%,#041d26b2 70%,#041d26f0);align-content:end}.result-panel{padding:16px 18px}.result-panel h2{font-size:30px}.result-stats{grid-template-columns:1.4fr .8fr 1fr;gap:6px;margin:9px 0;display:grid}.result-stats div{background:#041a22c7;border-radius:10px;padding:7px 3px}.result-stats strong,.result-stats span{display:block}.result-stats strong{font:700 18px "Baloo 2",sans-serif}.result-stats span{color:#9fcac7;font-size:7px}.token{color:#233c20;background:#dfff50;border-radius:99px;padding:7px;font-size:11px}#upgrade{background:#168b83;border-radius:10px;width:100%;margin:8px 0;padding:8px;font-size:10px}.result-panel .primary{min-width:100%;padding:11px}.text-button{color:#7bd9d1;background:0 0;margin-top:9px;font-size:9px}#controls{z-index:12;left:0;right:0;bottom:max(17px,env(safe-area-inset-bottom));pointer-events:none;height:96px;position:absolute}#joystick{pointer-events:auto;touch-action:none;background:radial-gradient(circle,#2f8e8a78 0 34%,#061f29a3 36%);border:2px solid #bffdf555;border-radius:50%;width:88px;height:88px;position:absolute;bottom:0;left:18px;box-shadow:inset 0 0 20px #5af6e530}#knob{will-change:transform;background:linear-gradient(145deg,#8af5e6,#25aaa6);border-radius:50%;width:32px;height:32px;position:absolute;top:26px;left:26px;box-shadow:0 5px 9px #00171c,inset 0 2px #fff8}#grab,#process,#route{pointer-events:auto;text-shadow:0 2px #0006;border:2px solid #fff6;border-radius:50%;width:68px;height:68px;font-size:9px;position:absolute;bottom:2px;box-shadow:0 6px #4b1420,0 11px 20px #0007,inset 0 2px #fff6}#grab span,#process span,#route span{font-size:20px;display:block}#grab{background:linear-gradient(145deg,#ff8a95,#e94d6b);right:166px}#process{background:linear-gradient(145deg,#46cee1,#207fb2);right:91px}#route{background:linear-gradient(145deg,#a9df43,#4d9c38);right:16px}#model-badge{z-index:5;color:#78d9d1;letter-spacing:.7px;background:#061f29bd;border:1px solid #5ef1df37;border-radius:6px;padding:4px 7px;font-size:6px;position:absolute;bottom:6px;left:8px}@media (orientation:landscape){#hud{grid-template-columns:84px 180px 84px;justify-content:space-between}.screen{padding:12px}#menu{grid-template-columns:1fr 1fr;column-gap:5vw}.logo{justify-self:end}.logo h1{font-size:57px}.logo p{margin-bottom:9px}.pitch,#start,.key-hint{grid-column:2}.pitch{grid-row:1;align-self:end;margin-bottom:10px}.primary{min-width:300px}#stomp-meter{bottom:44px}#joystick{width:76px;height:76px}#knob{top:21px;left:21px}#grab,#process,#route{width:62px;height:62px}#results{background:linear-gradient(90deg,#0000 0 51%,#041d26d0 73%,#041d26f2);align-content:center;justify-items:end}#results .result-panel{width:335px;margin-right:15px;padding:11px 15px}#results .result-panel h2{font-size:25px}#results .result-stats{margin:5px 0}.result-stats div{padding:4px}.token{padding:5px}#upgrade{margin:5px 0;padding:6px}.result-panel .primary{padding:8px}.text-button{margin-top:5px}}@media (max-width:380px){#hud{grid-template-columns:80px 1fr 82px;gap:5px;padding-inline:7px}.clock strong,.cash strong,#hype strong{font-size:18px}#carry{right:7px}#demand{left:7px}#callout{top:132px}#audio{top:134px;right:7px}.logo h1{font-size:51px}#grab{right:151px}#process{right:83px}#grab,#process,#route{width:62px;height:62px}#route{right:15px}}#district-select{grid-template-columns:repeat(5,1fr);gap:5px;width:min(395px,93vw);margin:0 auto 10px;display:grid}.district-chip{background:#09252de8;border:1px solid #9affdb55;border-radius:11px;min-width:0;padding:6px 3px;box-shadow:0 6px 15px #0007}.district-chip strong,.district-chip span,.district-chip small{display:block}.district-chip strong{background:#227e62;border-radius:50%;width:21px;height:21px;margin:auto;padding-top:3px;font-size:10px}.district-chip span{text-overflow:ellipsis;margin-top:3px;font-size:7px;overflow:hidden}.district-chip small{color:#87dcc0;font-size:6px}.district-chip.selected{background:linear-gradient(155deg,#296b5b,#102e34);border-color:#ffe167;transform:translateY(-3px);box-shadow:0 5px #b75e19,0 11px 20px #0008}.district-chip.selected strong{color:#3c2205;background:#f6bd3a}.district-chip:disabled{filter:grayscale();opacity:.46;cursor:not-allowed}#menu .logo p{margin-bottom:11px}#menu .pitch{margin-bottom:12px;padding:11px 14px}.clock small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}