*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#1a1a2e;overflow:hidden;width:100vw;height:100dvh;user-select:none;-webkit-user-select:none}#canvas-wrap{position:absolute;inset:0}#canvas{display:block;width:100vw;height:100dvh;touch-action:none}#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;color:#fff;font-family:monospace;font-size:1.25rem;letter-spacing:.15em;background:#1a1a2e;pointer-events:none;transition:opacity .4s ease;z-index:100}#loading.hidden{opacity:0}.loading-row{display:flex;align-items:center;gap:.25rem}.loading-status{font-size:.65rem;letter-spacing:.12em;color:#ffffff73;min-height:1em;transition:color .3s ease}.loading-status.ready{color:#64dc8cb3}.loading-status.error{color:#ff7850b3}#loading-progress-track{width:200px;height:3px;background:#ffffff1f;border-radius:999px;margin-top:12px;overflow:hidden;visibility:hidden}#loading.has-progress #loading-progress-track{visibility:visible}#loading-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#5b8bd9,#7ec8e3);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}#offline-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(0);display:flex;align-items:center;gap:8px;padding:10px 18px;background:#141428eb;border:1px solid rgba(255,255,255,.15);border-radius:100px;color:#ffffffbf;font-family:Nunito,sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;z-index:200;transition:opacity .5s ease,transform .5s ease;pointer-events:none}#offline-toast.hidden{opacity:0;transform:translate(-50%) translateY(12px)}.loading-dots:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}#start-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;background:#f5f0e8;z-index:90;overflow:hidden;transition:opacity .4s ease}#start-screen.hidden{opacity:0;pointer-events:none}#start-screen:before{content:"";position:absolute;inset:0;background-image:url(/images/bg_cream_stripes.png);background-repeat:repeat;background-size:28px 130px;animation:slide-left 4s linear infinite;pointer-events:none}@keyframes slide-left{0%{background-position:0 0}to{background-position:-28px 0}}.start-stripe{position:absolute;left:0;right:0;height:6px;z-index:2}.start-stripe--top{top:0;background:linear-gradient(90deg,#e63946 0% 33.33%,#fff 33.33% 66.66%,#003087 66.66% 100%)}.start-stripe--bottom{bottom:0;background:linear-gradient(90deg,#e63946 0% 33.33%,#fff 33.33% 66.66%,#003087 66.66% 100%)}.ph-logo{max-width:46%;max-height:60%;object-fit:contain;height:auto;position:relative;z-index:1}#btn-play{z-index:1}#btn-play span,#btn-play svg{position:relative;z-index:1}.ph-footer{position:absolute;bottom:14px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:14px;font-variant-numeric:tabular-nums;z-index:1}.ph-footer__version{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:11px;letter-spacing:.18em;color:#003087;opacity:.55}.ph-footer__sep{width:1px;height:12px;background:#0030874d}.ph-footer__credit{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.04em;color:#003087;opacity:.7}.ph-footer__credit-link{color:#e63946;font-weight:800;text-decoration:none;border-bottom:1px solid rgba(230,57,70,.45)}.ph-footer__credit-link:hover{border-bottom-color:#e63946}.ph-btn{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:-.005em;cursor:pointer;border:1px solid #0A0A0A;box-shadow:0 2px #00000073;overflow:hidden;transition:transform 80ms ease,box-shadow 80ms ease}.ph-btn:active{transform:translateY(1px);box-shadow:0 0 #000}.ph-btn:before{content:"";position:absolute;inset:1px 1px auto;height:40%;background:linear-gradient(180deg,#ffffff47,#fff0);border-radius:inherit;pointer-events:none}.ph-btn--sm{padding:6px 14px;font-size:13px;border-radius:6px}.ph-btn--lg{padding:14px 28px;font-size:22px;border-radius:14px}.ph-btn--secondary{background:linear-gradient(180deg,#fff,#f5f0e8 60%,#e8dfce);color:#003087;-webkit-text-stroke:.4px #0A0A0A;paint-order:stroke fill}.ph-btn--primary{background:linear-gradient(180deg,#ffc56b,#f9ae3d 55%,#c77a0b);color:#fff;-webkit-text-stroke:.6px #0A0A0A;paint-order:stroke fill}.ph-playgame{min-width:240px;justify-content:center}.ctrl-focus{outline:3px solid #FFE14D;outline-offset:4px;box-shadow:0 0 0 6px #ffe14d47,0 2px #00000073}.ph-enable-sound{position:absolute;top:22px;left:22px;z-index:10;animation:music-btn-pulse 2s ease-in-out infinite}.ph-enable-sound.is-playing{animation:none}@keyframes music-btn-pulse{0%,to{opacity:1}50%{opacity:.5}}#start-auth{position:absolute;top:22px;right:22px;z-index:10;display:flex;flex-direction:row;align-items:center;gap:10px}.ph-userchip{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:#fff;border:1px solid rgba(0,0,0,.18);border-radius:999px;box-shadow:0 1px #0000001f}.ph-userchip__avatar{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:linear-gradient(180deg,#2a60c0,#003087);color:#fff;border:1px solid rgba(0,0,0,.3);font-family:Fredoka,sans-serif;font-weight:700;font-style:italic;font-size:12px;letter-spacing:.02em;display:flex;align-items:center;justify-content:center}.ph-userchip__name{font-family:Nunito,sans-serif;font-weight:800;font-size:13px;color:#0b1a38;white-space:nowrap}.ph-userchip__signout{font-family:Nunito,sans-serif;font-weight:700;font-size:11px;color:#e63946;white-space:nowrap;cursor:pointer;padding-left:10px;background:none;border:none;border-left:1px solid rgba(0,0,0,.1)}.login-fields{display:flex;flex-direction:column;gap:10px}.login-input{width:100%;font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:15px;color:#0b1a38;background:#fff;border:1.5px solid rgba(0,0,0,.14);border-radius:10px;padding:11px 14px;outline:none;box-sizing:border-box;transition:border-color .12s ease;-webkit-appearance:none}.login-input:focus{border-color:#1e4290}.login-input::placeholder{color:#0b1a3859;font-weight:600}.login-error{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:13px;color:#e63946;margin:0;text-align:center}.login-error.hidden{display:none}.login-cancel-link{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:13px;color:#0b1a3873;background:none;border:none;cursor:pointer;text-align:center;padding:2px;text-decoration:underline;text-underline-offset:2px}.login-btn-primary{width:100%;justify-content:center}.login-links{display:flex;flex-direction:column;align-items:center;gap:6px}.login-text-link{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:13px;color:#1e4290;background:none;border:none;cursor:pointer;text-align:center;padding:2px;text-decoration:underline;text-underline-offset:2px}@media(orientation:landscape)and (max-height:500px){#start-screen{gap:1rem}#start-logo{max-width:min(38vw,260px)}#btn-play{padding:10px 20px;font-size:17px}}#joystick{position:fixed;bottom:16px;left:16px;width:116px;height:116px;border-radius:50%;background:#0b1a388c;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;touch-action:none;display:none}@media(pointer:coarse){#joystick{display:block}#controls-hint{display:none}}#joystick-ring{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#joystick-knob{position:absolute;top:50%;left:50%;width:76px;height:76px;border-radius:50%;background:linear-gradient(180deg,#ffc56b,#f9ae3d 60%,#c77a0b);border:1px solid rgba(0,0,0,.5);box-shadow:0 2px 4px #0006,inset 0 1px #fff6;transform:translate(-50%,-50%);pointer-events:none;overflow:hidden}#joystick-knob:before{content:"";position:absolute;inset:14% 14% auto;height:40%;border-radius:50%;background:linear-gradient(180deg,#ffffff59,#fff0)}#throttle-controls{position:fixed;bottom:16px;right:16px;display:none}@media(pointer:coarse){#throttle-controls{display:block}}body.gamepad-active #throttle-controls{display:block}#btn-cluster{position:relative;width:150px;height:150px}.btn-cluster-btn{position:absolute;width:54px;height:54px;border-radius:50%;border:1.5px solid #0A0A0A;color:#fff;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:0 2px #00000073;display:flex;align-items:center;justify-content:center;overflow:visible;transition:transform 80ms ease,box-shadow 80ms ease}.btn-cluster-btn:active{transform:translateY(1px);box-shadow:0 0 #0a0a0a}.btn-cluster-btn:before{content:"";position:absolute;left:6%;right:6%;top:4%;height:42%;background:linear-gradient(180deg,#ffffff52,#fff0);border-radius:50%;pointer-events:none;z-index:1}.btn-cluster-btn svg{position:relative;z-index:2}#btn-handbrake{top:0;left:48px}#btn-action{top:48px;left:0}#btn-reverse{top:48px;left:96px}#btn-forward{top:96px;left:48px}.btn-handbrake{background:linear-gradient(180deg,#8fe9f8,#5bd9ee 55%,#2aa8c0);transition:transform 80ms ease,box-shadow 80ms ease,background .12s ease}.btn-handbrake.active{background:linear-gradient(180deg,#a8f0fc,#8fe9f8 40%,#5bd9ee);box-shadow:0 0 0 6px #5bd9eea6,0 2px #0003}.btn-forward{background:linear-gradient(180deg,#4fc273,#2bb05b 55%,#1f7a2e)}.btn-reverse{background:linear-gradient(180deg,#e66b5c,#e63946 55%,#b0202b)}.btn-action{background:linear-gradient(180deg,#ffc56b,#f9ae3d 60%,#c77a0b);overflow:visible;transition:transform 80ms ease,box-shadow .2s ease}.btn-action.charge-full{box-shadow:0 0 0 5px #e6394699,0 2px #0003}#charge-ring-svg{position:absolute;top:50%;left:50%;width:84px;height:84px;pointer-events:none;transform:translate(-50%,-50%) rotate(-90deg);z-index:3}#btn-pause,#btn-camera{position:fixed;top:14px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#0b1a3899;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:50;touch-action:none;overflow:hidden;transition:transform 80ms ease,box-shadow 80ms ease}#btn-pause:active,#btn-camera:active{transform:translateY(1px);box-shadow:0 0 #0000}#btn-pause{right:14px}#btn-camera{right:70px}#btn-pause .icon-play,#btn-pause.is-paused .icon-pause{display:none}#btn-pause.is-paused .icon-play{display:block}.panel-stripe{height:5px;flex-shrink:0;background:linear-gradient(90deg,#e63946 0% 33.33%,#fff 33.33% 66.66%,#003087 66.66% 100%)}.panel-body{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:22px 28px 28px}.panel-body--center{align-items:center;text-align:center}.panel-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:14px 20px;font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:16px;letter-spacing:.02em;border-radius:12px;border:1px solid rgba(0,0,0,.2);cursor:pointer;position:relative;overflow:hidden;color:#fff;background:linear-gradient(180deg,#ffc56b,#f9ae3d 55%,#c77a0b);box-shadow:0 2px #00000059;transition:transform 80ms ease,box-shadow 80ms ease;-webkit-text-stroke:.5px rgba(0,0,0,.25);paint-order:stroke fill}.panel-btn:before{content:"";position:absolute;inset:1px 1px auto;height:40%;background:linear-gradient(180deg,#ffffff47,#fff0);border-radius:inherit;pointer-events:none}.panel-btn:active{transform:translateY(1px);box-shadow:0 0 #00000059}.panel-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.18);color:#fff9;font-size:14px;box-shadow:none;-webkit-text-stroke:0}.panel-btn--ghost:before{display:none}.panel-btn--ghost:active{background:#ffffff0f;box-shadow:none}.panel-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:4px}#pause-menu{position:fixed;inset:0;background:#000000ad;display:flex;align-items:center;justify-content:center;z-index:60}#pause-panel{display:flex;flex-direction:column;background:#f5f0e8;border:1px solid rgba(0,0,0,.08);border-radius:22px;min-width:280px;max-width:360px;width:calc(100vw - 56px);overflow:hidden;box-shadow:0 6px 28px #0000003d}#pause-title{font-family:Fredoka,system-ui,sans-serif;font-style:italic;font-weight:700;font-size:34px;letter-spacing:.04em;color:#0b1a38;margin:0;text-align:left;line-height:1}#pause-subtitle{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#0b1a3873;margin-top:4px;margin-bottom:6px;text-align:left}#btn-resume{background:linear-gradient(180deg,#ffc56b,#f9ae3d 55%,#c77a0b)}#btn-restart,#btn-controls,#btn-missions{background:linear-gradient(180deg,#3a6cb8,#1e4290 55%,#0d2a6e)}#mission-start,#mission-complete,#mission-fail,#login-modal,#missions-modal{position:fixed;inset:0;background:#000000ad;display:flex;align-items:center;justify-content:center;z-index:95;animation:mission-panel-in .3s ease}@keyframes mission-panel-in{0%{opacity:0}to{opacity:1}}.mission-panel{background:#f5f0e8;border-radius:20px;min-width:280px;max-width:400px;width:calc(100vw - 40px);overflow:hidden;box-shadow:0 8px 36px #0000004d}.mission-panel--wide{max-width:460px}#mission-complete .panel-btn-row,#mission-fail .panel-btn-row{gap:8px}#mission-complete .panel-btn-row .panel-btn,#mission-fail .panel-btn-row .panel-btn{padding-left:6px;padding-right:6px;font-size:14px}#mission-complete .panel-btn-row .panel-btn:not(.panel-btn--ghost),#mission-fail .panel-btn-row .panel-btn:not(.panel-btn--ghost){flex:1.5}.mission-panel-header{padding:16px 22px 18px}.mission-panel-header--blue{background:linear-gradient(160deg,#1e4290,#0d2a6e)}.mission-panel-header--green{background:linear-gradient(160deg,#2bb05b,#1a7a3a)}.mission-panel-header--red{background:linear-gradient(160deg,#e63946,#b0202b)}.panel-header-label{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#f9ae3d;margin-bottom:4px}.mission-panel-header--green .panel-header-label,.mission-panel-header--red .panel-header-label{color:#ffffffd9}.panel-header-title{font-family:Fredoka,system-ui,sans-serif;font-style:italic;font-weight:700;font-size:28px;color:#fff;margin:0;line-height:1.05;letter-spacing:.01em}.mission-panel-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:14px}.panel-description{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:14px;color:#0b1a38;line-height:1.45;margin:0}.panel-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.panel-stats-grid--single{grid-template-columns:1fr}.panel-stat-box{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:10px 14px}.stat-box-label{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.stat-box-label--blue{color:#3a6cb8}.stat-box-label--red{color:#e63946}.stat-box-label--green{color:#2bb05b}.stat-box-value{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:26px;color:#0b1a38;font-variant-numeric:tabular-nums;line-height:1.1}.stat-box-value--red{color:#e63946}.stat-box-value--green{color:#2bb05b}.panel-btn-row{display:flex;gap:10px;margin-top:2px}.panel-btn-row .panel-btn{flex:2}.panel-btn-row .panel-btn--ghost{flex:1}.mission-panel-body .panel-btn--ghost,#pause-panel .panel-btn--ghost{background:#ffffffb3;border:1px solid rgba(0,0,0,.1);color:#0b1a38;box-shadow:none;-webkit-text-stroke:0;paint-order:unset}.mission-panel-body .panel-btn--ghost:before,#pause-panel .panel-btn--ghost:before{display:none}.mission-panel-body .panel-btn--ghost:active,#pause-panel .panel-btn--ghost:active{background:#ffffffe6;box-shadow:none}.hidden{display:none!important}.missions-panel{max-height:85dvh;display:flex;flex-direction:column}.missions-panel-body{padding:16px 16px 20px;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:0}.missions-progress-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.missions-progress-label{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#0b1a3873}.missions-progress-count{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:14px;color:#0b1a38}.missions-progress-count .progress-done{color:#f9ae3d}.missions-progress-track{height:8px;border-radius:100px;background:#d8d0c4;overflow:hidden}.missions-progress-fill{height:100%;background:linear-gradient(90deg,#ffc56b,#f9ae3d);border-radius:100px;transition:width .4s ease}.missions-list{overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:5px;-webkit-overflow-scrolling:touch}.missions-list::-webkit-scrollbar{display:none}.missions-tier-header{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#0b1a3861;padding-top:10px;padding-bottom:2px;flex-shrink:0}.missions-tier-header:first-child{padding-top:0}.mission-card{background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;flex-shrink:0}.mission-card--current{border-left:3px solid #F9AE3D}.mission-card--locked{opacity:.42}.mission-card-info{flex:1;min-width:0}.mission-card-title{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:14px;color:#0b1a38;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.mission-card-sub{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:11px;color:#0b1a387a;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mission-card-replay{flex-shrink:0;font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(180deg,#ffc56b,#f9ae3d 55%,#c77a0b);color:#5a2800;border:none;border-radius:100px;padding:5px 13px;cursor:pointer;box-shadow:0 2px 6px #00000026;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mission-card-replay:active{opacity:.78}.mission-card-badge{flex-shrink:0;font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#f9ae3d;border:1.5px solid #F9AE3D;border-radius:100px;padding:3px 8px}.mission-card-lock{flex-shrink:0;color:#0b1a3859}.missions-close-btn{align-self:center;flex:0!important;min-width:120px}#game-root{position:fixed;inset:0;clip-path:circle(0% at 50% 50%)}@keyframes iris-close{0%{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0% at 50% 50%)}}@keyframes iris-open{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}#start-screen.iris-closing{animation:iris-close .5s ease-in forwards}#game-root.iris-opening{animation:iris-open .5s ease-out forwards}#mission-hud{position:fixed;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:0;height:32px;background:#0b1a38c7;border:1px solid rgba(255,255,255,.1);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;padding:0 14px;color:#fff;pointer-events:none;max-width:calc(100vw - 180px);overflow:hidden}#hud-pill-label{display:flex;align-items:center;gap:5px;min-width:0;flex-shrink:1}.hud-pill-dot{color:#ffffff59;font-size:12px;line-height:1;flex-shrink:0}.hud-pill-bar{width:1px;height:16px;background:#fff3;margin:0 8px;flex-shrink:0}#hud-pill-deliveries{display:flex;align-items:center;gap:5px;flex-shrink:0}#hud-mission-title{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:12px;color:#f9ae3d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28vw}#hud-mission-meta{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:12px;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:28vw}.hud-stat{display:flex;align-items:center;gap:5px;flex-shrink:0}#hud-timer{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#fff;transition:color .3s ease}#hud-timer.timer-urgent{color:#e63946;animation:pulse-red .5s ease-in-out infinite alternate}@keyframes pulse-red{0%{opacity:1}to{opacity:.6}}.hud-restart-btn{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff9;cursor:pointer;flex-shrink:0;margin-left:8px;transition:background .15s,color .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.hud-restart-btn:hover{background:#ffffff2e;color:#fff;border-color:#ffffff59}.hud-restart-btn:active{background:#ffffff47;color:#fff}#hud-deliveries{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#fff}#rain-overlay{position:fixed;inset:0;pointer-events:none;display:none;mix-blend-mode:screen}#storm-vignette{position:fixed;inset:0;pointer-events:none;box-shadow:none}#window-rain{position:fixed;inset:0;pointer-events:none;overflow:hidden}#window-rain.hidden{display:none}.wr-drop{position:absolute;border-radius:100%;background:linear-gradient(180deg,#1b2431,#fff);opacity:.5;filter:blur(.5px);mix-blend-mode:overlay;animation:wr-streaking ease infinite}.wr-shadow{position:absolute;border-radius:100%;box-shadow:0 0 0 2px #0000001a;animation:wr-streaking ease infinite}@keyframes wr-streaking{0%{opacity:0;transform:rotateY(180deg)}5%{opacity:.5}50%{transform:translateY(15vh) rotateY(180deg)}to{transform:translateY(60vh) rotateY(180deg)}}#heat-vignette{position:fixed;inset:0;pointer-events:none;box-shadow:none}#hud-temp{position:fixed;top:70px;right:106px;width:84px;height:72px;background:#0b1a38c7;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000047;pointer-events:none}#temp-readout{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px;color:#fff}#temp-label{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:18px;line-height:1;letter-spacing:-.01em;transition:color .25s}#temp-label.danger{color:#ef4444}#temp-sublabel{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:9px;text-transform:uppercase;letter-spacing:1.6px;opacity:.6;margin-top:2px}#hud-speedo{position:fixed;top:70px;right:14px;width:84px;height:72px;background:#0b1a38c7;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000047;pointer-events:none}#speedo-svg,#temp-svg,#puzzle-svg{width:100%;height:100%}#speedo-readout{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px;color:#fff}#hud-speed{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:26px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}#speedo-label{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:9px;text-transform:uppercase;letter-spacing:1.6px;opacity:.6;margin-top:2px}#pkg-select-hud{position:fixed;top:150px;right:14px}.ph-pkg-select{width:180px;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 2px;background:#0b1a38c7;border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 2px 8px #00000047}.ph-pkg-select__chev{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:0;cursor:pointer;transition:opacity .12s ease}.ph-pkg-select__chev:disabled{opacity:.25;cursor:default}.ph-pkg-select__center{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;min-width:0}.ph-pkg-select__glyph{display:block;flex-shrink:0}.ph-pkg-select__info{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.ph-pkg-select__name{font-family:Nunito,system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#ff6b35;line-height:1;white-space:nowrap}.ph-pkg-select__count{font-family:Nunito,system-ui,sans-serif;font-size:10px;font-weight:700;color:#ffffffbf;line-height:1}#hud-puzzle-gauge{position:fixed;top:70px;right:106px;width:84px;height:72px;background:#0b1a38c7;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000047;pointer-events:none}#puzzle-readout{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px;color:#fff}#puzzle-label{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:14px;line-height:1;letter-spacing:-.01em;color:#ffc56b;transition:color .25s}#puzzle-sublabel{font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:9px;text-transform:uppercase;letter-spacing:1.6px;opacity:.6;margin-top:2px}#error-overlay{position:fixed;inset:0;z-index:999999;background:#0b1a38f2;display:flex;align-items:center;justify-content:center;padding:20px;font-family:Nunito,system-ui,sans-serif}#error-panel{background:#f5f0e8;border-radius:16px;overflow:hidden;max-width:480px;width:100%;box-shadow:0 8px 40px #0000008c}#error-header{background:#e63946;padding:12px 20px;font-family:Fredoka,system-ui,sans-serif;color:#fff;font-size:18px;font-weight:700;letter-spacing:1.5px}#error-body{padding:16px 20px 20px}#error-msg{font-size:14px;font-weight:800;color:#1a1a2e;margin:0 0 12px;word-break:break-word;line-height:1.4}#error-detail{font-family:Courier New,Courier,monospace;font-size:10px;color:#555;background:#e4dfd6;padding:10px 12px;border-radius:8px;overflow-x:auto;max-height:180px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin:0 0 14px;line-height:1.5}#error-detail:empty{display:none}#error-reload{display:block;margin:0 auto;padding:10px 32px;background:#1d3a8a;color:#fff;font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:13px;letter-spacing:1.2px;border:none;border-radius:999px;cursor:pointer;transition:background .12s ease}#error-reload:active{background:#162d6e}#hud-minimap{position:fixed;top:14px;left:14px;display:none;flex-direction:column;align-items:center;gap:4px;pointer-events:none;z-index:50}#hud-minimap.visible{display:flex}#minimap-svg{border-radius:50%;box-shadow:0 4px 12px #00000059}#minimap-dist{padding:3px 10px;border-radius:999px;background:#0b1a38d9;border:1px solid rgba(255,255,255,.15);color:#fff;font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.5px}#controls-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);color:#ffffff59;font-family:Nunito,system-ui,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.08em;pointer-events:none}#tutorial-modal{position:fixed;inset:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:88;animation:mission-panel-in .3s ease}#tutorial-panel{background:#f5f0e8;border-radius:22px;min-width:280px;max-width:400px;width:calc(100vw - 40px);max-height:calc(100dvh - 24px);overflow-y:auto;box-shadow:0 8px 36px #0000004d;display:flex;flex-direction:column}#tutorial-header{padding:16px 22px 18px;background:linear-gradient(160deg,#1e4290,#0d2a6e)}.tutorial-eyebrow{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#f9ae3d;margin-bottom:4px}#tutorial-title{font-family:Fredoka,system-ui,sans-serif;font-style:italic;font-weight:700;font-size:28px;color:#fff;margin:0;line-height:1.05}#tutorial-viewport{overflow:hidden;width:100%}#tutorial-track{display:flex;will-change:transform;transition:transform .32s cubic-bezier(.4,0,.2,1)}.tutorial-card{flex:0 0 100%;padding:20px 22px 12px;display:flex;flex-direction:column;gap:5px}.tutorial-card-num{font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-size:34px;color:#f9ae3d;line-height:1}.tutorial-card-heading{font-family:Fredoka,system-ui,sans-serif;font-weight:700;font-style:italic;font-size:22px;color:#0b1a38;line-height:1.1}.tutorial-card-body{font-family:Nunito,system-ui,sans-serif;font-weight:700;font-size:14px;color:#0b1a38;line-height:1.5;margin:0}.tutorial-card-body strong{color:#1e4290}#tutorial-dots{display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 0 4px}.tutorial-dot{width:7px;height:7px;border-radius:50%;background:#0b1a382e;transition:background .2s ease,width .2s ease,border-radius .2s ease}.tutorial-dot.active{background:#f9ae3d;width:18px;border-radius:4px}#tutorial-btn-row{display:flex;gap:10px;padding:8px 20px 20px}#tutorial-btn-row .panel-btn{flex:2}#tutorial-btn-row .panel-btn--ghost{flex:1;color:#0b1a388c;border-color:#0b1a3840}#tutorial-btn-row .panel-btn--ghost:active{background:#0b1a3814}@media(max-height:500px){#tutorial-header{padding:10px 22px 12px}#tutorial-title{font-size:22px}.tutorial-card{padding:10px 22px 6px;gap:3px}.tutorial-card-num{font-size:24px}.tutorial-card-heading{font-size:18px}.tutorial-card-body{font-size:13px;line-height:1.4}#tutorial-dots{padding:6px 0 2px}#tutorial-btn-row{padding:6px 20px 14px}}#tutorial-prompt{position:fixed;bottom:180px;left:50%;transform:translate(-50%);background:#0b1a38e6;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 20px;color:#fff;font-family:Nunito,system-ui,sans-serif;font-weight:800;font-size:13px;white-space:nowrap;pointer-events:none;z-index:55;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d;animation:prompt-in .3s ease}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(pointer:coarse){#tutorial-prompt{bottom:220px}}#vehicle-select{position:fixed;inset:0;z-index:85;background:linear-gradient(to bottom,#5fa8d8,#87ceeb 48%,#5cb85c 52%,#3d8a1a);display:flex;align-items:stretch}#vs-layout{display:flex;flex-direction:row;width:100%;height:100%}#vs-left{flex:1 1 55%;position:relative;overflow:hidden;touch-action:none}#vs-canvas{display:block;width:100%;height:100%}#vs-drag-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#ffffff8c;font-family:monospace;font-size:.72rem;letter-spacing:.12em;pointer-events:none;white-space:nowrap}#vs-right{flex:0 0 320px;display:flex;flex-direction:column;gap:0;background:#081226e6;border-left:2px solid rgba(255,255,255,.12);padding:22px 24px 20px;overflow-y:auto}#vs-id-section{margin-bottom:6px}#vs-id-row{display:flex;align-items:center;gap:10px}#vs-id-number{font-family:monospace;font-size:2rem;font-weight:700;color:#fff;letter-spacing:.22em;cursor:pointer;border-bottom:2px dashed rgba(255,255,255,.35);padding-bottom:2px;transition:border-color .15s;user-select:none}#vs-id-number:hover{border-color:#ffffffbf}#vs-id-refresh{background:#ffffff1a;border:2px solid rgba(255,255,255,.28);border-radius:50%;width:40px;height:40px;font-size:1.3rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .25s ease;flex-shrink:0}#vs-id-refresh:active{background:#ffffff38;transform:rotate(180deg)}#vs-id-label{font-family:monospace;font-size:.62rem;letter-spacing:.18em;color:#ffffff61;margin-top:5px}#vs-nickname{font-family:monospace;font-size:1.05rem;font-weight:700;color:#ffd060;letter-spacing:.04em;margin-top:4px;margin-bottom:18px;line-height:1.3}#vs-stats{display:flex;flex-direction:column;gap:10px;flex:1;margin-bottom:18px}.stat-row{display:flex;flex-direction:column;gap:5px}.stat-label{font-family:monospace;font-size:.68rem;letter-spacing:.14em;color:#fff9;text-transform:uppercase}.stat-track{height:10px;background:#ffffff14;border-radius:5px;overflow:hidden}.stat-fill{height:100%;border-radius:5px;width:0%;transition:width .45s cubic-bezier(.4,0,.2,1),background .45s ease}#vs-nav{display:flex;gap:12px;margin-top:auto}#vs-back{flex:0 0 auto;padding:.7rem 1rem;font-family:monospace;font-size:.85rem;font-weight:700;letter-spacing:.06em;color:#ffffffbf;background:#ffffff12;border:2px solid rgba(255,255,255,.22);border-radius:10px;cursor:pointer;white-space:nowrap;transition:background .15s}#vs-back:active{background:#ffffff29}#vs-start{flex:1;padding:.7rem .6rem;font-family:monospace;font-size:.92rem;font-weight:700;letter-spacing:.08em;color:#fff;background:#28b450e6;border:3px solid rgba(80,220,100,.7);border-radius:10px;cursor:pointer;white-space:nowrap;box-shadow:0 4px 16px #28b45066;transition:filter .1s}#vs-start:active{filter:brightness(1.2)}#vs-id-modal{border:2px solid rgba(255,255,255,.18);border-radius:16px;background:#0c1630f7;color:#fff;padding:28px 30px;min-width:272px;box-shadow:0 8px 40px #000000bf}#vs-id-modal::backdrop{background:#0000008c}#vs-modal-content h3{font-family:monospace;font-size:.95rem;letter-spacing:.2em;margin-bottom:6px}#vs-modal-content p{font-family:monospace;font-size:.72rem;color:#ffffff73;margin-bottom:16px;letter-spacing:.04em}#vs-id-modal-input{width:100%;font-family:monospace;font-size:1.8rem;font-weight:700;letter-spacing:.3em;text-align:center;color:#fff;background:#ffffff12;border:2px solid rgba(255,255,255,.28);border-radius:8px;padding:10px 8px;margin-bottom:20px;outline:none;-webkit-appearance:none}#vs-id-modal-input:focus{border-color:#64b4ffb3}#vs-modal-buttons{display:flex;gap:12px}#vs-modal-cancel{flex:1;padding:.62rem;font-family:monospace;font-size:.9rem;font-weight:700;color:#ffffffa6;background:#ffffff12;border:2px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer}#vs-modal-ok{flex:1;padding:.62rem;font-family:monospace;font-size:.9rem;font-weight:700;color:#fff;background:#28b450d9;border:2px solid rgba(80,220,100,.6);border-radius:8px;cursor:pointer}#rotate-prompt{display:none;position:fixed;inset:0;z-index:300;background:#060e23f7;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px;text-align:center;color:#fff}.rotate-logo{width:140px;height:auto;opacity:.9}.rotate-heading{font-family:Nunito,system-ui,sans-serif;font-weight:900;font-size:22px;margin:0;letter-spacing:-.01em}.rotate-sub{font-family:Nunito,system-ui,sans-serif;font-weight:600;font-size:14px;opacity:.65;margin:0}@media(orientation:portrait)and (pointer:coarse){#rotate-prompt{display:flex}}@media(orientation:portrait){#vs-layout{flex-direction:column}#vs-left{flex:0 0 45%}#vs-right{flex:1;border-left:none;border-top:2px solid rgba(255,255,255,.12)}}@media(orientation:landscape)and (pointer:coarse)and (max-height:500px){#hud-speedo{top:66px;right:12px;width:74px;height:60px}#hud-speed{font-size:20px}#speedo-readout{padding-bottom:6px}#hud-temp{top:66px;right:94px;width:74px;height:60px}#temp-label{font-size:15px}#temp-readout{padding-bottom:6px}#hud-puzzle-gauge{top:66px;right:94px;width:74px;height:60px}#puzzle-label{font-size:12px}#puzzle-readout{padding-bottom:6px}#joystick{width:96px;height:96px;bottom:12px;left:12px}#joystick-knob{width:60px;height:60px}#pkg-select-hud{top:134px;right:12px}#throttle-controls{bottom:12px;right:12px}#btn-cluster{width:130px;height:130px}.btn-cluster-btn{width:50px;height:50px}#btn-handbrake{top:0;left:40px}#btn-action{top:40px;left:0}#btn-reverse{top:40px;left:80px}#btn-forward{top:80px;left:40px}#charge-ring-svg{width:66px;height:66px}}