@font-face{font-family:Orbitron;src:url(../fonts/Orbitron.ttf)format("truetype");font-weight:400 900}:root{--cyan:#3ef2ff;--pink:#ff2fa8;--gold:#ffd34a;--red:#ff3b4e;--violet:#b26bff;--font:"Orbitron", "Microsoft YaHei", "PingFang SC", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;width:100%;height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;background:#000;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block;position:absolute;inset:0}body.ingame,body.ingame *{cursor:none!important}.hidden{display:none!important}#flashOverlay{pointer-events:none;z-index:5;opacity:0;background:radial-gradient(#0000 45%,#ff00288c 100%);transition:opacity .1s;position:absolute;inset:0}#hud{pointer-events:none;z-index:10;text-shadow:0 0 8px;position:absolute;inset:0}.lbl,.mlbl{letter-spacing:3px;opacity:.75;color:#9fe9ff;font-size:11px}.hud-tl{position:absolute;top:22px;left:28px}#score{color:#fff;letter-spacing:2px;text-shadow:0 0 14px var(--cyan), 0 0 30px var(--cyan);font-size:38px;font-weight:900}#mult{color:var(--gold);font-size:24px;font-weight:800;transition:transform 80ms}#mult.bump{transform:scale(1.35)}.hud-tc{text-align:center;position:absolute;top:18px;left:50%;transform:translate(-50%)}#waveLbl{letter-spacing:6px;color:var(--pink);font-size:18px}#waveLbl b{color:#fff;font-size:26px}#boss{width:min(640px,60vw);margin-top:8px}#bossName{letter-spacing:5px;color:var(--red);margin-bottom:5px;font-size:14px;animation:1.6s infinite flick}.bossbar{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:#28000a99;border:1px solid #ff5064cc;height:14px;position:relative;box-shadow:0 0 18px #ff285099}#bossFill,#bossGhost{width:100%;position:absolute;top:0;bottom:0;left:0}#bossGhost{opacity:.7;background:#fff;transition:width .6s ease-out .15s}#bossFill{background:linear-gradient(90deg,#ff1650,#ff8a3d,#ffe34a);box-shadow:0 0 12px #ff3060}.hud-tr{text-align:right;position:absolute;top:22px;right:28px}#best{color:#fff;font-size:22px}#powerLbl{letter-spacing:3px;color:#ffae3d;margin-top:10px;font-size:13px}#powerVal{color:#fff;font-size:22px}.hud-bl{width:330px;position:absolute;bottom:24px;left:28px}.meter{margin-top:10px}.bar{clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#00142899;border:1px solid #50e6ff99;height:12px;margin-top:4px;position:relative}.bar>div{width:100%;position:absolute;top:0;bottom:0;left:0}#hpGhost{opacity:.8;background:#fff;transition:width .5s ease-out .1s}#hpFill{box-shadow:0 0 10px var(--cyan);background:linear-gradient(90deg,#00b3ff,#3ef2ff,#b9fffb);transition:width .1s}.bar.hp.low #hpFill{background:linear-gradient(90deg,#ff1640,#ff6b6b);animation:.35s infinite flick}.bar.od{border-color:#ffc83c99}#odFill{box-shadow:0 0 10px var(--gold);background:linear-gradient(90deg,#ff8a00,#ffd34a,#fff7c2);width:0}.bar.od.full #odFill{animation:.5s infinite alternate odpulse}#odReady{color:var(--gold);opacity:0;font-weight:800}#odReady.on{opacity:1;animation:.5s infinite flick}.hud-br{text-align:right;position:absolute;bottom:24px;right:28px}#novaPips{justify-content:flex-end;gap:10px;margin:6px 0 12px;display:flex}#novaPips i{border:2px solid var(--cyan);width:26px;height:26px;box-shadow:0 0 10px var(--cyan), inset 0 0 10px var(--cyan);opacity:.25;border-radius:50%}#novaPips i.on{opacity:1;background:radial-gradient(circle,#fff 0 20%,#3ef2ff 40%,#0000 70%)}#dashState{color:var(--cyan)}#dashState.cd{color:#444;text-shadow:none}#popups{pointer-events:none;z-index:9;position:absolute;inset:0;overflow:hidden}.pop{white-space:nowrap;text-shadow:0 0 8px;will-change:transform, opacity;font-size:15px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.pop.big{font-size:26px}.pop.huge{font-size:44px;font-weight:900}#banner{text-align:center;pointer-events:none;z-index:11;opacity:0;position:absolute;top:34%;left:0;right:0}#banner .b-main{letter-spacing:14px;color:#fff;text-shadow:0 0 20px var(--cyan), 0 0 50px var(--cyan), 0 0 90px var(--pink);font-size:72px;font-weight:900}#banner .b-sub{letter-spacing:8px;color:var(--cyan);margin-top:10px;font-size:18px}#banner.show{animation:2.4s cubic-bezier(.2,.9,.2,1) forwards bannerIn}#banner.gold .b-main{text-shadow:0 0 20px var(--gold), 0 0 50px #ff8a00, 0 0 90px #ff3b00}#banner.gold .b-sub{color:var(--gold)}#banner.red .b-main{text-shadow:0 0 20px var(--red), 0 0 60px var(--red)}#combo{text-align:right;pointer-events:none;z-index:11;letter-spacing:4px;opacity:0;color:#fff;font-size:46px;font-style:italic;font-weight:900;position:absolute;top:30%;right:6%}#combo.show{animation:1.3s ease-out forwards comboIn}#combo small{letter-spacing:6px;color:var(--gold);font-size:18px;font-style:normal;display:block}#warning{text-align:center;pointer-events:none;z-index:12;opacity:0;position:absolute;top:40%;left:0;right:0;transform:translateY(-50%)}#warning.show{animation:3.2s step-end forwards warnBlink}.w-stripe{background:repeating-linear-gradient(-45deg,#ff1640 0 18px,#0000 18px 36px);height:18px;animation:.6s linear infinite stripe;box-shadow:0 0 30px #ff1640}.w-text{letter-spacing:18px;color:#ff1640;text-shadow:0 0 20px #ff1640,0 0 60px #ff1640;padding:10px 0 0;font-size:84px;font-weight:900}.w-sub{letter-spacing:8px;color:#ffb3c0;padding-bottom:12px;font-size:20px}.screen{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000088c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#title{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.title-bg{opacity:.55;mix-blend-mode:screen;background:url(../img/title.png) 50%/cover no-repeat;animation:30s ease-in-out infinite alternate bgzoom;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 85%);mask-image:radial-gradient(#000 30%,#0000 85%)}.title-inner{text-align:center;position:relative}.logo{letter-spacing:.12em;color:#fff;text-shadow:0 0 10px #fff, 0 0 30px var(--cyan), 0 0 60px var(--pink), 0 0 120px var(--pink);font-size:clamp(60px,11vw,170px);font-weight:900;animation:3s ease-in-out infinite logoPulse;position:relative}.logo:before,.logo:after{content:attr(data-text);opacity:.8;mix-blend-mode:screen;width:100%;position:absolute;top:0;left:0}.logo:before{color:var(--pink);animation:2.7s step-end infinite glitch1}.logo:after{color:var(--cyan);animation:3.1s step-end infinite glitch2}.sublogo{letter-spacing:.6em;color:var(--gold);text-shadow:0 0 12px #ff8a00;margin:4px 0 50px;font-size:clamp(14px,1.8vw,26px)}.menu{flex-direction:column;align-items:center;gap:16px;display:flex}.nbtn{pointer-events:auto;font-family:var(--font);letter-spacing:4px;color:#bff8ff;cursor:pointer;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);min-width:300px;text-shadow:0 0 8px var(--cyan);background:#001e3280;border:1px solid #3ef2ffb3;padding:14px 46px;font-size:20px;font-weight:700;transition:all .15s;position:relative}.nbtn small{letter-spacing:3px;opacity:.6;margin-left:8px;font-size:11px}.nbtn:hover{color:#fff;box-shadow:0 0 30px var(--cyan);background:#3ef2ff40;transform:scale(1.06)}.nbtn.primary{border-color:var(--pink);color:#ffd6ef;text-shadow:0 0 10px var(--pink);background:#50003280}.nbtn.primary:hover{background:#ff2fa859}.title-best{letter-spacing:4px;color:#9fe9ff;margin-top:36px;font-size:14px}.title-best b{color:var(--gold);margin-left:10px;font-size:20px}.hint{opacity:.5;letter-spacing:2px;margin-top:14px;font-size:12px}.panel{clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);text-align:center;background:linear-gradient(160deg,#0a142deb,#1e0028eb);border:1px solid #3ef2ff80;max-width:860px;padding:36px 48px;box-shadow:0 0 60px #3ef2ff40,inset 0 0 40px #ff2fa81a}.panel.small{min-width:460px}.panel h2{letter-spacing:6px;text-shadow:0 0 16px var(--cyan);margin-bottom:24px;font-size:34px}.panel h2 small{opacity:.6;letter-spacing:4px;margin-top:4px;font-size:14px;display:block}.panel h2.red{color:#ff6b80;text-shadow:0 0 20px var(--red)}.panel h2.gold{color:#ffe9a0;text-shadow:0 0 20px var(--gold)}.panel h3{letter-spacing:6px;color:var(--gold);margin:22px 0 12px;font-size:16px}.panel .nbtn{margin-top:14px;margin-left:auto;margin-right:auto;display:block}.grid2{text-align:left;grid-template-columns:1fr 1fr;gap:12px 30px;font-family:Microsoft YaHei,sans-serif;font-size:15px;display:grid}kbd{font-family:var(--font);border:1px solid var(--cyan);color:var(--cyan);margin-right:6px;padding:3px 8px;font-size:12px;display:inline-block;box-shadow:0 0 8px #3ef2ff66}.ico{vertical-align:-2px;width:16px;height:16px;margin-right:8px;display:inline-block;transform:rotate(45deg)}.ico.gem{background:#c8ff4a;width:10px;height:10px;box-shadow:0 0 10px #c8ff4a}.ico.pow{background:#ff9a1f;border-radius:50%;box-shadow:0 0 10px #ff9a1f}.ico.nova{border:3px solid #3ef2ff;border-radius:50%;box-shadow:0 0 10px #3ef2ff}.ico.hp{clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);background:#4aff8a;transform:none;box-shadow:0 0 10px #4aff8a}.desc{color:#c9d6ff;margin-top:18px;font-family:Microsoft YaHei,sans-serif;font-size:14px;line-height:1.7}.stats{font-family:"Microsoft YaHei", var(--font);color:#9fe9ff;letter-spacing:2px;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 18px;display:grid}.stats b{font-family:var(--font);color:#fff;text-shadow:0 0 10px var(--cyan);font-size:28px;display:block}.newrec{color:var(--gold);letter-spacing:6px;text-shadow:0 0 14px var(--gold);margin-bottom:10px;font-size:20px;animation:.5s infinite flick}#cursor{pointer-events:none;z-index:30;width:34px;height:34px;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}body.ingame #cursor{display:block}#cursor i{width:10px;height:2px;box-shadow:0 0 6px var(--cyan), 0 0 12px var(--cyan);background:#fff;position:absolute}#cursor i:first-child{top:16px;left:0}#cursor i:nth-child(2){top:16px;right:0}#cursor i:nth-child(3){top:4px;left:12px;transform:rotate(90deg)}#cursor i:nth-child(4){bottom:4px;left:12px;transform:rotate(90deg)}#cursor.fire{animation:.5s linear infinite spin}@keyframes flick{0%,to{opacity:1}50%{opacity:.45}}@keyframes odpulse{0%{filter:brightness()}to{filter:brightness(1.8)}}@keyframes bannerIn{0%{opacity:0;filter:blur(12px);transform:scale(2.4)}12%{opacity:1;filter:blur();transform:scale(1)}80%{opacity:1;transform:scale(1.03)}to{opacity:0;filter:blur(6px);transform:scale(.9)translateY(-30px)}}@keyframes comboIn{0%{opacity:0;transform:translate(80px)skew(-20deg)scale(1.6)}15%{opacity:1;transform:translate(0)skew(-10deg)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-30px)skew(-10deg)}}@keyframes warnBlink{0%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%{opacity:.2}to{opacity:0}}@keyframes stripe{0%{background-position:0 0}to{background-position:51px 0}}@keyframes bgzoom{0%{transform:scale(1.05)}to{transform:scale(1.18)rotate(1deg)}}@keyframes logoPulse{0%,to{filter:brightness()}50%{filter:brightness(1.35)}}@keyframes glitch1{0%{clip-path:inset(0 0 85%);transform:translate(-6px)}7%{clip-path:inset(40% 0);transform:translate(8px)}14%{clip-path:inset(80% 0 5%);transform:translate(-4px)}20%{clip-path:inset(0 0 100%);transform:none}to{clip-path:inset(0 0 100%)}}@keyframes glitch2{0%{clip-path:inset(70% 0 10%);transform:translate(6px)}6%{clip-path:inset(10% 0 70%);transform:translate(-8px)}12%{clip-path:inset(50% 0 30%);transform:translate(5px)}18%{clip-path:inset(0 0 100%);transform:none}to{clip-path:inset(0 0 100%)}}@keyframes spin{to{transform:translate(-50%,-50%)rotate(90deg)}}#settings{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#0000 0 45%,#00000a8c 70%);justify-content:flex-end;align-items:stretch}.spanel{background:linear-gradient(170deg,#081028f0,#1a0024f0);border-left:1px solid #3ef2ff73;flex-direction:column;width:min(520px,100vw);height:100%;padding:28px 30px 22px;display:flex;overflow-y:auto;box-shadow:-20px 0 60px #3ef2ff26}.spanel h2{letter-spacing:6px;text-shadow:0 0 16px var(--cyan);margin-bottom:16px;font-size:30px}.spanel h2 small{letter-spacing:4px;opacity:.6;margin-top:4px;font-size:12px;display:block}.set-presets{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.pbtn,.sbtn{font-family:var(--font);letter-spacing:2px;color:#bff8ff;cursor:pointer;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:#001e328c;border:1px solid #3ef2ff8c;padding:8px 4px;font-size:15px;font-weight:700;transition:all .12s}.pbtn small,.sbtn small{letter-spacing:2px;opacity:.6;margin-top:2px;font-size:9px;display:block}.pbtn:hover,.sbtn:hover{color:#fff;box-shadow:0 0 18px var(--cyan);background:#3ef2ff40}.sbtn.primary{border-color:var(--pink);color:#ffd6ef;background:#50003280}.sbtn.hot{border-color:var(--gold);color:#ffe9a0;background:#3c280080}.set-list{flex:1}.set-sec{letter-spacing:5px;color:var(--gold);border-bottom:1px solid #ffd34a40;margin:16px 0 6px;padding-bottom:4px;font-size:12px}.set-row{cursor:pointer;grid-template-columns:150px 1fr 58px;align-items:center;gap:12px;padding:6px 0;display:grid}.set-name{font-family:"Microsoft YaHei", var(--font);color:#e4f6ff;font-size:14px}.set-name small{font-family:var(--font);letter-spacing:2px;opacity:.5;font-size:9px;display:block}.set-val{text-align:right;color:#9fe9ff;font-size:13px}.set-val.mod{color:var(--gold);text-shadow:0 0 8px var(--gold)}.set-row input[type=range]{appearance:none;background:linear-gradient(90deg, var(--cyan) 0 var(--fill,50%), #3ef2ff26 var(--fill,50%));cursor:pointer;outline:none;width:100%;height:6px;box-shadow:0 0 8px #3ef2ff59}.set-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:20px;box-shadow:0 0 10px var(--cyan), 0 0 20px var(--cyan);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#fff}.set-row input[type=range]::-moz-range-thumb{width:14px;height:20px;box-shadow:0 0 10px var(--cyan);background:#fff;border:0}.set-row:hover .set-name{color:#fff;text-shadow:0 0 8px var(--cyan)}.set-foot{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.set-hint{opacity:.5;text-align:center;margin-top:10px;font-family:Microsoft YaHei,sans-serif;font-size:12px}body.ingame.setopen,body.ingame.setopen *{cursor:auto!important}.pop{top:0;left:0}.title-best .sep{opacity:.35;margin:0 10px}#modeLbl{letter-spacing:3px;color:#9fe9ff;opacity:.7;margin-top:2px;font-size:11px}#bossMech{font-family:"Microsoft YaHei", var(--font);letter-spacing:2px;color:#ffe9a0;opacity:0;text-shadow:0 0 10px #ff9a1f;min-height:18px;margin-top:6px;font-size:13px;transition:opacity .2s}#bossMech.on{opacity:1}#boss.shielded .bossbar{border-color:#7fe9ff;box-shadow:0 0 22px #3ef2ff}#boss.shielded #bossFill{filter:saturate(.3)brightness(1.4)}#upList{flex-wrap:wrap;gap:5px;max-width:330px;margin-bottom:6px;display:flex}.up{color:var(--c);border:1px solid var(--c);box-shadow:0 0 8px var(--c);text-shadow:0 0 6px var(--c);background:#00000059;align-items:center;gap:4px;padding:2px 6px;font-size:15px;display:inline-flex;position:relative}.up sub{font-size:10px;font-family:var(--font);color:#fff}.up em{color:#e8f6ff;font-family:Microsoft YaHei,sans-serif;font-size:12px;font-style:normal}#edge{pointer-events:none;z-index:8;position:absolute;inset:0}.ind{width:0;height:0;position:absolute;top:0;left:0}.ind i{border-left:14px solid var(--c);width:0;height:0;filter:drop-shadow(0 0 5px var(--c));opacity:.85;border-top:7px solid #0000;border-bottom:7px solid #0000;position:absolute;top:-7px;left:-16px}.ind.boss i{border-top-width:13px;border-bottom-width:13px;border-left-width:26px;animation:.4s infinite flick;top:-13px;left:-26px}.ind.elite i{border-top-width:9px;border-bottom-width:9px;border-left-width:18px;top:-9px}.ind.item i{border:2px solid var(--c);border-radius:50%;width:12px;height:12px;top:-6px;left:-20px}.ind.spawn i{opacity:.35}#dmgdir{pointer-events:none;z-index:7;position:absolute;inset:0}.dir{opacity:0;background:conic-gradient(from -28deg, #ff2846d9, #ff284600 56deg, transparent 0);border-radius:50%;width:70vmin;height:70vmin;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 62%,#000 66% 70%,#0000 74%);mask:radial-gradient(circle,#0000 62%,#000 66% 70%,#0000 74%)}#hint{z-index:12;pointer-events:none;opacity:0;font-family:"Microsoft YaHei", var(--font);color:#e8f9ff;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);white-space:nowrap;background:#001428b3;border:1px solid #3ef2ff99;padding:10px 22px;font-size:17px;transition:all .35s;position:absolute;bottom:120px;left:50%;transform:translate(-50%,20px);box-shadow:0 0 24px #3ef2ff59}#hint.show{opacity:1;transform:translate(-50%)}#hint.done{border-color:#4aff8a;box-shadow:0 0 30px #4aff8a99}#hint.done:after{content:" ✓";color:#4aff8a}#hint .tag{font-family:var(--font);letter-spacing:3px;color:var(--gold);margin-right:12px;font-size:11px}#hint kbd,#toast kbd{font-size:13px}#toast{z-index:12;pointer-events:none;opacity:0;font-family:"Microsoft YaHei", var(--font);color:#fff;text-align:center;text-shadow:0 0 10px #000, 0 0 20px var(--pink);white-space:nowrap;background:linear-gradient(90deg,#0000,#28001ebf,#0000);padding:8px 24px;font-size:18px;position:absolute;top:21%;left:50%;transform:translate(-50%)}#toast b{color:var(--gold)}#toast.show{animation:4s forwards toastIn}#alert{z-index:12;pointer-events:none;opacity:0;white-space:nowrap;font-family:"Microsoft YaHei", var(--font);letter-spacing:6px;color:#fff;text-shadow:0 0 14px #ff1640,0 0 40px #ff1640;font-size:34px;font-weight:900;position:absolute;top:60%;left:50%;transform:translate(-50%)}#alert.show{animation:1.6s step-end forwards alertIn}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-10px)}8%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes alertIn{0%,20%,40%,60%,80%{opacity:1}10%,30%,50%,70%{opacity:.35}to{opacity:0}}#cards{z-index:25;background:radial-gradient(#0a001e8c,#000008d9);flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}#cards.out{pointer-events:none;animation:.45s forwards fadeOut}body.cardsopen,body.cardsopen *{cursor:auto!important}body.cardsopen #cursor{display:none}.c-title{letter-spacing:10px;color:#fff;text-shadow:0 0 18px var(--cyan), 0 0 40px var(--pink);text-align:center;margin-bottom:26px;font-size:34px;font-weight:900}.c-title small{letter-spacing:4px;opacity:.6;margin-top:6px;font-size:12px;display:block}#cards.boss .c-title:before{content:"BOSS 奖励 · 稀有强化概率提升";letter-spacing:6px;color:var(--gold);text-shadow:0 0 12px #ff8a00;margin-bottom:6px;font-size:14px;display:block}.c-row{flex-wrap:wrap;justify-content:center;gap:26px;display:flex}.card{cursor:pointer;width:250px;min-height:330px;font-family:var(--font);color:#fff;text-align:center;border:2px solid var(--c);box-shadow:0 0 22px color-mix(in srgb, var(--c) 55%, transparent), inset 0 0 30px color-mix(in srgb, var(--c) 18%, transparent);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);background:linear-gradient(170deg,#0a142df2,#140023f2);padding:22px 18px 18px;transition:transform .15s,box-shadow .15s;animation:.5s cubic-bezier(.2,1.3,.4,1) both cardIn;position:relative}.card:hover{box-shadow:0 0 44px var(--c), inset 0 0 40px color-mix(in srgb, var(--c) 30%, transparent);transform:translateY(-10px)scale(1.04)}.card.r-e{background:linear-gradient(170deg,#2d1e00f2,#280014f2)}.card.r-e:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 30%,#fff0b440 45%,#0000 60%) 0 0/250% 100%;animation:2.2s infinite sheen;position:absolute;inset:0}.card .k{color:var(--c);opacity:.8;font-size:14px;position:absolute;top:10px;left:14px}.card .rar{letter-spacing:4px;color:var(--c);font-size:11px}.card .ico{color:var(--c);text-shadow:0 0 16px var(--c), 0 0 36px var(--c);margin:10px 0 2px;font-size:64px;line-height:1.3}.card .nm{font-family:"Microsoft YaHei", var(--font);letter-spacing:3px;font-size:22px;font-weight:800}.card .lv{letter-spacing:2px;color:#9fe9ff;margin-top:6px;font-size:12px}.card .pips{justify-content:center;gap:5px;margin:8px 0 12px;display:flex}.card .pips i{background:#ffffff26;width:16px;height:5px}.card .pips i.on{background:var(--c);box-shadow:0 0 6px var(--c)}.card .pips i.next{background:#fff;animation:.5s infinite flick}.card .ds{color:#d6e6ff;font-family:Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6}.card.picked{animation:.45s forwards cardPick}.card.gone{animation:.35s forwards cardGone}.c-foot{margin-top:26px}.c-foot .sbtn{min-width:220px}.c-foot .sbtn:disabled{opacity:.35;cursor:not-allowed}.c-build{flex-wrap:wrap;justify-content:center;gap:6px;max-width:820px;margin-top:18px;display:flex}@keyframes cardIn{0%{opacity:0;transform:translateY(60px)scale(.8)}to{opacity:1;transform:none}}@keyframes cardPick{30%{filter:brightness(2);transform:scale(1.15)}to{opacity:0;filter:brightness(3);transform:scale(1.4)translateY(-40px)}}@keyframes cardGone{to{opacity:0;transform:translateY(40px)scale(.85)}}@keyframes sheen{0%{background-position:150% 0}to{background-position:-100% 0}}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}.panel.wide{width:min(980px,96vw);max-width:none}.ships{grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 8px;display:grid}.ship{cursor:pointer;text-align:center;border:1px solid color-mix(in srgb, var(--c) 60%, transparent);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);background:#000a198c;padding:18px 14px 14px;transition:all .15s;position:relative}.ship:hover{background:color-mix(in srgb, var(--c) 12%, #000a1999)}.ship.sel{border:2px solid var(--c);box-shadow:0 0 26px color-mix(in srgb, var(--c) 60%, transparent), inset 0 0 30px color-mix(in srgb, var(--c) 18%, transparent)}.ship.locked{cursor:not-allowed}.ship.locked>:not(.lock){filter:grayscale(.9)brightness(.45)}.ship svg{width:120px;height:80px;filter:drop-shadow(0 0 8px var(--c))}.ship .sn{font-family:"Microsoft YaHei", var(--font);color:var(--c);text-shadow:0 0 10px var(--c);font-size:22px;font-weight:800}.ship .sn small{font-family:var(--font);letter-spacing:3px;opacity:.8;margin-left:6px;font-size:11px}.ship .sd{color:#cfe0ff;min-height:36px;margin:6px 0 10px;font-family:Microsoft YaHei,sans-serif;font-size:13px}.ship .bars{color:#9fb8d6;text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;font-family:Microsoft YaHei,sans-serif;font-size:12px;display:grid}.ship .bars span{gap:3px;display:flex}.ship .bars span i{background:#ffffff1f;width:14px;height:6px}.ship .bars span i.on{background:var(--c);box-shadow:0 0 5px var(--c)}.ship .lock{color:#fff;background:#00000059;flex-direction:column;justify-content:center;align-items:center;font-family:Microsoft YaHei,sans-serif;font-size:14px;display:flex;position:absolute;inset:0}.ship .lock b{margin-bottom:6px;font-size:30px}.lbtns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:10px;display:flex}.lbtns .nbtn{min-width:240px;margin:0}.unlock{font-family:"Microsoft YaHei", var(--font);color:#ffe9a0;letter-spacing:2px;text-shadow:0 0 12px var(--gold);margin:6px 0 10px;font-size:16px;animation:1s infinite flick}@media (height<=820px){.card{width:220px;min-height:0;padding:16px 14px 14px}.card .ico{margin:4px 0 0;font-size:46px}.c-title{margin-bottom:14px;font-size:26px}.c-foot{margin-top:14px}}.card .ico,.up{font-family:"Segoe UI Symbol", "Noto Sans Symbols 2", var(--font)}.panel{max-height:96vh;overflow-y:auto}#over .panel,#win .panel{width:min(780px,96vw)}.bpanel h2{margin-bottom:14px}.btabs{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.btab{font-family:"Microsoft YaHei", var(--font);letter-spacing:3px;color:#9fe9ff;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:#00192d80;border:1px solid #3ef2ff59;padding:9px 4px;font-size:17px;font-weight:700;transition:all .12s}.btab small{font-family:var(--font);letter-spacing:3px;opacity:.55;font-size:9px;display:block}.btab:hover{color:#fff;background:#3ef2ff26}.btab.on{color:#fff;border-color:var(--pink);text-shadow:0 0 10px var(--pink);background:#5a003c8c;box-shadow:0 0 20px #ff2fa873}.btable{text-align:left;max-height:52vh;padding-right:4px;overflow-y:auto}.btable.mini{max-height:none;margin-top:10px}.brow{font-family:var(--font);color:#dfefff;background:#ffffff09;border-left:3px solid #0000;grid-template-columns:44px 1.6fr 1.4fr 62px 70px 70px 64px;align-items:center;gap:8px;margin-bottom:4px;padding:7px 10px;font-size:15px;display:grid}.brow.head{font-family:"Microsoft YaHei", var(--font);letter-spacing:3px;color:#7f9fc0;background:0 0;padding-top:0;padding-bottom:2px;font-size:11px}.brow .rk{color:#8fb0d0;text-align:center;font-size:18px;font-weight:900}.brow .nm{font-family:"Microsoft YaHei", var(--font);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.brow .sc{color:#fff;text-align:right;letter-spacing:1px;font-size:17px;font-weight:800}.brow .wv,.brow .mu,.brow .dt{text-align:center;font-size:13px}.brow .mu{color:var(--gold)}.brow .dt{color:#7f9fc0;font-family:"Microsoft YaHei", var(--font);font-size:12px}.brow .sh{text-align:center;color:var(--c);text-shadow:0 0 8px var(--c);font-family:Microsoft YaHei,sans-serif;font-size:13px}.brow .star{color:var(--gold);text-shadow:0 0 8px var(--gold);margin-left:2px}.brow .tag{color:#9fe9ff;vertical-align:2px;border:1px solid #9fe9ff66;margin-left:6px;padding:0 4px;font-size:10px;font-style:normal}.brow .bld{flex-wrap:wrap;grid-column:2/-1;gap:3px;margin-top:2px;display:flex}.brow .bld .up{box-shadow:none;padding:0 4px;font-size:11px}.brow .bld .up sub{font-size:8px}.brow.r1{background:linear-gradient(90deg,#ffd34a29,#ffffff08);border-left-color:#ffd34a}.brow.r1 .rk{color:#ffd34a;text-shadow:0 0 12px #ffd34a}.brow.r2{background:linear-gradient(90deg,#cfe3ff1f,#ffffff08);border-left-color:#cfe3ff}.brow.r2 .rk{color:#e6f0ff;text-shadow:0 0 10px #cfe3ff}.brow.r3{background:linear-gradient(90deg,#ff9a5a21,#ffffff08);border-left-color:#ff9a5a}.brow.r3 .rk{color:#ffb07a;text-shadow:0 0 10px #ff9a5a}.brow.me{outline:1px solid var(--pink);animation:1.2s ease-in-out infinite mePulse;box-shadow:0 0 22px #ff2fa873,inset 0 0 20px #ff2fa826}.brow.me .dt{color:var(--pink);font-weight:800}@keyframes mePulse{50%{box-shadow:0 0 34px #ff2fa8b3,inset 0 0 28px #ff2fa840}}.bgap{text-align:center;color:#5f7f9f;letter-spacing:6px;margin:2px 0 4px;line-height:1}.bempty{text-align:center;color:#7f9fc0;padding:40px 0;font-family:Microsoft YaHei,sans-serif}.bfoot{font-family:"Microsoft YaHei", var(--font);color:#9fb8d6;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin:14px 0 4px;font-size:13px;display:flex}.bfoot b{color:#fff;font-family:var(--font)}.bpanel .lbtns .sbtn{min-width:160px}.rankbox{margin:6px 0 12px}.rankbox:empty{display:none}.rk-line{font-family:"Microsoft YaHei", var(--font);letter-spacing:3px;color:#cfe6ff;font-size:18px}.rk-line b{font-family:var(--font);color:#fff;text-shadow:0 0 14px var(--cyan);margin:0 8px;font-size:30px}.rk-line b.r1{color:#ffd34a;text-shadow:0 0 18px #ffd34a}.rk-line b.r2{color:#e6f0ff;text-shadow:0 0 14px #cfe3ff}.rk-line b.r3{color:#ffb07a;text-shadow:0 0 14px #ff9a5a}.rk-line em{color:var(--gold);text-shadow:0 0 10px var(--gold);font-style:normal;animation:.8s infinite flick}.rk-line span{color:#7f9fc0;font-size:13px}.rk-name{justify-content:center;gap:10px;margin-top:10px;display:flex}.rk-name input{width:260px;font-family:"Microsoft YaHei", var(--font);letter-spacing:2px;text-align:center;color:#fff;border:1px solid var(--cyan);caret-color:var(--pink);background:#001428b3;outline:none;padding:8px 12px;font-size:18px;box-shadow:0 0 14px #3ef2ff66,inset 0 0 10px #3ef2ff26}.rk-name input:focus{border-color:var(--pink);box-shadow:0 0 20px #ff2fa88c}.rk-name .sbtn{min-width:120px}.rk-name .sbtn.done{color:#c9ffd9;border-color:#4aff8a}body.ingame .rk-name input{cursor:text!important}.brow.head span{color:#7f9fc0;text-shadow:none;font-weight:400;font-size:11px!important}.bsrcs{justify-content:center;gap:6px;margin:-6px 0 12px;display:flex}.bsrc{font-family:var(--font);letter-spacing:3px;cursor:pointer;color:#9fe9ff;background:0 0;border:1px solid #3ef2ff59;padding:5px 16px;font-size:11px}.bsrc.on{color:#fff;border-color:var(--cyan);background:#3ef2ff33;box-shadow:0 0 12px #3ef2ff66}.bsrc:disabled{opacity:.3;cursor:not-allowed}.rk-note{color:#ff9aa8;margin-top:4px;font-family:Microsoft YaHei,sans-serif;font-size:12px}