:root{--bg:#05060a;--panel:#0c101ceb;--panel2:#161c2ef2;--line:#ffffff1f;--text:#e9eef7;--dim:#8f9bb3;--good:#5dff7a;--bad:#ff5a5a;--gold:#ffd23f;--accent:#ff4b3a;--pixel:"Press Start 2P", monospace;--ui:"Rajdhani", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--ui);overscroll-behavior:none;margin:0;overflow:hidden}canvas#game{touch-action:none;image-rendering:auto;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0;overflow-y:auto}#ui.overlay{pointer-events:auto;background:radial-gradient(#05060a8c,#05060ae0)}#ui.overlay.shop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05070ee6}.dim{color:var(--dim);font-weight:500}.good{color:var(--good)}.bad{color:var(--bad)}h1,h2,h3{font-family:var(--pixel);letter-spacing:1px;font-weight:400}h2{margin:18px 0 12px;font-size:16px}h3{color:#cfd8ea;margin:16px 0 8px;font-size:11px}.btn{font-family:var(--ui);color:var(--text);cursor:pointer;touch-action:manipulation;background:linear-gradient(#2a3350,#1a2036);border:1px solid #ffffff2e;border-radius:6px;padding:10px 16px;font-size:16px;font-weight:700;transition:transform 80ms,filter .15s}.btn:hover{filter:brightness(1.25)}.btn:active{transform:translateY(1px)scale(.98)}.btn.go{text-shadow:0 1px #0006;background:linear-gradient(#ff6a3a,#d92c1c);border-color:#ff9b7a}.btn.big{font-size:20px;font-family:var(--pixel);padding:14px 28px;font-size:13px}.btn.disabled{opacity:.4;filter:grayscale(.6);cursor:not-allowed}.btn.toggle.on{background:linear-gradient(#2fbf55,#1c8a3a)}.price{color:var(--gold);font-weight:700}.price:before{content:"";background:#5be37f;border:1px solid #0d3d1e;width:9px;height:9px;margin:0 4px 0 2px;display:inline-block;transform:rotate(45deg)}.row{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.row.center{justify-content:center}.loading{pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}.loading .bar{border:1px solid var(--line);border-radius:4px;width:min(320px,70vw);height:8px;overflow:hidden}#lbar{background:linear-gradient(90deg,#ff4b3a,#ffd23f);width:0;height:100%;transition:width .2s}.logo-main{font-family:var(--pixel);color:#fff;text-shadow:0 0 18px #ff5a28cc,3px 3px #b3200f,6px 6px #0009;letter-spacing:2px;text-align:center;font-size:clamp(22px,6vw,44px)}.logo-sub{font-family:var(--pixel);color:var(--gold);text-align:center;letter-spacing:1px;margin-top:12px;font-size:clamp(8px,2vw,11px)}.title-screen{text-align:center;flex-direction:column;justify-content:space-between;align-items:center;min-height:100%;padding:8vh 16px 4vh;display:flex}.title-screen .logo{animation:3s ease-in-out infinite float}@keyframes float{50%{transform:translateY(-6px)}}.title-menu{flex-direction:column;align-items:center;gap:14px;display:flex}.hiscore{font-family:var(--pixel);color:var(--dim);margin-top:6px;font-size:10px}.help{color:#c5cee0;border:1px solid var(--line);background:#00000073;border-radius:8px;max-width:560px;padding:10px 14px;font-size:15px;line-height:1.5}.help .keys{color:var(--dim);margin-top:6px;font-size:13px}.select-screen{text-align:center;max-width:760px;margin:0 auto;padding:12px 16px 40px}.ships{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.ship{background:var(--panel2);border:2px solid var(--line);cursor:pointer;color:var(--text);font-family:var(--ui);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:13px;font-weight:700;display:flex}.ship img{object-fit:contain;filter:drop-shadow(0 4px 6px #0009);width:64px;height:64px}.ship.sel{border-color:var(--gold);box-shadow:0 0 14px #ffd23f73}.ship-detail{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:8px;margin-top:12px;padding:12px}.ship-name{font-family:var(--pixel);font-size:13px}.ship-gun{margin:6px 0;font-weight:700}.traits{margin:4px 0 0;padding-left:18px;font-size:16px}.traits .lead{color:#fff;margin-left:-18px;font-weight:700;list-style:none}.wpicks,.dpicks{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.wpick{background:var(--panel2);border:2px solid var(--line);color:var(--text);font:700 15px var(--ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px 6px 6px;display:flex}.wpick .icon{width:36px;height:36px}.wpick.sel{border-color:var(--gold)}.dpick{width:44px;height:44px;font-family:var(--pixel);color:var(--text);background:var(--panel2);border:2px solid var(--line);cursor:pointer;border-radius:8px;font-size:12px}.dpick.sel{border-color:var(--accent);background:#4a1414}.shop-head{z-index:2;border-bottom:1px solid var(--line);background:#05070ef5;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.wavedone{font-family:var(--pixel);color:var(--gold);font-size:12px}.scrap{font-family:var(--pixel);align-items:center;gap:8px;font-size:14px;display:flex}.scrap .gem{background:#5be37f;border:2px solid #0d3d1e;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 10px #5be37f}.scrap .bag{color:var(--dim);font-size:9px}.shop-grid{grid-template-columns:1fr 260px;gap:14px;max-width:1180px;margin:0 auto;padding:14px 16px 40px;display:grid}.panel-title{font-family:var(--pixel);text-align:center;margin:18px 0 10px;font-size:14px}.panel-title.levelup{color:var(--good)}.panel-title.crate{color:var(--gold)}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1100px;margin:0 auto;padding:0 16px;display:grid}.shop-main .cards{padding:0}.cards.one{grid-template-columns:minmax(0,320px);justify-content:center}.card{text-align:left;background:linear-gradient(180deg, color-mix(in srgb, var(--tier) 16%, #141a2c), #0f1322 60%);border:2px solid var(--tier);min-height:230px;color:var(--text);font-family:var(--ui);border-radius:10px;flex-direction:column;padding:10px;display:flex;box-shadow:0 0 0 1px #0009,0 6px 18px #00000059}.card.tier3{box-shadow:0 0 16px color-mix(in srgb, var(--tier) 60%, transparent)}.card.upg{cursor:pointer;min-height:150px}.card.upg:hover{filter:brightness(1.15);transform:translateY(-2px)}.card.empty{border:2px dashed var(--line);background:0 0;justify-content:center;align-items:center}.soldout{color:var(--dim);font-family:var(--pixel);font-size:10px}.card-head{align-items:center;gap:8px;display:flex}.card-head .icon{object-fit:contain;background:#00000059;border-radius:8px;flex:none;width:52px;height:52px;padding:3px}.card-title{color:var(--tier,#fff);font-size:17px;font-weight:700;line-height:1.1}.card-body{flex:1;margin:8px 0;font-size:15px;line-height:1.3}.card-foot{gap:6px;display:flex}.card-foot .buy{flex:1}.btn.lock{padding:8px 10px}.btn.lock.on{background:linear-gradient(#a8841c,#6f5508)}.mod.good{color:var(--good)}.mod.bad{color:var(--bad)}.mod.big{margin-bottom:4px;font-size:22px;font-weight:700}.mod.special{color:#ffe9a8}.owned{color:var(--dim);margin-top:4px;font-weight:700}.tags{flex-wrap:wrap;gap:4px;margin-bottom:4px;display:flex}.tag{color:var(--c);border:1px solid var(--c);background:#0000004d;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700}.wline{font-size:14px}.wline b{color:#cfd8ea;margin-right:4px;font-weight:600}.wdesc{color:var(--dim);margin-top:4px;font-size:13px}.stats{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:15px}.srow{border-bottom:1px dashed #ffffff0d;justify-content:space-between;align-items:center;gap:8px;padding:2px 0;display:flex}.srow.small{color:var(--dim);font-size:13px}.srow.gun{font-weight:700}.shop-side summary{font-family:var(--pixel);cursor:pointer;margin-bottom:8px;font-size:11px;list-style:none}.shop-side summary::-webkit-details-marker{display:none}.split{max-width:360px;margin:14px auto;padding:0 16px}.inv h3{margin-top:18px}.wslots{grid-template-columns:repeat(6,minmax(0,72px));gap:8px;display:grid}.wslot{aspect-ratio:1;border:2px solid var(--tier,var(--line));cursor:pointer;background:#0006;border-radius:8px;padding:4px;position:relative}.wslot.empty{cursor:default;border-style:dashed}.wslot.sel{box-shadow:0 0 0 2px #fff}.wslot .icon,.islot .icon{object-fit:contain;width:100%;height:100%}.tiern{font-family:var(--pixel);color:var(--tier);text-shadow:1px 1px #000;font-size:8px;position:absolute;bottom:1px;right:3px}.wdetail{background:var(--panel);border:1px solid var(--tier);border-radius:8px;max-width:420px;margin-top:10px;padding:10px}.islots{flex-wrap:wrap;gap:6px;display:flex}.islot{border:2px solid var(--tier);background:#0006;border-radius:8px;width:48px;height:48px;padding:3px;position:relative}.islot .cnt{font-family:var(--pixel);text-shadow:1px 1px #000;font-size:8px;position:absolute;bottom:0;right:2px}.result{text-align:center;max-width:560px;margin:0 auto;padding:8vh 16px 40px}.result h1{font-size:clamp(18px,5vw,28px)}.result.win h1{color:var(--gold);text-shadow:0 0 20px #ffd23f99}.result.lose h1{color:var(--bad)}.rstats{grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;display:grid}.rstats div{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:4px;padding:10px 4px;display:flex}.rstats span{color:var(--dim);font-size:13px}.rstats b{font-family:var(--pixel);font-size:12px}.result .islots{justify-content:center;margin:8px 0}.settings{background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:380px;margin:12vh auto 0;padding:16px 20px}.settings h2{text-align:center;margin-top:4px}.settings label{flex-direction:column;gap:4px;margin:10px 0;font-weight:600;display:flex}.settings input[type=range]{width:100%;accent-color:var(--accent)}.settings .srow{padding:6px 0;font-weight:600}#touch{display:none}#touch button{z-index:5;color:#fff;font-family:var(--pixel);touch-action:none;background:#14182873;border:2px solid #ffffff59;border-radius:50%;position:fixed}#bombBtn{right:max(16px, env(safe-area-inset-right));bottom:calc(90px + env(safe-area-inset-bottom));background:#ff6e2859;width:64px;height:64px;font-size:16px}#pauseBtn{right:max(12px, env(safe-area-inset-right));top:calc(56px + env(safe-area-inset-top));width:40px;height:40px;font-size:10px}@media (width<=860px){.shop-grid{grid-template-columns:1fr}.shop-side{order:-1}.shop-side:not([open]) .stats{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 10px}.card{min-height:0}.ships{grid-template-columns:repeat(3,1fr)}.wslots{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=420px){.card-body{font-size:14px}.card-title{font-size:15px}.card-head .icon{width:40px;height:40px}.btn{padding:9px 12px;font-size:15px}}.sets{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.setb{border:1px dashed color-mix(in srgb, var(--c) 50%, transparent);color:color-mix(in srgb, var(--c) 60%, #888);border-radius:4px;padding:2px 8px;font-size:13px;font-weight:700}.setb.on{border-style:solid;border-color:var(--c);color:var(--c);background:#00000059}button.islot{cursor:pointer}.islot.sel{box-shadow:0 0 0 2px #fff}.side{pointer-events:none;width:0;padding:16px 14px;display:none;position:fixed;top:0;bottom:0;overflow:hidden auto}.side.show{display:block}.side h3{margin:14px 0 6px}.side .islots{gap:4px}.side .islot{width:42px;height:42px}.side-ship{align-items:center;gap:10px;display:flex}.side-ship img{object-fit:contain;filter:drop-shadow(0 4px 6px #0009);width:60px;height:60px}.side-ship .ship-name{font-family:var(--pixel);margin-bottom:4px;font-size:10px}.stats.compact{padding:6px 10px;font-size:13px}.stats.compact .srow{padding:1px 0}.side-keys{color:var(--dim);margin-top:14px;font-size:13px;line-height:1.6}.shop-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px;max-width:1400px;min-height:100%;margin:0 auto;padding:14px 18px;display:grid}.shop-left{flex-direction:column;gap:12px;min-width:0;display:flex}.shop-left .shop-head{background:0 0;border:0;align-items:center;gap:16px;padding:0;display:flex;position:static}.shop-title{font-family:var(--pixel);color:#fff;flex:1;font-size:15px}.shop-title.levelup{color:var(--good)}.shop-title.crate{color:var(--gold)}.shop-left .cards{max-width:none;margin:0;padding:0}.shop-left .cards.one{justify-content:start}.shop-right{flex-direction:column;align-self:start;gap:10px;max-height:calc(100vh - 28px);display:flex;position:sticky;top:14px}.shop-right .spacer{flex:1}.stats-wrap summary{font-family:var(--pixel);cursor:pointer;margin-bottom:8px;font-size:11px;list-style:none;display:none}.stats-wrap summary::-webkit-details-marker{display:none}.stat-tabs{gap:4px;margin-bottom:6px;display:flex}.stat-tabs button{font:700 14px var(--ui);color:var(--dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:6px;flex:1;padding:5px}.stat-tabs button.on{color:#fff;background:#ffffff1f;border-color:#ffffff59}.btn.big-go{font-family:var(--pixel);width:100%;padding:18px 12px;font-size:13px}.btn.choose{text-align:center;pointer-events:none;width:100%;display:block}.card.upg{min-height:200px}.gear{grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:18px;display:grid}.gear h3{margin:6px 0 8px}.gear .wslots{grid-template-columns:repeat(3,minmax(0,72px))}.reroll{white-space:nowrap}@media (width<=700px){.shop-layout{grid-template-columns:1fr;align-content:start;min-height:0;padding:10px}.shop-right{order:2;max-height:none;position:static}.stats-wrap summary{display:block}.stats-wrap:not([open]) .stats{display:none}.gear{grid-template-columns:1fr}.gear .wslots{grid-template-columns:repeat(6,minmax(0,1fr))}.shop-left .shop-head{flex-wrap:wrap;gap:10px}.btn.big-go{position:sticky;bottom:8px}}.shop-layout{grid-template-columns:minmax(0,1fr) clamp(290px,24vw,380px)}.stats .srow{padding:3px 0}.sname{align-items:center;gap:8px;display:inline-flex}.sicon{object-fit:contain;flex:none;width:22px;height:22px;display:inline-block}.stats .sname.good{color:var(--good)}.stats .sname.bad{color:var(--bad)}.islot .cnt{font-family:var(--ui);font-size:13px;font-weight:700}.modal-backdrop{z-index:20;background:#0009;position:fixed;inset:0}.popup{z-index:21;align-items:flex-start;gap:10px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);display:flex;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.pop-card{border:2px solid var(--tier);background:#0b0d14;border-radius:10px;width:min(360px,100vw - 24px);padding:14px;box-shadow:0 10px 40px #000000b3}.pop-card .card-head .icon{width:64px;height:64px}.pop-sub{color:#f0d79a;font-size:15px;font-weight:600}.pop-btns{flex-direction:column;gap:8px;margin-top:10px;display:flex}.pop-btns .btn{width:100%}.btn.cancel{color:#111;background:#e9ecf2;border-color:#fff}.pop-side{flex-direction:column;gap:10px;width:280px;display:flex}.pop-panel{background:#0b0d14;border:2px solid #ffffff2e;border-radius:10px;padding:12px 14px;font-size:15px}.pop-panel-title{margin-bottom:4px;font-size:17px;font-weight:700}.set-row{color:#6f7890}.set-row.on{color:#fff;font-weight:700}@media (width<=700px){.popup{flex-direction:column;top:12px;transform:translate(-50%)}.pop-side{width:min(360px,100vw - 24px)}.shop-layout{grid-template-columns:1fr}.shop-left .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gear{grid-template-columns:1fr}.gear .wslots{grid-template-columns:repeat(6,minmax(0,1fr))}}.islot.ship-slot{background:radial-gradient(circle,#ffd23f2e,#0006);border-color:#ffd23f}#tooltip{z-index:30;pointer-events:none;display:none;position:fixed}#tooltip .tooltip{align-items:flex-start;gap:10px;display:flex}#tooltip .pop-card{box-shadow:0 8px 30px #000000bf}.stats .srow[data-stat]{cursor:help;border-radius:6px;padding-left:4px;padding-right:4px}.stats .srow[data-stat]:hover{outline:2px solid var(--good);background:#5dff7a0f}.stat-tip{width:min(380px,100vw - 24px)}.affects{color:#cfd8ea;margin-top:8px}.affects b{color:#f0d79a}.affects ul{color:var(--dim);margin:4px 0 0;padding-left:18px}.stat-tip{border-color:#ffffff4d}