*{box-sizing:border-box;margin:0;padding:0}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#16181d;width:100%;height:100%;font-family:Arial Black,Helvetica Neue,Arial,sans-serif;overflow:hidden}#app{width:min(100vw,50vh);height:100%;margin:0 auto;position:relative;overflow:hidden}#stage,#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}:root{--safe-top:env(safe-area-inset-top,0px)}#hud{pointer-events:none;color:#fff;position:absolute;inset:0}.topbar{top:calc(12px + var(--safe-top));align-items:center;gap:10px;display:flex;position:absolute;left:16px;right:16px}.progress{background:#00000059;border:2px solid #ffffffb3;border-radius:8px;flex:1;height:12px;position:relative;overflow:visible}.progress-fill{background:linear-gradient(90deg,#3a8bff,#7fd0ff);border-radius:6px;width:0;height:100%}.progress-skull{text-shadow:0 2px 2px #000;font-size:18px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.weapon-chip{white-space:nowrap;background:#143ca0cc;border:2px solid #7fb8ff;border-radius:12px;padding:4px 10px;font-size:12px}.boss-bar{top:calc(36px + var(--safe-top));text-align:center;width:60%;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}.boss-name{letter-spacing:1px;text-shadow:0 1px 2px #000;margin-bottom:3px;font-size:11px}.boss-track{background:#00000080;border:2px solid #fff;border-radius:6px;height:12px;overflow:hidden}.boss-fill{background:linear-gradient(#ff5a4a,#c01010);width:100%;height:100%;transition:width .1s linear}.count-badge{will-change:transform;background:#2f7bff;border:2px solid #fff;border-radius:14px;align-items:center;gap:4px;padding:3px 10px 3px 6px;font-size:16px;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px 6px #00000059}.count-icon{background:#fff;border-radius:50% 50% 3px 3px;width:14px;height:14px}.popups{position:absolute;inset:0}.popup{white-space:nowrap;-webkit-text-stroke:2px #1a1a22;paint-order:stroke fill;text-shadow:0 3px #00000059;font-size:30px;animation:1.1s ease-out forwards pop;position:absolute;transform:translate(-50%,-50%)}.popup.good{color:#7fd0ff}.popup.bad{color:#ff5a4a}.popup.info{color:#ffe066}@keyframes pop{0%{opacity:0;transform:translate(-50%,-30%)scale(.5)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.2)}30%{transform:translate(-50%,-70%)scale(1)}to{opacity:0;transform:translate(-50%,-180%)scale(1)}}.hidden{opacity:0!important;pointer-events:none!important}.start-screen{flex-direction:column;justify-content:space-between;align-items:center;padding:90px 0 40px;transition:opacity .3s;display:flex;position:absolute;inset:0}.title{color:#fff;-webkit-text-stroke:3px #173e9c;paint-order:stroke fill;text-shadow:0 4px #0c235e;letter-spacing:2px;font-size:40px}.drag{flex-direction:column;align-items:center;display:flex;position:relative}.infinity{filter:drop-shadow(0 3px 2px #0006);width:170px}.hand{filter:drop-shadow(0 3px 2px #0006);width:56px;animation:2.2s ease-in-out infinite hand;position:absolute;top:20px;left:50%}@keyframes hand{0%,to{transform:translate(-10px)}25%{transform:translate(45px,-18px)}50%{transform:translate(-10px)}75%{transform:translate(-70px,-18px)}}.drag-text{color:#fff;-webkit-text-stroke:2px #222;paint-order:stroke fill;margin-top:10px;font-size:26px}.end-screen{pointer-events:auto;background:#0a0a148c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.end-card{text-align:center;background:linear-gradient(#3a3f4b,#22252d);border:3px solid #555;border-radius:18px;min-width:70%;padding:28px 30px}.end-title{color:#ff5a4a;-webkit-text-stroke:2px #300;paint-order:stroke fill;margin-bottom:14px;font-size:38px}.end-screen.won .end-title{color:#ffe066;-webkit-text-stroke-color:#5a3a00}.end-stats{color:#dde;margin-bottom:20px;font-family:Arial,sans-serif;font-size:15px;line-height:1.7}.end-stats b{color:#fff;font-family:Arial Black,Arial,sans-serif}.end-btn{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#4d9bff,#1f5fd6);border:none;border-radius:14px;padding:12px 34px;font-size:20px;box-shadow:0 5px #123f94}.end-btn:active{transform:translateY(3px);box-shadow:0 2px #123f94}.settings{top:calc(36px + var(--safe-top));pointer-events:auto;flex-direction:column;gap:8px;display:flex;position:absolute;right:16px}.icon-btn{color:#fff;cursor:pointer;background:#141e3c99;border:2px solid #fffc;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font:900 15px Arial Black,Arial,sans-serif;display:flex}.quality-btn{font-size:11px}.icon-btn.off{opacity:.6}.debug{left:16px;top:calc(34px + var(--safe-top));color:#fff;background:#00000080;border-radius:4px;padding:3px 6px;font:12px ui-monospace,Menlo,monospace;position:absolute}.popup.gate-good,.popup.gate-bad{-webkit-text-stroke:4px #0b1630;text-shadow:0 5px #0006;font-size:54px;animation:1.1s cubic-bezier(.2,.9,.3,1) forwards gate-pop}.popup.gate-good{color:#fff;-webkit-text-stroke-color:#1556d6;text-shadow:0 5px #0b2f7a,0 0 18px #5aaaffcc}.popup.gate-bad{color:#fff;-webkit-text-stroke-color:#c41f1f;text-shadow:0 5px #6a0d0d,0 0 18px #ff503cb3}@keyframes gate-pop{0%{opacity:0;transform:translate(-50%,-40%)scale(.3)}14%{opacity:1;transform:translate(-50%,-70%)scale(1.35)}28%{transform:translate(-50%,-80%)scale(1)}75%{opacity:1;transform:translate(-50%,-120%)scale(1)}to{opacity:0;transform:translate(-50%,-160%)scale(.9)}}.boss-intro{text-align:center;pointer-events:none;background:linear-gradient(90deg,#0000,#780000bf 20% 80%,#0000);padding:10px 0 12px;animation:2s ease-out forwards bi-in;position:absolute;top:34%;left:0;right:0}.bi-warn{letter-spacing:4px;color:#ffd23a;font-size:14px;animation:.3s steps(2,end) 5 bi-blink}.bi-name{color:#fff;-webkit-text-stroke:3px #3a0000;paint-order:stroke fill;text-shadow:0 4px #3a0000;font-size:40px}@keyframes bi-in{0%{opacity:0;transform:scaleY(0)}10%{opacity:1;transform:scaleY(1)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40%)}}@keyframes bi-blink{50%{opacity:.2}}.popup.dmg{color:#fff;-webkit-text-stroke:3px #b3470a;font-size:18px;animation:.75s ease-out forwards dmg}@keyframes dmg{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-80%)scale(1.25)}to{opacity:0;transform:translate(-50%,-220%)scale(.9)}}.count-badge.bump{animation:.35s ease-out badge-bump}.count-badge.hurt{animation:.3s ease-out badge-hurt}@keyframes badge-bump{0%{scale:1;box-shadow:0 0 #5aaaffe6}40%{scale:1.35;box-shadow:0 0 14px 6px #5aaaffcc}to{scale:1;box-shadow:0 3px 6px #00000059}}@keyframes badge-hurt{0%,to{background:#2f7bff;translate:0}20%{background:#e02b2b;translate:-4px}40%{translate:4px}60%{background:#e02b2b;translate:-3px}80%{translate:2px}}#hud.in-menu .topbar,#hud.in-menu .count-badge,#hud.in-menu .start-screen,#hud.in-menu .boss-bar,#hud.in-menu .settings{opacity:0!important;pointer-events:none!important}.menu{z-index:5;pointer-events:auto;padding:calc(20px + var(--safe-top)) 16px calc(24px + env(safe-area-inset-bottom,0px));color:#fff;background:linear-gradient(#0c1630b8,#0c121ee0);flex-direction:column;gap:12px;transition:opacity .25s;display:flex;position:absolute;inset:0;overflow-y:auto}.menu-head{align-items:center;gap:10px;display:flex}.menu-title{-webkit-text-stroke:2px #173e9c;paint-order:stroke fill;text-shadow:0 3px #0c235e;letter-spacing:1px;flex:1;font-size:30px}.menu-title.small{font-size:22px}.menu-sub{color:#b9c6e4;margin-top:-4px;font:13px Arial,sans-serif}.coins-pill{background:#0006;border:2px solid #f3c64a;border-radius:16px;align-items:center;gap:6px;padding:5px 12px;font-size:15px;display:flex}.coin{vertical-align:-2px;background:radial-gradient(circle at 35% 35%,#fff3b0,#f3c64a 45%,#b7851a);border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:inset 0 0 0 1.5px #7a5608}.menu.home{background:0 0;gap:0;padding:0}.hero{min-height:36vh;padding:calc(14px + var(--safe-top)) 16px 18px;background:linear-gradient(#0a10208c 0%,#0a102000 34% 70%,#11141cd9 100%);flex-direction:column;flex:none;gap:8px;display:flex;position:relative}.hero-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.logo{transform-origin:0;flex-direction:column;line-height:.86;display:flex;position:relative;transform:rotate(-3deg)}.logo-last,.logo-squad{letter-spacing:-1px;paint-order:stroke fill;font:900 44px Arial Black,Arial,sans-serif}.logo-last{color:#fff;-webkit-text-stroke:7px #0b1630;text-shadow:0 5px #0b1630}.logo-squad{color:#3f93ff;-webkit-text-stroke:7px #0b1630;text-shadow:0 5px #0b1630,0 -2px #9fd6ff;font-size:50px}.logo-helmet{background:radial-gradient(circle at 35% 30%,#bfe2ff 0 10%,#3a8dff 30%,#1d55c4 100%);border:3px solid #0b1630;border-radius:46px 46px 6px 6px;width:40px;height:22px;position:absolute;top:-4px;left:112px;transform:rotate(16deg)}.level-card.locked .lvl-info{padding-right:58px}.hero-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:relative}.hero-right .coins-pill{background:#080c18bf;border-color:#0b1630;padding:6px 14px;font-size:18px;box-shadow:inset 0 0 0 2px #f3c64a}.hero-right .coin{width:18px;height:18px}.icon-btn.gear{color:#fff;cursor:pointer;background:#080c18bf;border:2px solid #ffffff2e;border-radius:12px;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.icon-btn.gear.on{border-color:#5ab0ff}.settings-pop{z-index:2;background:#0a0e1af0;border:2px solid #ffffff26;border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;top:96px;right:0}.settings-pop button{color:#fff;text-align:left;white-space:nowrap;cursor:pointer;background:#ffffff14;border:none;border-radius:10px;padding:9px 12px;font:900 14px Arial Black,Arial,sans-serif}.hero-stars{letter-spacing:.5px;background:#080c1899;border-radius:12px;align-self:flex-start;margin-top:6px;padding:4px 12px 4px 8px;font-size:15px}.hero-stars .star{font-size:18px}.stat-card{background:#0a0e1ac7;border:2px solid #ffffff24;border-radius:16px;align-self:flex-start;align-items:center;gap:14px;padding:10px 16px;display:flex;box-shadow:0 6px 18px #00000059}.stat{align-items:center;gap:10px;display:flex}.stat small{letter-spacing:.5px;color:#c9d4ec;font:700 11px Arial,sans-serif;display:block}.stat b{font-size:26px;line-height:1.1;display:block}.stat b.power{color:#ffd23a;font-size:22px}.stat-sep{background:#ffffff24;align-self:stretch;width:2px}.squad-icon{background:url(/icons/icon-192.png) 50%/cover;border:2px solid #0b1630;border-radius:9px;width:34px;height:30px}.menu-body{padding:4px 14px calc(96px + env(safe-area-inset-bottom,0px));background:linear-gradient(#11141cd9,#13161d 60px);flex-direction:column;flex:1;gap:12px;display:flex}.level-list{flex-direction:column;gap:12px;display:flex}.level-card{text-align:left;cursor:pointer;color:#fff;width:100%;min-height:108px;font:inherit;background:linear-gradient(#2a2f3b,#1d212b);border:2px solid #ffffff1a;border-radius:16px;align-items:stretch;gap:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px #0c0e13}.level-card.current{background:linear-gradient(#2d6fe0,#1846a8);border-color:#4fa3ff;box-shadow:0 0 0 2px #4fa3ff59,0 0 22px #3c8cff8c,0 4px #0e2a66}.level-card:active:not(.locked){transform:translateY(3px)}.level-card.locked{cursor:default}.level-card.locked .lvl-thumb{filter:grayscale(.35)brightness(.75)}.level-card.locked .lvl-name{color:#d7dbe5}.lvl-thumb{background:#222 50%/cover no-repeat;border-right:2px solid #00000059;flex:0 0 44%;position:relative}.lvl-thumb:after{content:"";position:absolute;inset:0;box-shadow:inset -18px 0 22px -14px #0009}.lvl-num{color:#fff;-webkit-text-stroke:1px #0b1630;z-index:1;background:linear-gradient(#8b93a5,#4d5466);border:2px solid #0b1630;border-radius:10px;place-items:center;width:38px;height:40px;font-size:24px;display:grid;position:absolute;top:6px;left:6px;box-shadow:0 3px #0b1630}.level-card.current .lvl-num{background:linear-gradient(#4fa3ff,#1f5fe0)}.lvl-info{flex-direction:column;flex:1;min-width:0;padding:10px 12px;display:flex;position:relative}.lvl-name{-webkit-text-stroke:.5px #0b1630;padding-right:30px;font-size:19px}.lvl-tag{color:#cfe0ff;margin-top:3px;font:12px Arial,sans-serif}.level-card.locked .lvl-tag{color:#9aa3b5}.lvl-meta{align-items:center;gap:2px;margin-top:6px;display:flex}.lvl-meta .star{font-size:18px}.lvl-best{color:#cfe0ff;margin-left:8px;font:11px Arial,sans-serif}.lvl-boss{font-size:22px;position:absolute;top:8px;right:10px}.lvl-action{justify-content:flex-end;margin-top:auto;display:flex}.play-btn{color:#1b1300;background:linear-gradient(#ffe58a,#f6b52a);border:2px solid #7a4e00;border-radius:12px;align-items:center;gap:8px;padding:8px 20px;font-size:20px;animation:1.6s ease-in-out infinite play-pulse;display:inline-flex;box-shadow:0 4px #8a5a00}.play-btn i{font-size:16px;font-style:normal}@keyframes play-pulse{50%{transform:scale(1.05)}}.replay-btn{background:#ffffff1f;border:2px solid #ffffff2e;border-radius:10px;place-items:center;width:38px;height:32px;font-size:14px;display:grid}.lvl-lock{background:linear-gradient(#c9ced8,#8d94a3);border:2px solid #0b1630;border-radius:5px;width:30px;height:24px;margin-top:-6px;position:absolute;top:50%;right:18px}.lvl-lock:before{content:"";border:4px solid #aeb4c0;border-bottom:none;border-radius:12px 12px 0 0;width:18px;height:18px;position:absolute;top:-16px;left:4px}.menu-bar{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(#13161d00,#13161d 40%);gap:10px;margin-top:-84px;display:flex;position:sticky;bottom:0}.bar-btn{cursor:pointer;color:#ffd23a;background:linear-gradient(#2b2a22,#1a1913);border:2px solid #f3c64a;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:13px;font:900 18px Arial Black,Arial,sans-serif;display:flex;position:relative;box-shadow:0 0 14px #f3c64a59,0 4px #0c0b08}.bar-arrow{color:#ffcf3a;text-shadow:0 2px #7a5608;font-size:24px}.bar-btn .dot{background:#ff3b30;border:2px solid #13161d;border-radius:50%;width:16px;height:16px;position:absolute;top:-5px;right:-5px}.star{color:#ffffff40;font-size:15px}.star.on{color:#ffd23a;text-shadow:0 0 6px #ffc828b3}.menu-btn{font:inherit;color:#1b1300;cursor:pointer;background:linear-gradient(#ffe07a,#f0b429);border:none;border-radius:14px;padding:13px;font-size:18px;box-shadow:0 5px #9a6b00}.menu-btn:active{transform:translateY(3px);box-shadow:0 2px #9a6b00}.icon-btn.back{font-size:26px;line-height:1}.shop-list{flex-direction:column;gap:10px;display:flex}.shop-row{background:#ffffff14;border:2px solid #ffffff26;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.shop-row.bought{animation:.5s ease-out bought}@keyframes bought{0%{background:#ffdc5a73}to{background:#ffffff14}}.shop-info{flex:1}.shop-name{font-size:16px}.shop-desc{color:#c9d4ec;margin:2px 0 6px;font:12px Arial,sans-serif}.pips{gap:4px;display:flex}.pip{background:#fff3;border-radius:3px;width:16px;height:6px}.pip.on{background:#5ab0ff;box-shadow:0 0 6px #5ab0ffcc}.buy-btn{font:inherit;color:#1b1300;cursor:pointer;white-space:nowrap;background:linear-gradient(#ffe07a,#f0b429);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:14px;display:flex;box-shadow:0 4px #9a6b00}.buy-btn:disabled{filter:grayscale()brightness(.7);cursor:default}.end-level{letter-spacing:1px;color:#aab;margin-bottom:4px;font:12px Arial,sans-serif}.end-stars{margin:-4px 0 10px;font-size:34px}.end-stars .star{font-size:34px;display:inline-block}.end-stars .star.on{animation:.45s cubic-bezier(.3,1.6,.5,1) both star-in}@keyframes star-in{0%{opacity:0;transform:scale(0)rotate(-40deg)}to{opacity:1;transform:scale(1)}}.end-stats .best{color:#ffd23a}.end-stats .unlock{color:#7fd0ff;margin-top:4px}.end-coins{color:#ffe07a;justify-content:center;align-items:center;gap:8px;margin:-6px 0 18px;font-size:24px;display:flex}.end-coins .coin{width:20px;height:20px}.end-buttons{justify-content:center;gap:8px;display:flex}.end-btn{padding:12px 18px;font-size:17px}.end-btn.secondary{background:linear-gradient(#5c6475,#3b414e);box-shadow:0 5px #23272f}.credits{color:#c8d2eb99;text-align:center;margin-top:4px;padding-top:6px;font:10px/1.4 Arial,sans-serif}