:root{color-scheme:dark;--ink:#111827;--yellow:#ffdf57;--cyan:#79f0e5;--muted:#a4afc5}*{box-sizing:border-box}body{margin:0;background:#080c15;color:#fff;font-family:Arial,Helvetica,sans-serif;overscroll-behavior:none}button{font:inherit;cursor:pointer;touch-action:manipulation;color:inherit;border:0}button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{cursor:default}#app{position:relative;width:min(100vw,58.5366dvh);height:min(100dvh,170.8333vw);margin:auto;overflow:hidden;background:#142234;box-shadow:0 0 100px #26325755;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none}#hud{position:absolute;top:0;left:0;right:0;padding:calc(12px + env(safe-area-inset-top)) 18px 12px;pointer-events:none;background:linear-gradient(#080e22e6,transparent)}.hud-top,.line{display:flex;justify-content:space-between;align-items:center;gap:10px}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:800;color:var(--cyan)}#score{font-size:30px;font-weight:900;letter-spacing:1px}#hearts{color:#ff6083;font-size:22px;letter-spacing:2px}#pause{pointer-events:auto;border-radius:14px;background:#ffffff17;font-size:22px;width:44px;height:44px}#mission{font-size:11px;letter-spacing:1px;font-weight:700;margin-top:8px;color:#e4eaf5}#progress{margin-top:9px;height:4px;background:#ffffff26;border-radius:8px;overflow:hidden}#progress span{display:block;height:100%;width:0;background:var(--cyan);transition:width .2s}#bar{position:absolute;bottom:0;width:100%;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#101525f2;border-top:1px solid #ffffff25;display:grid;grid-template-columns:1fr auto;gap:9px}#weapons{display:flex;gap:6px;justify-content:center}#weapons button{flex:1;min-width:0;background:#202c3e;border:1px solid #ffffff16;border-radius:12px;padding:10px 3px;color:#9ca9bc;font-size:11px;font-weight:800}#weapons button.active{background:var(--yellow);color:#172031;box-shadow:0 0 20px #ffdf571c}#weapons small{display:block;font-size:10px;margin-top:5px;opacity:.75}#reload{border-radius:12px;background:#2b3a50;font-weight:800;font-size:10px;width:72px}#ammo{position:absolute;bottom:92px;left:18px;font-size:12px;font-weight:800;text-shadow:0 2px 4px #000}#toast{position:absolute;top:21%;width:100%;text-align:center;pointer-events:none;font-weight:900;color:var(--yellow);font-size:18px;text-shadow:0 3px 0 #142033;transition:opacity .2s}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#08102075;backdrop-filter:blur(7px);padding:20px;overflow:auto}#overlay.hidden,.hidden{display:none!important}.panel{width:100%;max-height:100%;overflow:auto;background:linear-gradient(145deg,#1b2b40f5,#101929f8);border:1px solid #7c91b33b;border-radius:25px;padding:25px;box-shadow:0 25px 80px #0007}.panel h2{font-size:28px;margin:12px 0 8px;letter-spacing:-1px}.panel p{color:#b3c0d2;font-size:12px;line-height:1.6}.panel .primary{background:var(--yellow);color:#182035;font-weight:900;padding:16px;border-radius:12px;width:100%;font-size:14px;margin-top:12px;box-shadow:0 5px 0 #ab8b2d}.secondary{background:#ffffff0c;border:1px solid #ffffff18;border-radius:11px;padding:13px;width:100%;margin-top:12px;font-size:12px;font-weight:700}.brand{font-size:clamp(35px,7dvh,64px);line-height:.93;font-weight:1000;letter-spacing:-3px;margin:24px 0 12px;color:var(--yellow);text-shadow:0 5px 0 #8d6334,4px 8px 0 #0b1323}.brand span{color:#fff;text-shadow:0 5px 0 #607b94,4px 8px 0 #0b1323}.badge{border:1px solid #79f0e544;background:#79f0e510;border-radius:99px;padding:7px 10px;display:inline-block;color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:1.8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.stat{padding:12px;border:1px solid #ffffff12;border-radius:12px;background:#070f1d44}.stat b{display:block;font-size:23px;margin-top:6px}.stat small{font-size:9px;color:var(--muted);letter-spacing:1px}.hint{font-size:10px!important;text-align:center;color:#8d9caf!important}.route{display:flex;justify-content:space-between;font-size:9px;color:#afbdd3;margin:20px 0 8px;gap:4px}.route b{display:block;color:var(--cyan);font-size:14px;margin-bottom:5px}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:20px 0}.level{height:49px;border-radius:10px;background:#23344b;font-size:14px;font-weight:900}.level small{display:block;font-size:8px;margin-top:4px;color:var(--yellow)}.level.next{background:var(--yellow);color:#172034}.level:disabled{opacity:.28}.pager{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:11px}.pager button{width:44px;height:36px;background:#30435a;border-radius:10px}.setting{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:14px}.toggle{min-width:74px;background:#354359;padding:10px;border-radius:99px;font-weight:800;font-size:11px}.toggle.on{background:var(--cyan);color:#122736}.setting input{width:100px;accent-color:var(--cyan)}.medal{font-size:46px;text-align:center;margin-top:15px}.kbd{font-size:10px;color:#8a9eb9;text-align:center;margin-top:17px}.panel::-webkit-scrollbar{width:3px}@media(max-height:640px){.panel{padding:18px}.brand{margin:15px 0}.stats{margin:10px 0}.route{margin:12px 0}.panel p{font-size:11px}.primary{padding:12px!important}}

/* Arcade presentation */
:root{--yellow:#ffe34b;--cyan:#48efff;--muted:#c0d8f0}
body{background:radial-gradient(ellipse at 20% 20%,#263664,#090d22 70%)}
button{transition:transform .14s,filter .14s; -webkit-tap-highlight-color:transparent}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(3px) scale(.97)}
#overlay{background:#10183830;backdrop-filter:blur(2px);padding:17px}
.panel{position:relative;background:linear-gradient(140deg,#224c87ee,#362a75ee 60%,#162c60f5);border:3px solid #96ceff;border-radius:30px;box-shadow:0 8px 0 #080e32,0 0 0 5px #192048,0 25px 60px #08051c88;padding:24px;animation:panelPop .3s ease-out}
.panel h2{color:#ffea66;text-shadow:2px 3px #151b4e}.panel p{color:#e0eeff}.eyebrow{color:#74f9ff;letter-spacing:2px}.brand{font-family:Arial Black,Arial,sans-serif;letter-spacing:-3px;transform:rotate(-3deg);-webkit-text-stroke:2px #152348;paint-order:stroke fill;text-shadow:0 6px #d17a34,5px 10px #14254b;animation:titleFloat 3.2s ease-in-out infinite}.brand span{color:#fff;text-shadow:0 6px #469de3,5px 10px #14254b}
.badge{background:#ffdc50;color:#1d2c60;border:2px solid #1b254b;box-shadow:2px 3px #111b45;letter-spacing:1px;transform:rotate(-2deg)}
.panel .primary{background:linear-gradient(#ffef72,#ffbd35);border:2px solid #fff4b0;color:#392e55;border-radius:17px;box-shadow:0 6px #b96b32,0 9px #132147;font-size:15px;text-shadow:0 1px #fff5bb}.secondary{background:linear-gradient(#4787d7,#3465b3);border:2px solid #86c9ff;box-shadow:0 4px #142d64;border-radius:15px;color:#fff}.stat{background:#101f4b88;border:2px solid #4f84c1;box-shadow:0 3px #122047;transform:rotate(-1deg)}.stat:nth-child(2){transform:rotate(1deg)}.stat b{color:#fff2a0}.stat small{color:#b6e8ff}.route{color:#d4e9ff}.route>div{background:#14285480;padding:8px 5px;border-radius:10px;border-bottom:3px solid #52acdf}.route b{color:#ffe868}.hint{color:#c1d5ef!important}
#hud{padding-top:calc(13px + env(safe-area-inset-top));background:linear-gradient(#1c255cf2,#23376680,transparent)}#score{font-family:Arial Black,Arial,sans-serif;color:#fff7d4;-webkit-text-stroke:1px #111b42;paint-order:stroke fill;text-shadow:3px 3px #17274b}#hearts{font-size:23px;color:#ff648b;text-shadow:0 3px #a02456,2px 0 #17284d}#pause{background:#429be0;border:2px solid #8ae6ff;box-shadow:0 4px #1b376c;border-radius:13px}#mission{display:inline-block;background:#27346bdd;padding:6px 10px;border:1px solid #80c7ff70;border-radius:8px;color:#fff1a9;font-size:10px}#progress{height:8px;border:1px solid #8cb5e9;box-shadow:0 2px #14264a;background:#15224c}#progress span{background:linear-gradient(90deg,#47dabf,#ceff63);border-radius:6px}
#bar{background:linear-gradient(#284778,#172853);border-top:3px solid #71cdf8;box-shadow:0 -5px #15254877;padding-top:9px}#weapons button{background:linear-gradient(#4875a3,#2e4976);color:#d3eeff;border:2px solid #7bbbea;border-radius:15px;box-shadow:0 4px #111e44;padding:7px 3px}#weapons button.active{background:linear-gradient(#fff38b,#ffc144);border-color:#fff7c7;color:#362956;box-shadow:0 4px #ab6731,0 0 18px #ffcf3944}#reload{background:linear-gradient(#67efdf,#20adbc);border:2px solid #affff1;color:#113557;border-radius:15px;box-shadow:0 4px #145774}#ammo{background:#142851d9;padding:6px 10px;border-radius:9px;border:1px solid #91d9ff88;color:#fff0ac}#toast{font-family:Arial Black,Arial,sans-serif;font-size:21px;-webkit-text-stroke:1px #172248;paint-order:stroke fill;text-shadow:3px 4px #18214c}
.level{background:linear-gradient(#4b93da,#3266aa);border:2px solid #83d9ff;box-shadow:0 4px #142653}.level.next{background:linear-gradient(#fff178,#ffbb43);border-color:#fff7c4}.level.next small{color:#4b3454}.level:disabled{background:#1e2d59;border-color:#536790;opacity:.5}.level small{color:#ffee73}.toggle{border:2px solid #90c1e3;box-shadow:0 3px #1a284d}.toggle.on{background:linear-gradient(#a0ffda,#40dcbf)}.kbd{color:#c0d6eb}.pager button{border:2px solid #88d7ff;background:#357aba}.medal{color:#ffdf49;text-shadow:0 4px #ac713a;animation:titleFloat 3s ease-in-out infinite}
.lightbar{display:flex;gap:7px;width:98px;margin:15px auto -10px;padding:5px;background:#152446;border:2px solid #839ec7;border-radius:10px;transform:rotate(-3deg)}.lightbar i{height:15px;flex:1;border-radius:5px;background:#ff4c74;box-shadow:0 0 28px #ff4b77;animation:sirenRed 1.8s ease-in-out infinite}.lightbar i+i{background:#49b6ff;box-shadow:0 0 28px #398aff;animation-delay:.9s}.menu-panel{box-shadow:-10px 0 45px #ff315d33,10px 0 45px #268bff44,0 8px #0a1640}
@keyframes sirenRed{0%,100%{opacity:1;filter:brightness(1.5)}50%{opacity:.35;filter:brightness(.8)}}@keyframes titleFloat{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-4px)}}@keyframes panelPop{from{transform:translateY(18px) scale(.96);opacity:.4}to{transform:translateY(0) scale(1);opacity:1}}@keyframes hudHit{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px) scale(1.08)}75%{transform:translateX(7px)}}.damage-pulse{animation:hudHit .32s ease-out}.calm *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}


.leaderboard-list{margin:14px 0;display:grid;gap:6px}.leader-row{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;background:#101f4b88;border:1px solid #5c91c666;font-size:11px}.leader-row.me{border-color:#ffe76a;background:#66552155}.leader-rank{font-weight:900;color:#ffe76a;text-align:center}.leader-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}.leader-score{text-align:right;color:#a9ffeb;font-weight:900}.global-status{font-size:10px!important;text-align:center;color:#a7e8ff!important;margin:10px 0 0}.player-chip{display:inline-block;margin:10px 0 2px;padding:7px 10px;border-radius:99px;background:#0e2249aa;border:1px solid #63b9e888;color:#c9f5ff;font-size:10px;font-weight:800}
.share-sheet{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,8,22,.78);backdrop-filter:blur(7px)}.share-card{position:relative;width:min(430px,94vw);background:linear-gradient(145deg,#1f3970,#1a2457 65%,#101a3b);border:3px solid #73c7ff;border-radius:26px;padding:25px;box-shadow:0 10px 0 #071334,0 28px 75px rgba(0,0,0,.65);color:#fff;text-align:center}.share-card h3{margin:8px 0 6px;font:900 30px Arial;color:#ffe565;text-shadow:0 3px #683e25}.share-card p{font-size:13px;line-height:1.55;color:#e9f4ff;margin:12px 0 18px}.share-card small{display:block;margin-top:12px;color:#9fb7d3;font-size:10px;line-height:1.4}.share-close{position:absolute;right:12px;top:10px;width:36px;height:36px;border-radius:50%;background:#ffffff16;border:1px solid #ffffff38;color:#fff;font-size:26px;line-height:30px}.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.share-social,.share-native,.share-copy{border:0;border-radius:13px;padding:13px 8px;font:900 12px Arial;color:#fff;box-shadow:0 4px 0 rgba(0,0,0,.28)}.share-social.facebook{background:#1877f2}.share-social.xshare{background:#111}.share-social.whatsapp{background:#1fa855}.share-social.telegram{background:#229ed9}.share-native{width:100%;margin-top:10px;background:linear-gradient(#735de6,#5140b7)}.share-copy{width:100%;margin-top:10px;background:linear-gradient(#438cd8,#2e62ad)}.share-social:active,.share-native:active,.share-copy:active{transform:translateY(2px)}@media(max-width:420px){.share-grid{grid-template-columns:1fr}.share-card{padding:22px 16px}.share-card h3{font-size:26px}}