:root{color:#fff;--cyan:#27dcff;--pink:#ff43cb;--lime:#b9ff22;--orange:#ff9a15;--coral:#f35b43;--ink:#10051d;--repair:0;font-synthesis:none;background:#170831;font-family:Trebuchet MS,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{background:#170831;width:100%;height:100%;margin:0;overflow:hidden}button{touch-action:manipulation;cursor:pointer;font:900 15px/1 Trebuchet MS,Arial,sans-serif}button:focus-visible{outline:3px solid var(--lime)}#app{place-items:center;display:grid}#game{isolation:isolate;background:#170831;width:min(100vw,72dvh);height:100dvh;max-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 80px #000}#yard-backdrop,#game-canvas,#sun-wash,#impact{width:100%;height:100%;position:absolute;inset:0}#yard-backdrop{z-index:0;filter:saturate(calc(.85 + var(--repair)*.35)) brightness(calc(.75 + var(--repair)*.25));background:url(../assets/environment/station-yard.webp) 50%/cover no-repeat}#game-canvas{z-index:1;touch-action:none;display:block}#sun-wash{z-index:2;pointer-events:none;background:linear-gradient(#ff704f22,#0000 45%,#15082b33)}#impact{z-index:5;opacity:0;pointer-events:none;background:radial-gradient(circle at 52% 55%,#fff,#b9ff2288 13%,#0000 48%)}.hidden{display:none!important}.screen{z-index:20;display:none;position:absolute;inset:0}.screen.active{display:flex}.atlas{background-position:50%;background-repeat:no-repeat;background-size:contain}.cell-03{background-image:url(../assets/atlas/cell-03.png)}.cell-04{background-image:url(../assets/atlas/cell-04.png)}.cell-07{background-image:url(../assets/atlas/cell-07.png)}.cell-08{background-image:url(../assets/atlas/cell-08.png)}.cell-10{background-image:url(../assets/atlas/cell-10.png)}#audio{z-index:44;right:12px;top:max(132px,calc(env(safe-area-inset-top) + 132px));color:#fff;background:#170b32e8;border:1px solid #c4bdd6;border-radius:20px;min-width:78px;height:38px;padding:0 11px;font-size:9px;position:absolute}#hud{z-index:12;top:max(10px,env(safe-area-inset-top));pointer-events:none;grid-template-rows:58px 23px 37px;grid-template-columns:103px 1fr 112px;gap:4px 8px;height:130px;display:grid;position:absolute;left:12px;right:12px}.time,.score{border:2px solid var(--lime);background:#171326e8;border-radius:15px;padding:7px 9px;box-shadow:0 5px #08030f}.time span,.score span{letter-spacing:1px;font-size:9px;display:block}.time strong,.score strong{color:var(--lime);font-size:25px;line-height:1}.score{text-align:right;border-color:#946aff}.score strong{color:var(--cyan)}#heat{text-align:center}#heat b{color:var(--orange);text-shadow:0 3px #9e2512,0 0 9px #ff9a15;font-size:30px;line-height:.85;display:block}#heat span{font-size:9px;font-weight:900}#heat i{background:#120720;border:1px solid #fff;border-radius:6px;height:8px;margin-top:3px;display:block;overflow:hidden}#heat em{transform-origin:0;background:linear-gradient(90deg,#ffd21e,#ff461c);width:100%;height:100%;transition:transform .15s;display:block}#steps{grid-column:1;gap:5px;display:flex}#steps i{background:#1a1227;border:2px solid #777;border-radius:50%;place-items:center;width:23px;height:20px;font-size:9px;font-style:normal;display:grid}#steps i.on{border-color:var(--cyan);background:var(--lime);color:#152116;box-shadow:0 0 10px var(--cyan)}#callout{border:2px solid var(--pink);text-align:center;background:#210b36e8;border-radius:12px;grid-column:1/4;place-items:center;font-size:12px;font-weight:900;display:grid}#toast{z-index:42;border:2px solid var(--lime);text-align:center;opacity:0;pointer-events:none;background:#171326ed;border-radius:13px;place-items:center;min-height:42px;padding:8px;font-size:12px;font-weight:900;display:grid;position:absolute;top:158px;left:36px;right:36px;transform:translateY(-10px)}#toast.show{animation:1.25s toast}@keyframes toast{0%,to{opacity:0;transform:translateY(-10px)}12%,75%{opacity:1;transform:translateY(0)}}#menu{padding:max(18px,env(safe-area-inset-top)) 18px max(15px,env(safe-area-inset-bottom));background:linear-gradient(#0000,#18082e44 52%,#15072e 100%);flex-direction:column}.brand h1{letter-spacing:-4px;color:var(--lime);text-shadow:3px 4px #542310,-2px -2px #fff;margin:0;font:1000 49px/.78 Trebuchet MS,sans-serif}.brand h1 em{color:var(--orange);font-style:normal}.brand p{color:#fff;letter-spacing:.8px;background:#56155f;border-radius:4px;margin:9px 0 0;padding:5px 10px;font-size:10px;font-weight:900;display:inline-block}.hero{width:150px;height:150px;position:absolute;top:88px;right:8px}.job-card{border:1.5px solid var(--pink);background:#13082eea;border-radius:17px;grid-template-columns:68px 1fr;gap:0 10px;margin-top:auto;padding:13px;display:grid}.job-card b,.job-card span{border-bottom:1px solid #453d64;padding:7px 2px}.job-card b{color:var(--lime);font-size:11px}.job-card span{font-size:10px}.primary{background:var(--coral);color:#18091f;border:0;border-radius:16px;height:58px;font-size:18px;box-shadow:0 8px #9d2b31}.primary:active{transform:translateY(5px);box-shadow:0 3px #9d2b31}#start{width:100%;margin-top:8px}.key-hint{text-align:center;color:#c4bdd2;margin:13px 0 0;font-size:9px;font-weight:900}#controls{z-index:30;left:0;right:0;bottom:max(14px,env(safe-area-inset-bottom));pointer-events:none;height:132px;position:absolute}#joystick,#tool,#connect{pointer-events:auto;position:absolute}#joystick{background:radial-gradient(circle,#202027 0 38%,#0e0c18 40% 68%,#47216b);border:4px solid #ad92d6;border-radius:50%;width:122px;height:122px;bottom:2px;left:17px;box-shadow:0 0 20px #9f42e655,inset 0 0 15px #000}#knob{background:radial-gradient(circle at 35% 30%,#fff,#333 34%,#101017 75%);border:2px solid #fff;border-radius:50%;width:43px;height:43px;position:absolute;top:37px;left:37px}#tool{background:var(--coral);color:#fff;text-shadow:0 3px #982e2e;border:7px solid #eee;border-radius:50%;width:128px;height:128px;font-size:22px;bottom:0;right:15px;box-shadow:0 0 0 5px #ff9a1566,0 8px #9d2b31,0 0 25px #ff754d}#tool span,#connect span{font-size:19px;display:block}#connect{border:3px solid var(--cyan);color:#fff;background:#102f56;border-radius:18px;width:74px;height:82px;font-size:9px;bottom:9px;left:50%;transform:translate(-50%);box-shadow:0 5px #07152d,0 0 13px #27dcff66}#pause{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#170831bb;justify-content:center;align-items:center}.modal{border:2px solid var(--pink);text-align:center;background:#1a0b38;border-radius:22px;width:82%;padding:28px}.modal .primary{width:100%}#oops{z-index:35;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#170831b5;flex-direction:column;justify-content:center;align-items:center}.oops-cloud{width:150px;height:150px}.oops h2,#oops h2{color:#fff;text-shadow:0 3px 0 #8c1868,0 0 12px var(--pink);margin:0;font-size:31px}#oops p{color:var(--lime);font-size:10px;font-weight:900}#results{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#170831dc;justify-content:center;align-items:center;padding:16px}.result-panel{border:2px solid var(--pink);text-align:center;background:linear-gradient(#27124cee,#100728ee);border-radius:22px;width:100%;padding:14px}.result-panel h2{color:var(--lime);text-shadow:0 3px 0 #7b3a10,0 0 12px var(--pink);margin:0;font-size:30px}.podium{justify-content:center;align-items:end;height:130px;display:flex}.podium span{width:33%;height:105px}.podium span:nth-child(2){height:128px}.result-stats{border:1px solid var(--cyan);border-radius:12px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.result-stats div{background:#17102e;padding:8px 2px}.result-stats div+div{border-left:1px solid #65507d}.result-stats strong{font-size:18px;display:block}.result-stats span{color:var(--cyan);font-size:7px;font-weight:900}.token{background:#24180e;border:1px solid #82601e;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:47px;margin:9px 0;display:flex}.token span{width:38px;height:38px}.token strong{color:#ffd322;font-size:17px}#upgrade{border:2px solid var(--lime);color:#fff;background:#1b2912;border-radius:12px;width:100%;height:44px;font-size:10px}#next{width:100%;margin-top:8px}.text-button{color:var(--cyan);background:0 0;border:0;margin-top:12px;font-size:10px}.boot-error{text-align:center;background:#170831;place-content:center;display:grid;position:absolute;inset:0}.boot-error strong{color:var(--lime);font-size:30px}@media (max-height:700px) and (orientation:portrait){.brand h1{font-size:39px}.hero{width:115px;height:115px;top:70px}.job-card{padding:7px}.key-hint{display:none}#controls{height:105px}#joystick{width:98px;height:98px}#knob{width:37px;height:37px;top:29px;left:29px}#tool{width:103px;height:103px;font-size:17px}#connect{width:62px;height:67px}.podium{height:88px}.podium span{height:76px}.podium span:nth-child(2){height:90px}.result-panel{padding:8px}.result-panel h2{font-size:25px}}@media (orientation:landscape){#game{width:min(100vw,215dvh);height:100dvh}.brand h1{font-size:35px}.hero{width:95px;height:95px;top:52px;right:35%}.job-card{position:absolute;bottom:62px;left:18px;right:18px}#start{width:260px;position:absolute;bottom:9px;right:22px}.key-hint{position:absolute;bottom:12px;left:26px}#hud{grid-template-rows:48px 17px 29px;grid-template-columns:135px 1fr 145px;height:100px;left:120px;right:120px}.time strong,.score strong{font-size:21px}#heat b{font-size:24px}#audio{top:12px}#toast{top:104px;left:28%;right:28%}#controls{height:108px;bottom:4px}#joystick{width:96px;height:96px;left:calc(50% - 230px)}#knob{width:36px;height:36px;top:28px;left:28px}#tool{width:98px;height:98px;font-size:17px;right:calc(50% - 230px)}#connect{width:64px;height:68px}.result-panel{max-width:520px;padding:8px}.result-panel h2{font-size:24px}.podium{height:62px}.podium span{height:55px}.podium span:nth-child(2){height:67px}.result-stats div{padding:4px}.token{height:34px;margin:5px}.token span{height:28px}.primary{height:40px}}#menu .job-card{margin-bottom:91px}#route-card{left:18px;right:18px;bottom:max(95px,calc(env(safe-area-inset-bottom) + 95px));border:2px solid var(--route,#b9ff22);background:#160b31f2;border-radius:16px;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;height:78px;display:grid;position:absolute;overflow:hidden;box-shadow:0 8px #08030f,0 0 18px #ff43cb55}#route-card>button{height:100%;color:var(--route,#b9ff22);background:#ffffff08;border:0;font-size:27px}#route-card>button:disabled{opacity:.2}#route-card>div{grid-template-columns:1fr auto;gap:3px 7px;min-width:0;padding:7px;display:grid}#route-card span,#route-card small,#route-card em{letter-spacing:.07em;color:#bdb4cf;white-space:nowrap;text-overflow:ellipsis;font:900 8px/1 Arial,sans-serif;overflow:hidden}#route-card strong{color:var(--route,#b9ff22);grid-column:1/3;font:900 15px/1 Trebuchet MS,Arial,sans-serif}#route-card small{color:#fff;grid-column:1/3}#route-card em{color:#ffd322;text-align:right;font-style:normal}#route-dots{align-items:center;gap:4px;display:flex}#route-dots b{background:#554568;border-radius:4px;width:9px;height:3px}#route-dots b.on{background:var(--route,#b9ff22);width:17px;box-shadow:0 0 7px var(--route,#b9ff22)}#game[data-route=storm] #sun-wash{background:linear-gradient(135deg,#57254c88,#0b153d77 60%,#ffcf3f22)}#game[data-route=swamp] #sun-wash{background:linear-gradient(#1d593b55,#0000 40%,#8cff3155)}#game[data-route=rally] #sun-wash{background:radial-gradient(circle at 50% 35%,#ff43cb33,#0000 50%),linear-gradient(#3f1c5688,#0000)}@media (max-height:700px) and (orientation:portrait){#menu .job-card{margin-bottom:82px}#route-card{height:70px;bottom:80px}#start{margin-top:4px}}@media (orientation:landscape){#menu .job-card{margin:0;bottom:7px;right:50%}#route-card{height:70px;bottom:59px;left:51%;right:18px}#start{width:calc(49% - 34px)}}