*{box-sizing:border-box}html,body{touch-action:none;overscroll-behavior:none;color:#fdeacc;width:100%;height:100%;font-family:Rubik,system-ui,sans-serif;overflow:hidden}canvas{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;touch-action:none}.hud{left:22px;right:22px;top:max(22px, env(safe-area-inset-top));pointer-events:none;justify-content:space-between;align-items:start;gap:14px;display:flex;position:fixed}.brand{filter:drop-shadow(0 2px 8px #0003);width:113px}.status{text-align:right;text-shadow:0 2px 8px #0007;font-size:12px;line-height:1.5}.status strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:900}.badge{letter-spacing:2px;text-shadow:0 1px 5px #0008;font-size:10px;position:fixed;top:99px;left:22px}.hint{text-align:center;white-space:nowrap;pointer-events:none;background:#2d3436bb;border-radius:24px;padding:10px 16px;font-size:11px;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.joystick{pointer-events:none;background:#2d343644;border:2px solid #fdeacc66;border-radius:50%;width:116px;height:116px;margin:-58px;display:none;position:fixed}.joystick div{background:#ff6b35cc;border-radius:50%;width:38px;height:38px;position:absolute;top:37px;left:37px}.boost{color:#ffce81;text-shadow:0 2px 5px #0008;font-size:13px;font-weight:700;position:fixed;top:128px;left:22px}.debug{z-index:10;background:#19212aeb;border-radius:9px;width:250px;max-height:50vh;padding:10px;font:11px system-ui;position:fixed;top:150px;right:8px;overflow:auto}.debug label{padding:5px;display:block}.debug input{width:100%}.debug output{float:right}.debug summary{cursor:pointer;padding:5px}@media (min-width:800px){.hud{left:32px;right:32px}.badge,.boost{left:32px}.hint{bottom:35px}}[hidden]{display:none!important}body{margin:0}.panel{color:#fdeacc;background:#2d3436;border-radius:18px;padding:14px;box-shadow:0 4px 16px #0003}.game-hud{pointer-events:none;font-variant-numeric:tabular-nums;position:fixed;inset:0}.shift-panel{top:max(12px, env(safe-area-inset-top));text-align:center;grid-template-columns:1fr auto;gap:3px 12px;min-width:145px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.shift-clock{grid-column:1/-1;font-size:36px;line-height:1}.tips{font-weight:700}.combo{color:#ff996d}.order-panel{left:max(12px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));gap:8px;width:min(250px,27vw);display:grid;position:absolute}.stage{color:#ffad88;font-size:10px;font-weight:700}.place{font-size:15px}.deadline{font-size:12px}.temperature{background:#59646c;border-radius:8px;height:9px;overflow:hidden}.temperature div{background:linear-gradient(90deg,#6aafff,#ff6b35);height:100%;transition:width .2s}.game-message{text-align:center;color:#fdeacc;background:#2d3436;border-radius:15px;width:-moz-fit-content;width:fit-content;margin:auto;padding:12px 18px;font-size:clamp(17px,3vw,26px);font-weight:800;position:absolute;top:32%;left:15%;right:15%}.minimap{left:auto;right:max(12px, env(safe-area-inset-right));top:max(12px, env(safe-area-inset-top));background:#387e84;border:4px solid #2d3436;border-radius:50%;width:120px;height:120px;position:fixed}.horn{right:max(34px, env(safe-area-inset-right));bottom:max(30px, env(safe-area-inset-bottom));color:#fdeacc;background:#2d3436;border:2px solid #fdeacc;border-radius:30px;min-width:84px;min-height:48px;font-size:11px;font-weight:700;position:fixed}.mute{top:calc(max(12px, env(safe-area-inset-top)) + 130px);right:max(12px, env(safe-area-inset-right));color:#fdeacc;background:#2d3436;border:0;border-radius:14px;min-width:90px;min-height:44px;font-size:11px;position:fixed}.start-screen,.summary-screen{z-index:20;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;background:#2d34364d;place-items:center;display:grid;position:fixed;inset:0}.start-screen .panel,.summary-screen .panel{width:min(440px,100%);padding:30px 24px}.start-screen img{width:160px}.start-screen h1,.summary-screen h1{font-size:26px}.start-screen p,.summary-screen p{font-size:14px;line-height:1.5}.start-screen button,.summary-screen button{color:#2d3436;background:#ff6b35;border:0;border-radius:16px;width:100%;min-height:60px;margin:18px 0 10px;font-size:21px;font-weight:800;display:block}.stars{color:#69716f;justify-content:center;gap:12px;font-size:48px;display:flex}.stars span{animation:.45s backwards star-pop}.stars .earned{color:#ffc05a}.summary-tips{font-size:38px}.summary-screen small{display:block}.attribution{bottom:max(5px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));color:#fdeacc;pointer-events:none;background:#2d3436;border-radius:6px;padding:3px 6px;font-size:9px;position:fixed}.urgent{color:#ff996d}@keyframes star-pop{0%{transform:scale(0)rotate(-40deg)}70%{transform:scale(1.3)}to{transform:scale(1)}}@media (max-width:600px),(max-height:500px){.shift-panel{gap:4px;min-width:98px;padding:10px 8px;font-size:12px;left:50%}.shift-clock{font-size:32px}.order-panel{top:calc(max(12px, env(safe-area-inset-top)) + 95px);width:min(230px,100vw - 145px)}.place{font-size:13px}.order-panel{padding:11px}}@media (prefers-reduced-motion:reduce){.stars span{animation:none}}.game-message{padding:8px 12px;font-size:clamp(15px,2.5vw,21px);top:max(166px,19%)}.driving-help{bottom:max(35px, env(safe-area-inset-bottom));white-space:nowrap;color:#fdeacc;text-shadow:0 1px 4px #000;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.boost-wind{background:repeating-conic-gradient(from 80deg at -20%,#0000 0deg 8deg,#deffff88 8.2deg 8.4deg,#0000 8.6deg 18deg),repeating-conic-gradient(from 260deg at 120%,#0000 0deg 8deg,#deffff88 8.2deg 8.4deg,#0000 8.6deg 18deg);animation:.18s infinite alternate wind-pulse;position:absolute;inset:25% 0 15%;-webkit-mask-image:linear-gradient(90deg,#000,#0000 18% 82%,#000);mask-image:linear-gradient(90deg,#000,#0000 18% 82%,#000)}.delivery-freeze{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;inset:0}.game-hud{z-index:2}.mute{width:32px;min-width:32px;height:32px;min-height:32px;font-size:20px}@keyframes wind-pulse{0%{opacity:.4;transform:scaleX(.97)}to{opacity:.8;transform:scaleX(1.03)}}@media (max-width:600px),(max-height:500px){.shift-panel{border-radius:24px;align-items:center;gap:10px;min-width:0;padding:7px 12px;display:flex}.shift-clock{font-size:23px}.order-panel{top:calc(max(12px, env(safe-area-inset-top)) + 46px);grid-template-columns:minmax(0,1fr) auto;gap:4px;width:calc(100vw - 130px);padding:8px 10px}.stage{display:none}.place{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.deadline{font-size:11px}.temperature{grid-column:1/-1;height:5px}.minimap{top:calc(max(12px, env(safe-area-inset-top)) + 46px);border-width:3px;width:96px;height:96px}.mute{top:calc(max(12px, env(safe-area-inset-top)) + 150px)}.driving-help{bottom:max(18px, env(safe-area-inset-bottom));font-size:10px}}@media (prefers-reduced-motion:reduce){.boost-wind{animation:none}}.intro-playing .mute{display:none}@media (max-height:500px){.minimap{top:max(10px, env(safe-area-inset-top));width:84px;height:84px}.mute{top:calc(max(10px, env(safe-area-inset-top)) + 92px)}.order-panel{top:max(10px, env(safe-area-inset-top));width:min(300px,36vw)}}.intro-title{z-index:19;padding:max(5vh, env(safe-area-inset-top)) 24px max(9vh, env(safe-area-inset-bottom));color:#fdeacc;text-align:center;cursor:pointer;touch-action:manipulation;background:linear-gradient(#111a3538,#0000 45% 70%,#111a3577);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.intro-title[hidden]{display:none}.intro-title img{filter:drop-shadow(0 4px 10px #111a3550);width:clamp(110px,19vh,190px);max-height:30vh}.intro-title p{text-shadow:0 2px 8px #111a35;font-size:clamp(18px,3vh,25px);font-weight:500}body.intro-playing .game-hud,body.intro-playing .minimap,body.intro-playing .joystick,body.intro-playing .brake,body.intro-playing .horn{visibility:hidden;pointer-events:none}