@import"https://fonts.googleapis.com/css2?family=Bungee&family=Nunito:wght@600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:-webkit-fill-available;overflow:hidden;font-family:Nunito,Segoe UI,system-ui,sans-serif;background:#0a0a12;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body.game-active{touch-action:none;overscroll-behavior:none}body.game-active #app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 90% 75% at 50% 45%,transparent 50%,rgba(0,0,0,.35) 100%),linear-gradient(180deg,rgba(0,0,0,.12) 0%,transparent 18%,transparent 82%,rgba(0,0,0,.2) 100%)}#app{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;height:100svh;overflow:hidden}#game-canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%;touch-action:none;-webkit-touch-callout:none}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;touch-action:none;overflow:hidden}#ui-root>*{pointer-events:auto}.screen-blur{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at center,transparent 35%,rgba(8,6,20,.72) 100%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .25s}.screen-blur.hidden{display:none}.screen-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;overflow-y:auto;z-index:2}.screen-glass{background:linear-gradient(180deg,#080a188c,#0c081cb8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.animated-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1;pointer-events:none}.backdrop-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,#1a0533,#2d1b69 18%,#ff6f3c 42%,#ffb347 58%,#4a148c 78%,#0d0221);background-size:200% 200%;animation:sky-drift 14s ease-in-out infinite alternate}.backdrop-aurora{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(ellipse 60% 40% at 20% 30%,rgba(118,255,3,.22),transparent 55%),radial-gradient(ellipse 50% 35% at 80% 25%,rgba(0,229,255,.18),transparent 50%),radial-gradient(ellipse 45% 30% at 50% 60%,rgba(255,213,79,.15),transparent 55%);animation:aurora-shift 10s ease-in-out infinite alternate}.backdrop-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1px 1px at 10% 15%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 25% 8%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 40% 22%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 55% 12%,rgba(255,213,79,.8),transparent),radial-gradient(1px 1px at 70% 18%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 85% 10%,rgba(255,255,255,.65),transparent),radial-gradient(1px 1px at 15% 35%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 92% 28%,rgba(118,255,3,.6),transparent),radial-gradient(1.5px 1.5px at 62% 32%,rgba(255,255,255,.55),transparent);animation:stars-twinkle 4s ease-in-out infinite alternate}.backdrop-city{position:absolute;bottom:28%;left:0;right:0;height:18%;background:linear-gradient(to top,rgba(0,0,0,.5),transparent),repeating-linear-gradient(90deg,transparent,transparent 18px,rgba(255,213,79,.08) 18px,rgba(255,213,79,.08) 20px);clip-path:polygon(0% 100%,0% 60%,3% 45%,5% 70%,8% 35%,11% 55%,14% 25%,17% 50%,20% 30%,23% 65%,26% 40%,29% 55%,32% 20%,35% 45%,38% 60%,41% 35%,44% 50%,47% 25%,50% 55%,53% 30%,56% 65%,59% 40%,62% 50%,65% 20%,68% 45%,71% 60%,74% 35%,77% 55%,80% 25%,83% 50%,86% 40%,89% 65%,92% 30%,95% 55%,98% 45%,100% 70%,100% 100%);opacity:.55}.backdrop-road{position:absolute;bottom:0;left:-10%;right:-10%;height:32%;background:linear-gradient(180deg,#37474f,#263238 40%,#1a1a22);transform:perspective(400px) rotateX(52deg);transform-origin:bottom center;border-top:3px solid rgba(255,213,79,.35)}.backdrop-road:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:4%;height:100%;background:repeating-linear-gradient(180deg,#FFD54F 0px,#FFD54F 24px,transparent 24px,transparent 48px);opacity:.7;animation:road-scroll 1.2s linear infinite}.backdrop-glow{position:absolute;border-radius:50%;filter:blur(60px);animation:glow-pulse 6s ease-in-out infinite alternate}.backdrop-glow-a{width:280px;height:280px;background:#ff8a6559;top:10%;left:-5%}.backdrop-glow-b{width:220px;height:220px;background:#76ff0340;bottom:25%;right:-5%;animation-delay:-3s}.float-icon{position:absolute;font-size:clamp(1.4rem,4vw,2.2rem);filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));animation:float-drift 8s ease-in-out infinite}.fi-1{top:12%;left:8%;animation-duration:9s}.fi-2{top:22%;right:12%;animation-duration:11s;animation-delay:-2s}.fi-3{top:8%;right:28%;animation-duration:7s;animation-delay:-4s;font-size:clamp(1.8rem,5vw,2.8rem)}.fi-4{bottom:38%;left:6%;animation-duration:10s;animation-delay:-1s}.fi-5{bottom:45%;right:8%;animation-duration:8s;animation-delay:-3s}.fi-6{top:35%;left:18%;animation-duration:12s;animation-delay:-5s}.fi-7{top:18%;left:42%;animation-duration:9s;animation-delay:-2.5s}.fi-8{bottom:52%;left:38%;animation-duration:10s;animation-delay:-6s}.backdrop-glow-c{width:180px;height:180px;background:#00e5ff47;top:42%;left:55%;animation-delay:-1.5s}.backdrop-shooting-stars{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.shoot-star{position:absolute;width:80px;height:2px;background:linear-gradient(90deg,#fff0,#fffffff2,#80deea00);border-radius:2px;opacity:0;animation:shoot-streak 5s ease-in infinite;transform:rotate(-35deg)}.ss-1{top:14%;left:70%;animation-delay:0s}.ss-2{top:28%;left:15%;animation-delay:2.2s;animation-duration:4.2s}.ss-3{top:8%;left:40%;animation-delay:4.1s;animation-duration:3.8s;width:60px}@keyframes shoot-streak{0%,78%,to{opacity:0;transform:rotate(-35deg) translate(0)}82%{opacity:1}95%{opacity:0;transform:rotate(-35deg) translate(-120px) translateY(60px)}}@keyframes sky-drift{0%{background-position:0% 0%}to{background-position:100% 100%}}@keyframes aurora-shift{0%{transform:translate(0) scale(1);opacity:.85}to{transform:translate(3%,-2%) scale(1.05);opacity:1}}@keyframes stars-twinkle{0%{opacity:.6}to{opacity:1}}@keyframes road-scroll{0%{background-position:0 0}to{background-position:0 48px}}@keyframes glow-pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.15);opacity:.9}}@keyframes float-drift{0%,to{transform:translate(0) rotate(-5deg)}33%{transform:translate(12px,-18px) rotate(5deg)}66%{transform:translate(-8px,-10px) rotate(-3deg)}}.screen-header{display:flex;align-items:center;gap:20px;margin-bottom:8px}h1{font-size:clamp(2rem,5vw,3rem);font-weight:900;background:linear-gradient(135deg,#ffd54f,#ff8a65,#ff5252);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:#ffffffbf;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;text-shadow:0 2px 8px rgba(0,0,0,.4)}.menu-screen{justify-content:center;padding:16px;background:transparent}.menu-hero-card{position:relative;width:100%;max-width:440px;padding:28px 22px 22px;border-radius:28px;background:linear-gradient(165deg,#0e0c20e0,#080a18eb);border:1px solid rgba(255,213,79,.28);box-shadow:0 0 0 1px #00e5ff14 inset,0 24px 80px #0000008c,0 0 48px #ff8a651f,0 0 80px #76ff0314;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:menu-rise .65s cubic-bezier(.22,1,.36,1) both;overflow:hidden}.menu-hero-glow{position:absolute;top:-40%;left:50%;transform:translate(-50%);width:120%;height:55%;background:radial-gradient(ellipse,rgba(255,213,79,.22) 0%,transparent 70%);pointer-events:none;animation:hero-glow-pulse 4s ease-in-out infinite alternate}@keyframes menu-rise{0%{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-glow-pulse{0%{opacity:.65;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.08)}}.logo-wrap{text-align:center;margin-bottom:1.35rem;position:relative;z-index:1}.logo-emblem{position:relative;width:72px;height:72px;margin:0 auto 12px;display:grid;place-items:center}.logo-emblem-icon{font-size:2.4rem;filter:drop-shadow(0 4px 16px rgba(255,213,79,.45));animation:bob 2.2s ease-in-out infinite;z-index:1}.logo-emblem-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(0,229,255,.45);box-shadow:0 0 24px #00e5ff40,inset 0 0 20px #ffd54f26;animation:emblem-spin 8s linear infinite}.logo-emblem-ring:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid transparent;border-top-color:#ffd54fe6;border-right-color:#ff8a6580}@keyframes emblem-spin{to{transform:rotate(360deg)}}.game-title{display:flex;align-items:center;justify-content:center;gap:.12em;margin:0;line-height:.95;font-family:Bungee,Nunito,system-ui,sans-serif;font-size:clamp(2.75rem,11vw,4rem);font-weight:400;letter-spacing:.02em;-webkit-text-fill-color:unset;background:none;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35)) drop-shadow(0 0 28px rgba(255,213,79,.35))}.title-mail{color:#e0f7fa;text-shadow:0 0 20px rgba(0,229,255,.55),0 2px 0 #006064}.title-run{background:linear-gradient(180deg,#fff176,#ff9800 45%,#ff5722);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:title-shine 3s ease-in-out infinite alternate}@keyframes title-shine{0%{filter:brightness(1)}to{filter:brightness(1.15)}}.game-tagline{margin-top:.55rem;font-size:.95rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffffff9e;text-shadow:0 2px 8px rgba(0,0,0,.45)}.btn-hero{width:100%;max-width:280px;font-size:1.15rem;padding:16px 28px;letter-spacing:.04em;text-transform:uppercase;font-weight:900}.btn-hero-secondary{width:100%;max-width:280px}.stat-pill-glow{border-color:#ffd54f73;box-shadow:0 0 16px #ffd54f33}.logo-icon{font-size:4rem;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.menu-stats{display:flex;gap:12px;margin-bottom:1.25rem;justify-content:center;flex-wrap:wrap}.character-select{width:100%;max-width:520px;margin:0 auto 1.25rem;position:relative;z-index:1}.character-select-label{text-align:center;font-size:.85rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#ffffff8c;margin-bottom:10px}.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.character-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px 10px;border-radius:14px;border:2px solid rgba(255,255,255,.12);background:#ffffff0f;cursor:pointer;transition:border-color .15s,background .15s,transform .15s;font-family:inherit;color:inherit}.character-card:hover{background:#ffffff1a;transform:translateY(-2px)}.character-card.selected{border-color:#ffd54f;background:#ffd54f1f;box-shadow:0 0 20px #ffd54f33}.character-preview{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:radial-gradient(circle at 50% 35%,#ffffff24,#00000059);border:1px solid rgba(255,255,255,.15);overflow:hidden}.character-preview-img{width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45));pointer-events:none;-webkit-user-select:none;user-select:none}.character-name{font-weight:800;font-size:.95rem}.character-tag{font-size:.68rem;color:#ffffff80;line-height:1.2;text-align:center}@media(max-width:420px){.character-cards{gap:6px}.character-card{padding:10px 4px 8px}.character-preview{width:58px;height:58px}.character-name{font-size:.85rem}.character-tag{font-size:.62rem}}.stat-pill{background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 18px;font-weight:700;font-size:.95rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stat-pill.gold{border-color:#ffd54f66;color:#ffd54f}.stat-pill span{margin-right:4px}.menu-buttons{display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;z-index:1}.btn{border:none;padding:14px 36px;margin:6px;font-family:inherit;font-size:1rem;font-weight:800;border-radius:14px;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .15s,box-shadow .15s,filter .15s;min-width:240px}.btn:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.08)}.btn-primary{background:linear-gradient(135deg,#ffd54f,#ff8a65);color:#1a1020}.btn-glow{box-shadow:0 4px 24px #ff8a6566}.btn-glow:hover{box-shadow:0 8px 32px #ffd54f80}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-ghost{background:transparent;color:#666;min-width:auto;margin-top:16px}.btn-small{min-width:auto;padding:7px 14px;font-size:.82rem;border-radius:8px}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.district-header{width:100%;max-width:760px;margin-top:16px;padding:10px 16px;border-radius:10px;font-weight:800;font-size:.95rem}.district-sunny{background:linear-gradient(90deg,rgba(255,213,79,.15),transparent);color:#ffd54f;border-left:4px solid #ffd54f}.district-downtown{background:linear-gradient(90deg,rgba(255,138,101,.15),transparent);color:#ff8a65;border-left:4px solid #ff8a65}.district-desert{background:linear-gradient(90deg,rgba(255,183,77,.18),transparent);color:#ffb74d;border-left:4px solid #ffb74d}.district-jungle{background:linear-gradient(90deg,rgba(102,187,106,.18),transparent);color:#81c784;border-left:4px solid #66bb6a}.district-industrial{background:linear-gradient(90deg,rgba(120,144,156,.2),transparent);color:#90a4ae;border-left:4px solid #78909c}.district-neon{background:linear-gradient(90deg,rgba(234,128,252,.18),transparent);color:#ea80fc;border-left:4px solid #ea80fc}.district-blackzone{background:linear-gradient(90deg,rgba(244,67,54,.16),transparent);color:#ef5350;border-left:4px solid #e53935}.route-screen{justify-content:flex-start;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden}.route-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;max-width:820px;margin-bottom:14px;z-index:2}.route-back{min-width:auto!important;padding:10px 14px!important;margin:0!important;font-size:.88rem!important}.route-title-block{min-width:0;text-align:center}.route-eyebrow{display:block;font-size:.62rem;font-weight:900;letter-spacing:.18em;color:#00e5ffbf;margin-bottom:2px}.route-title-block h1{font-family:Bungee,Nunito,sans-serif;font-size:clamp(1.35rem,5vw,1.85rem);background:linear-gradient(135deg,#ffd54f,#ff8a65,#ea80fc);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}.route-coins{margin:0!important;font-size:.88rem!important;padding:8px 14px!important}.route-scroll{width:100%;max-width:820px;flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:8px;z-index:2}.route-district{margin-bottom:18px;padding:14px;border-radius:18px;background:linear-gradient(145deg,#0a0c1cb8,#120a208c);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.route-district.district-sunny{border-color:#ffd54f38}.route-district.district-downtown{border-color:#ff8a6538}.route-district.district-desert{border-color:#ffb74d38}.route-district.district-jungle{border-color:#66bb6a38}.route-district-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin-bottom:12px}.route-district-icon{font-size:1.75rem;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12)}.route-district-copy h2{font-size:1rem;font-weight:900;margin-bottom:2px}.route-district-copy p{font-size:.74rem;color:#ffffff8c;line-height:1.35}.route-district-progress{font-size:.78rem;font-weight:900;color:#ffd54f;background:#ffd54f1f;border:1px solid rgba(255,213,79,.25);border-radius:999px;padding:6px 10px}.route-level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px}.route-level-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 12px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#ffffff1a,#ffffff08);color:#fff;font-family:inherit;text-align:left;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s;overflow:hidden}.route-level-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(0,229,255,.08),transparent 55%);opacity:0;transition:opacity .16s;pointer-events:none}.route-level-card:hover:not(.locked){transform:translateY(-3px);border-color:#00e5ff59;box-shadow:0 10px 28px #00e5ff1f}.route-level-card:hover:not(.locked):after{opacity:1}.route-level-card.perfect{border-color:#ffd54f73}.route-level-card.boss{border-color:#ff525259;background:linear-gradient(160deg,#ff52521f,#ffffff0a)}.route-level-card.locked{opacity:.32;cursor:not-allowed;transform:none!important}.rlc-id{font-size:.68rem;font-weight:900;color:#ffffff73;letter-spacing:.06em}.rlc-name{font-size:.86rem;font-weight:900;line-height:1.25;min-height:2.2em}.rlc-stars{color:#ffd54f;font-size:.82rem;letter-spacing:1px;margin-top:auto}.rlc-boss-tag{position:absolute;top:8px;right:8px;font-size:.58rem;font-weight:900;letter-spacing:.08em;color:#ff8a80;background:#ff52522e;border:1px solid rgba(255,82,82,.35);border-radius:999px;padding:2px 7px}.mission-screen{justify-content:center;padding:max(16px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));overflow-y:auto;touch-action:pan-y}.mission-card{width:100%;max-width:560px;padding:22px 22px 18px;border-radius:22px;background:linear-gradient(165deg,#0c0e20e0,#140a24c7);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 48px #00000073,0 0 0 1px #00e5ff14 inset,0 0 40px #ff8a6514;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2}.mission-screen.district-downtown .mission-card{box-shadow:0 16px 48px #00000073,0 0 40px #ff8a651f}.mission-screen.district-sunny .mission-card{box-shadow:0 16px 48px #00000073,0 0 40px #ffd54f1a}.mission-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.mission-district{font-size:.78rem;font-weight:900;color:#ffd54f;background:#ffd54f1f;border:1px solid rgba(255,213,79,.28);border-radius:999px;padding:5px 12px}.mission-id{font-size:.72rem;font-weight:800;color:#ffffff73;letter-spacing:.06em}.mission-title{font-family:Bungee,Nunito,sans-serif;font-size:clamp(1.5rem,6vw,2rem);line-height:1.05;margin-bottom:14px;background:linear-gradient(135deg,#fff8e1,#ffd54f,#ff8a65);-webkit-background-clip:text;background-clip:text;color:transparent}.mission-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.mission-stat{font-size:.78rem;font-weight:700;color:#ffffffa6;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 12px}.mission-stat strong{color:#80deea;font-weight:900}.mission-brief{font-size:.92rem;line-height:1.55;color:#ffffffd1;margin-bottom:14px}.mission-hazards{margin-bottom:14px}.mission-hazards-label{display:block;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#ff8a65d9;margin-bottom:8px}.hazard-chips{display:flex;flex-wrap:wrap;gap:6px}.hazard-chip{font-size:.72rem;font-weight:800;color:#ffccbc;background:#ff57221f;border:1px solid rgba(255,138,101,.28);border-radius:999px;padding:5px 10px}.mission-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.mission-control{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);font-size:.76rem;font-weight:700;color:#ffffffb8;line-height:1.35}.mission-control .ctrl-icon{font-size:.95rem}.mission-control:nth-child(4),.mission-control:nth-child(5){grid-column:1 / -1}.mission-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.mission-start{min-width:280px!important;font-size:1.05rem!important}.mission-actions .btn-secondary{min-width:200px!important;margin:0!important}@media(max-width:520px){.route-header{grid-template-columns:1fr;grid-template-rows:auto auto auto}.route-back{justify-self:start}.route-coins{justify-self:end;grid-row:1;grid-column:1 / -1}.mission-controls{grid-template-columns:1fr}.mission-control:nth-child(4),.mission-control:nth-child(5){grid-column:auto}}.levels-screen{justify-content:flex-start;padding-top:20px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-width:760px;width:100%;margin:12px 0 20px}.level-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:16px 12px;cursor:pointer;text-align:center;transition:all .18s;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.level-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .18s}.level-card.district-sunny:before{background:linear-gradient(135deg,rgba(255,213,79,.1),transparent)}.level-card.district-downtown:before{background:linear-gradient(135deg,rgba(255,138,101,.1),transparent)}.level-card.district-desert:before{background:linear-gradient(135deg,rgba(255,183,77,.12),transparent)}.level-card.district-jungle:before{background:linear-gradient(135deg,rgba(102,187,106,.12),transparent)}.level-card:hover:not(.locked):before{opacity:1}.level-card:hover:not(.locked){transform:translateY(-3px);border-color:#ffd54f66}.level-card.locked{opacity:.35;cursor:not-allowed}.level-num{font-size:.75rem;color:#888;font-weight:700;margin-bottom:4px}.level-card strong{font-size:.9rem;display:block;line-height:1.3}.stars{color:#ffd54f;font-size:.85rem;margin-top:6px;letter-spacing:2px}.briefing-badge{background:#ffd54f26;border:1px solid rgba(255,213,79,.3);color:#ffd54f;padding:6px 16px;border-radius:999px;font-weight:800;font-size:.85rem;margin-bottom:12px}.briefing-hazard{color:#ffab91;font-weight:800;font-size:.88rem;margin-bottom:4px;letter-spacing:.03em}.briefing-box{max-width:560px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:20px 24px;margin:16px 0;line-height:1.6;color:#ffffffe0;font-size:.95rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:420px;margin-bottom:20px}.control-item{background:#ffffff0d;border-radius:10px;padding:10px 14px;font-size:.82rem;font-weight:700;color:#aaa}kbd{background:#ffffff1f;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.78rem;margin-right:4px}.shop-screen{justify-content:flex-start;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));overflow:hidden;min-height:0;height:100%}.shop-topbar{display:flex;align-items:center;gap:8px;width:100%;max-width:920px;flex-shrink:0;margin-bottom:6px}.shop-back-btn{flex-shrink:0;min-height:44px;min-width:auto;padding:10px 14px;font-weight:800;margin:0}.shop-title{flex:1;font-size:clamp(1rem,4.5vw,1.35rem);font-weight:900;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-coins{flex-shrink:0;margin:0;padding:8px 12px;font-size:.88rem}.shop-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;width:100%;max-width:920px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;padding-bottom:max(16px,env(safe-area-inset-bottom))}.shop-section-title{font-size:.95rem;font-weight:900;color:#ffb74d;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.06em;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.shop-section-title:first-child{margin-top:2px}.shop-section-hint{font-size:.72rem;font-weight:700;color:#888;text-transform:none;letter-spacing:0;margin-left:0}.shop-hint{color:#888;font-size:.82rem;margin-bottom:6px;max-width:920px;width:100%;flex-shrink:0;line-height:1.35}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;width:100%;margin-bottom:8px}.shop-item{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:16px;transition:border-color .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);min-width:0}.shop-item.equipped{border-color:#ffd54f;box-shadow:0 0 20px #ffd54f26}.shop-item-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.shop-cat{font-size:1.2rem;flex-shrink:0}.shop-item h3{font-size:.95rem;font-weight:800;min-width:0;word-break:break-word}.shop-item h3 small{color:#888;font-weight:600}.shop-item p{font-size:.82rem;color:#999;margin-bottom:12px;line-height:1.4}.shop-item .meta{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.price{font-weight:800;color:#ffd54f;flex-shrink:0}.shop-actions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.shop-actions .btn{min-width:auto;margin:0}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;touch-action:none}.touch-steer{position:absolute;bottom:0;width:28%;max-width:160px;height:55%;min-height:140px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:max(90px,calc(env(safe-area-inset-bottom) + 72px));pointer-events:auto;touch-action:none;z-index:2;opacity:0;transition:opacity .2s}.touch-steer-left{left:0;background:linear-gradient(90deg,rgba(66,165,245,.18),transparent)}.touch-steer-right{right:0;background:linear-gradient(-90deg,rgba(66,165,245,.18),transparent)}.steer-arrow{font-size:2rem;font-weight:900;color:#ffffff59;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.5)}.touch-steer:active{opacity:1}.touch-steer:active .steer-arrow{color:#ffffffd9}@media(hover:none)and (pointer:coarse){.touch-steer{opacity:.55}}.tap-hint{position:absolute;bottom:max(100px,calc(env(safe-area-inset-bottom) + 88px));left:50%;transform:translate(-50%);background:#ff980033;border:1px solid rgba(255,152,0,.45);color:#ffcc80;padding:8px 18px;border-radius:999px;font-size:.82rem;font-weight:800;pointer-events:none;z-index:1;transition:all .2s}.tap-hint.ready{background:#ff980059;border-color:#ff9800;color:#ffe0b2;animation:throw-ready-hint 1s infinite alternate}.tap-hint.hidden{display:none}@keyframes throw-ready-hint{0%{box-shadow:0 0 8px #ff980033}to{box-shadow:0 0 20px #ff980080}}.hud-value-lg{font-size:1.55rem;color:#ffb74d}.hud-hint{font-size:.58rem;font-weight:600;color:#888;text-transform:none;letter-spacing:0}.hud-package-badge{position:absolute;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#ff9800eb;color:#1a1020;padding:10px 22px;border-radius:999px;font-weight:900;font-size:1.35rem;z-index:5;box-shadow:0 4px 20px #ff980073;pointer-events:none}.hud-package-badge.low{animation:pkg-pulse .8s infinite alternate;background:#ff5722f2}.pkg-badge-icon{font-size:1.2rem}@keyframes pkg-pulse{0%{box-shadow:0 0 8px #ff572266}to{box-shadow:0 0 22px #ff5722cc}}.blocker-hint{position:absolute;top:max(58px,calc(env(safe-area-inset-top) + 48px));left:50%;transform:translate(-50%);background:#009688eb;color:#fff;padding:10px 18px;border-radius:12px;font-size:.82rem;font-weight:800;text-align:center;max-width:92vw;z-index:5;pointer-events:none}.blocker-hint.hidden{display:none}.blocker-hint.near-done{background:#00c853eb;animation:hint-glow .7s infinite alternate}@keyframes hint-glow{0%{box-shadow:0 0 8px #00c8534d}to{box-shadow:0 0 18px #00c853b3}}.fork-hint{position:absolute;top:max(48px,calc(env(safe-area-inset-top) + 40px));left:50%;transform:translate(-50%);background:#b71c1ce0;color:#ffcdd2;padding:7px 18px;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-align:center;z-index:6;pointer-events:none;border:1px solid rgba(255,82,82,.55);box-shadow:0 4px 16px #00000059;animation:fork-float 1.2s ease-in-out infinite alternate}.fork-hint.hidden{display:none}@keyframes fork-float{0%{opacity:.85;transform:translate(-50%) translateY(0)}to{opacity:1;transform:translate(-50%) translateY(-2px)}}.hud-hearts{position:absolute;top:max(12px,env(safe-area-inset-top));left:16px;font-size:1.5rem;letter-spacing:4px;z-index:5;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.6)}.hud-minimal{min-width:120px;top:12px;right:12px;padding:10px 12px}.hud-bottom{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);display:flex;gap:10px;pointer-events:auto;z-index:4;flex-wrap:nowrap}.hud-bottom-mobile{gap:12px}.hud-actions-right{position:absolute;right:max(10px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;pointer-events:auto;z-index:5}.hud-back-btn{border-color:#90a4ae8c}.slide-btn{border-color:#ab47bc8c}.slide-btn.ready{border-color:#ab47bc;box-shadow:0 0 16px #ab47bc59}.hud-ammo{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);font-size:1.2rem;font-weight:900;z-index:5;pointer-events:none;background:#0000008c;padding:6px 16px;border-radius:999px}.autofire-toggle{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:6;display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:2px solid rgba(255,255,255,.25);background:#000000a6;color:#ffffff8c;font-family:inherit;font-size:.72rem;font-weight:900;letter-spacing:.06em;touch-action:none;-webkit-tap-highlight-color:transparent;cursor:pointer}.autofire-toggle.on{border-color:#ffd54fa6;background:#ff980047;color:#ffe082;box-shadow:0 0 14px #ffc10759}.autofire-toggle.off{opacity:.85}.autofire-icon{font-size:1rem;line-height:1}.hud-powerup{position:absolute;top:max(48px,calc(env(safe-area-inset-top) + 36px));left:50%;transform:translate(-50%);font-size:.95rem;font-weight:900;color:#ffd54f;z-index:5;pointer-events:none;text-shadow:0 0 12px rgba(255,213,79,.8)}.hud-powerup.hidden{display:none}.hud-hearts.invincible-glow{animation:shield-pulse .5s infinite alternate;color:#e040fb}@keyframes shield-pulse{0%{text-shadow:0 0 8px #E040FB}to{text-shadow:0 0 20px #EA80FC}}.shoot-btn{border-color:#ffd54f8c}.shoot-btn.ready{border-color:#ffd54f;box-shadow:0 0 16px #ffd54f59}.jump-btn{border-color:#42a5f58c}.jump-btn.ready{border-color:#42a5f5;box-shadow:0 0 16px #42a5f559}.hud-panel{position:absolute;background:#080a14bf;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:200px;pointer-events:auto;z-index:3}.hud-left{top:16px;left:16px}.hud-right{top:16px;right:16px;min-width:160px}.hud-row{margin-bottom:10px}.hud-row:last-child{margin-bottom:0}.hud-label{font-size:.75rem;font-weight:700;color:#888;text-transform:uppercase;letter-spacing:.05em}.hud-value{font-size:1.3rem;font-weight:900;margin:2px 0 4px}.hud-stat-inline{font-weight:800;font-size:.95rem;margin-bottom:6px}.bar-wrap{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.bar-wrap.wide{width:100%}.bar-fill{height:100%;border-radius:3px;transition:width .25s}.package-bar{background:linear-gradient(90deg,#ff9800,#ffd54f)}.convoy-bar{background:linear-gradient(90deg,#42a5f5,#66bb6a)}.integrity-bar{background:linear-gradient(90deg,#ef5350,#ff7043)}.integrity-bar.danger{animation:pulse-bar .5s infinite alternate}@keyframes pulse-bar{0%{opacity:1}to{opacity:.5}}.progress-track{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin:8px 0 4px}.progress-fill{height:100%;background:linear-gradient(90deg,#ffd54f,#ff8a65);border-radius:4px;transition:width .2s;width:0%}.progress-label{font-size:.78rem;color:#888;font-weight:700;text-align:right}.combat-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-80%);background:#b40000d9;border:2px solid #FF5252;border-radius:16px;padding:16px 32px;text-align:center;animation:combat-pulse .6s infinite alternate;min-width:280px;pointer-events:none}@keyframes combat-pulse{0%{box-shadow:0 0 10px #ff00004d}to{box-shadow:0 0 30px #ff0000b3}}.combat-banner.hidden{display:none}.combat-title{font-size:1.2rem;font-weight:900;margin-bottom:8px}.combat-bar-wrap{height:10px;background:#0006;border-radius:5px;overflow:hidden;margin-bottom:6px}.combat-bar-fill{height:100%;background:#ff5252;width:100%;transition:width .15s;border-radius:5px}.combat-hint{font-size:.82rem;font-weight:700;color:#ffcdd2}.scan-prompt{position:absolute;bottom:130px;left:50%;transform:translate(-50%);background:#00b464e6;color:#000;padding:14px 28px;border-radius:16px;font-weight:900;text-align:center;animation:scan-pulse .7s infinite alternate;pointer-events:auto;z-index:5}.scan-prompt.hidden{display:none}.scan-icon{font-size:1.5rem}.scan-sub{font-size:.75rem;font-weight:700;opacity:.7;margin-top:6px}.scan-btn{margin-top:10px;padding:12px 32px;border:none;border-radius:12px;background:#000;color:#00e676;font-family:inherit;font-size:1rem;font-weight:900;cursor:pointer;touch-action:none;min-height:48px;min-width:120px}.scan-btn:active{transform:scale(.96)}@keyframes scan-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.04)}}.damage-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#ff000059;pointer-events:none;animation:flash .4s ease-out}.damage-flash.hidden{display:none}@keyframes flash{0%{opacity:1}to{opacity:0}}.action-btn{width:72px;height:72px;border-radius:50%;border:2px solid rgba(255,255,255,.2);background:#080a14d9;color:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:inherit;font-weight:800;font-size:.65rem;position:relative;transition:all .15s;touch-action:none;-webkit-tap-highlight-color:transparent}.action-btn:active{transform:scale(.94)}.action-btn:hover{transform:scale(1.06)}.action-icon{font-size:1.4rem;line-height:1}.action-sub{font-size:.6rem;color:#888;margin-top:1px}.ability-btn{border-color:#ffd54f66}.special-btn{border-color:#ff57228c;position:relative;overflow:hidden}.special-btn.ready{border-color:#ff5722;box-shadow:0 0 18px #ff572273;animation:special-ready .8s infinite alternate}.special-meter{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;pointer-events:none;display:flex;align-items:flex-end}.special-fill{width:100%;height:0%;background:linear-gradient(180deg,#ff9800,#ff5722);transition:height .12s linear;opacity:.75}.special-count{position:absolute;top:4px;right:6px;font-size:.72rem;font-weight:900;color:#ffeb3b;text-shadow:0 1px 4px rgba(0,0,0,.8)}@keyframes special-ready{0%{transform:scale(1)}to{transform:scale(1.06)}}.ability-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.ability-cd{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#000000bf;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:900}.ability-cd.hidden{display:none}.message-toast{position:absolute;top:90px;left:50%;transform:translate(-50%);background:#ffd54ff2;color:#1a1020;padding:12px 24px;border-radius:12px;font-weight:800;font-size:.95rem;animation:toast-in 2.2s forwards;pointer-events:none;z-index:100;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-10px)}12%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0}}.results-screen{text-align:center}.results-screen.won .results-title{color:#ffd54f}.results-screen.lost .results-title{color:#ef5350}.results-icon{font-size:4rem;margin-bottom:8px}.results-title{font-size:2.5rem;font-weight:900;margin-bottom:8px}.death-reason{color:#ef9a9a;font-weight:700;margin-bottom:12px;font-size:1rem}.stars-display{font-size:2.2rem;color:#ffd54f;letter-spacing:10px;margin:12px 0}.results-reward{font-size:1.1rem;font-weight:800;color:#ffd54f;margin-bottom:24px}.results-buttons{display:flex;flex-direction:column;align-items:center}.tap-icon{font-size:1.1rem;margin-right:4px}@media(max-width:768px),(hover:none)and (pointer:coarse){.screen{padding:16px;padding-top:max(16px,env(safe-area-inset-top))}h1{font-size:clamp(1.6rem,7vw,2.4rem)}.tagline{font-size:.95rem;margin-bottom:1rem}.logo-icon{font-size:3rem}.btn{padding:16px 32px;min-height:52px;font-size:1.05rem;width:min(100%,320px)}.menu-stats{flex-wrap:wrap;justify-content:center}.stat-pill{padding:10px 16px;font-size:.9rem}.level-grid{grid-template-columns:1fr 1fr;gap:10px}.level-card{padding:12px;min-height:88px}.level-card h3{font-size:.9rem}.shop-grid{grid-template-columns:1fr;max-width:100%}.shop-item{padding:12px}.shop-item .meta{flex-direction:column;align-items:stretch}.shop-actions{width:100%;margin-left:0}.shop-actions .btn{flex:1;min-height:44px;padding:10px 12px;font-size:.88rem;width:auto}.shop-topbar{flex-wrap:wrap;justify-content:space-between}.shop-title{order:-1;flex:1 1 100%;text-align:left;white-space:normal;margin-bottom:2px}.shop-back-btn{padding:10px 12px;font-size:.9rem;width:auto;min-width:auto}.shop-hint{font-size:.78rem}.shop-section-title{font-size:.88rem;margin-top:12px}.shop-item h3{font-size:.9rem}.shop-item p{font-size:.78rem;margin-bottom:10px}.levels-screen{padding:max(12px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom))}.controls-grid{gap:8px}.control-item{font-size:.88rem;padding:10px 14px}.hud-left{top:max(8px,env(safe-area-inset-top));left:8px;min-width:unset;width:min(46vw,180px);padding:10px 12px;border-radius:12px}.hud-right{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));margin-top:44px;min-width:unset;width:min(38vw,130px);padding:10px 12px;border-radius:12px}.hud-value{font-size:1.05rem}.hud-label{font-size:.65rem}.hud-stat-inline{font-size:.82rem;margin-bottom:4px}.combat-banner{min-width:unset;width:min(92vw,320px);padding:12px 20px;transform:translate(-50%,-70%)}.combat-title{font-size:1rem}.scan-prompt{bottom:max(120px,calc(env(safe-area-inset-bottom) + 100px));padding:12px 20px;width:min(90vw,280px)}.action-btn{width:64px;height:64px}.hud-bottom{gap:6px;max-width:96vw}.hud-bottom-mobile{gap:8px}.hud-bottom-mobile .action-btn{width:62px;height:62px;min-width:62px;min-height:62px;font-size:.55rem}.hud-bottom-mobile .shoot-btn{width:68px;height:68px;min-width:68px;min-height:68px}.hud-bottom-mobile .action-icon{font-size:1.05rem}.hud-bottom-mobile .shoot-btn .action-icon{font-size:1.25rem}.hud-actions-right .action-btn{width:62px;height:62px;min-width:62px;min-height:62px;font-size:.58rem}.hud-actions-right .action-icon{font-size:1.15rem}.hud-bottom .action-btn{width:58px;height:58px;font-size:.62rem}.hud-bottom .action-icon{font-size:1.1rem}.touch-steer{width:32%;max-width:none;height:60%}.message-toast{top:max(72px,calc(env(safe-area-inset-top) + 56px));font-size:.88rem;max-width:90vw;white-space:normal;text-align:center}.results-title{font-size:2rem}.results-icon{font-size:3rem}.stars-display{font-size:1.8rem;letter-spacing:6px}}@media(max-width:380px){.hud-left,.hud-right{width:44vw;padding:8px 10px}.hud-row{margin-bottom:6px}.bar-wrap{height:5px}}@media(orientation:landscape)and (max-height:500px){.hud-left,.hud-right{top:6px;padding:6px 10px;width:auto;max-width:160px}.hud-row{margin-bottom:4px}.hud-value{font-size:.95rem}.touch-steer{height:70%;padding-bottom:60px}.tap-hint{bottom:56px;font-size:.72rem;padding:6px 14px}.hud-bottom{bottom:8px;left:50%;transform:translate(-50%)}.action-btn{width:56px;height:56px}.combat-banner{transform:translate(-50%,-60%);padding:8px 16px}}@media(pointer:coarse){.hud-panel,.tap-hint,.fork-hint,.combat-banner{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0a0c16e6}.screen-blur{backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(8,6,20,.82) 100%)}.touch-steer{width:36%;max-width:none;min-height:160px;opacity:.35}.action-btn{min-width:68px;min-height:68px;touch-action:none}#jump-btn,#slide-btn,#shoot-btn,#ability-btn,#hud-back-btn{-webkit-tap-highlight-color:transparent}}