*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#12151f;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}body{font-family:Arial Black,PingFang SC,Microsoft YaHei,Heiti SC,sans-serif;color:#fff}#game{position:fixed;top:0;right:0;bottom:0;left:0}#ui-root{position:fixed;left:0;top:0;pointer-events:none;overflow:hidden}#stage{position:absolute;left:0;top:0;width:1280px;height:720px;transform-origin:0 0}#stage button{font-family:inherit;cursor:pointer}.hide{display:none!important}.blk{--b: #ff6a2a;--d: #b8401a;position:relative;border:0;color:#fff;background:var(--b);font-size:22px;font-weight:900;padding:12px 26px 14px;border-radius:4px;box-shadow:0 7px 0 var(--d),0 7px 0 3px #1a1a22,0 0 0 3px #1a1a22,0 12px 14px #00000059;text-shadow:0 2px 0 rgba(0,0,0,.35);transition:transform .06s,box-shadow .06s;pointer-events:auto;letter-spacing:1px}.blk:before{content:"";position:absolute;left:6px;top:5px;width:14px;height:6px;background:#ffffff73;border-radius:1px}.blk:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 9px 0 var(--d),0 9px 0 3px #1a1a22,0 0 0 3px #1a1a22,0 14px 16px #00000059}.blk:active{transform:translateY(6px);box-shadow:0 1px 0 var(--d),0 1px 0 3px #1a1a22,0 0 0 3px #1a1a22}.blk[disabled]{filter:grayscale(1) brightness(.7);pointer-events:none}.blk small{display:block;font-size:13px;font-weight:700;opacity:.9;margin-top:3px;font-family:PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}.blk.wide{width:420px;text-align:left;padding-left:34px}.blk.small{font-size:16px;padding:8px 16px 10px}.blk.big{font-size:30px;padding:16px 48px 18px}.c-orange{--b: #ff6a2a;--d: #b8401a}.c-blue{--b: #2a9cf0;--d: #1a5ea0}.c-red{--b: #e0302a;--d: #8a1a18}.c-green{--b: #34c05a;--d: #1e7a38}.c-grey{--b: #5a6070;--d: #33374a}.c-yellow{--b: #ffc830;--d: #b08010}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:auto}.screen.show{display:block}#boot{background:#12151f;display:none;flex-direction:column;align-items:center;justify-content:center;gap:24px}#boot.show{display:flex}#boot .logo{width:560px}.bootbar{width:420px;height:26px;background:#22263a;box-shadow:0 0 0 3px #1a1a22,0 5px 0 3px #0a0a10}.bootbar i{display:block;height:100%;background:repeating-linear-gradient(90deg,#ffc830 0,#ffc830 18px,#ff8a2a 18px,#ff8a2a 22px);transform-origin:0 50%;transform:scaleX(0);transition:transform .2s}#boot p{color:#9aa0b8;font-size:16px}#title{background:linear-gradient(90deg,#0a0c16d1 0,#0a0c16d1 30%,#0a0c1659 48%,#0a0c1600 64%)}.row{display:flex;gap:18px;justify-content:center}.menu-col{display:flex;flex-direction:column;gap:13px;align-items:flex-start}.title-deco{position:absolute;left:0;top:0;width:620px;height:720px;pointer-events:none;overflow:hidden}.title-deco i{position:absolute;width:calc(10px + var(--i) % 4 * 6px);height:calc(10px + var(--i) % 4 * 6px);left:calc(20px + var(--i) * 43px);top:calc(40px + (var(--i) * 137px) % 640px);background:hsl(calc(var(--i) * 47deg) 80% 58%);box-shadow:inset -3px -3px #00000047,inset 3px 3px #ffffff59,0 0 0 2px #0d0f18;opacity:.5;animation:floatc calc(3s + var(--i) % 5 * .6s) steps(6) infinite alternate}@keyframes floatc{to{transform:translateY(-22px) rotate(90deg)}}.logo-wrap{position:absolute;left:44px;top:12px;width:470px}#title .logo.big{width:470px;filter:drop-shadow(0 12px 0 rgba(0,0,0,.35)) drop-shadow(0 0 18px rgba(255,190,80,.18));animation:bob 2.6s steps(4) infinite}@keyframes bob{50%{transform:translateY(-6px)}}.tagline{position:absolute;left:62px;top:258px;display:flex;align-items:center;gap:6px}.tagline span{font-size:13px;letter-spacing:5px;color:#ffe7a0;text-shadow:0 2px 0 #000;margin:0 8px;font-family:Arial Black,sans-serif}.tagline i{width:10px;height:10px;background:#ffc830;box-shadow:inset -2px -2px #b07a10,0 0 0 2px #1a1a22}.tagline i:nth-child(2),.tagline i:nth-child(4){background:#ff6a2a;box-shadow:inset -2px -2px #a0401a,0 0 0 2px #1a1a22}.menu-board{position:absolute;left:44px;top:296px;width:476px;padding:20px 20px 18px;background:linear-gradient(180deg,#2b3148,#22273b);box-shadow:0 0 0 4px #10121c,0 10px 0 4px #0a0b12,inset 0 -8px #00000038,inset 0 4px #ffffff0f}.mb-top{position:absolute;left:14px;right:14px;top:-14px;display:flex;justify-content:space-between}.mb-top i,.mb-studs i{width:22px;height:12px;background:#3a4262;border-radius:3px 3px 0 0;box-shadow:inset 0 3px #ffffff2e,0 0 0 3px #10121c}.mbtn{--b: #ff6a2a;--d: #a8401a;--l: #ffa068;position:relative;width:436px;height:62px;border:0;color:#fff;display:flex;align-items:center;gap:14px;padding:0 14px 0 8px;text-align:left;background:linear-gradient(180deg,var(--l) 0 6px,var(--b) 6px);box-shadow:0 0 0 3px #10121c,0 7px 0 3px var(--d),0 7px 0 6px #10121c;pointer-events:auto;transition:transform .07s steps(2)}.mbtn:hover{transform:translate(6px,-2px);filter:brightness(1.08)}.mbtn:hover .mb-ic img{animation:wig .4s steps(2) infinite}@keyframes wig{50%{transform:rotate(-10deg) scale(1.08)}}.mbtn:active{transform:translate(6px,5px);box-shadow:0 0 0 3px #10121c,0 2px 0 3px var(--d),0 2px 0 6px #10121c}.mb-ic{width:50px;height:50px;flex:none;background:#00000038;box-shadow:inset 0 -5px #00000040,inset 0 3px #fff3,0 0 0 3px #10121c8c;display:flex;align-items:center;justify-content:center}.mb-ic img{max-width:42px;max-height:42px;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35))}.mb-tx{display:flex;flex-direction:column;flex:1}.mb-tx b{font-size:23px;letter-spacing:2px;text-shadow:0 3px 0 rgba(0,0,0,.35);line-height:1.1}.mb-tx small{font-size:13px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:700;opacity:.92;margin-top:3px}.mb-studs{position:absolute;right:64px;top:-9px;display:flex;gap:8px}.mb-studs i{width:16px;height:8px;background:var(--l);box-shadow:inset 0 2px #ffffff59,0 0 0 2px #10121c}.mb-key{width:42px;height:34px;flex:none;background:#10121c;color:var(--l);font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 -4px #ffffff14}.m-orange{--b: #ff6a2a;--d: #a8401a;--l: #ffa068}.m-blue{--b: #2a9cf0;--d: #185a98;--l: #7fcaff}.m-red{--b: #e0302a;--d: #861a16;--l: #ff7a6a}.m-green{--b: #34c05a;--d: #1c7434;--l: #8aeaa0}.mini-row{display:flex;gap:14px;margin-top:6px}.mini{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px 0 8px;border:0;color:#e8ebf5;font-size:15px;background:#3a4058;box-shadow:0 0 0 3px #10121c,0 5px 0 3px #252a3c,0 5px 0 6px #10121c;pointer-events:auto;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:800}.mini img{height:32px}.mini:hover{background:#4a5170;transform:translateY(-2px)}.mini:active{transform:translateY(4px);box-shadow:0 0 0 3px #10121c,0 1px 0 3px #252a3c}.progress-chip{position:absolute;right:28px;top:24px;display:flex;gap:12px}.progress-chip>div{background:#1a1d2c;padding:8px 14px 10px;box-shadow:0 0 0 3px #10121c,0 6px 0 3px #0a0b12;min-width:132px}.progress-chip span{display:block;font-size:12px;color:#9aa0b8;font-family:PingFang SC,sans-serif}.progress-chip b{font-size:24px;color:#ffc830}.progress-chip b em{font-style:normal;font-size:14px;color:#6a7088}.pc-bar{display:flex;gap:4px;margin-top:4px}.pc-bar i{width:16px;height:10px;background:#33384e}.pc-bar i.on{background:#ffc830;box-shadow:inset 0 -3px #b08010}.pc-bar i.on.m{background:#8cc43a;box-shadow:inset 0 -3px #4a7a1a}#select,#levels,#pvpsetup{background:#0e101adb}.sel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 34px 0;height:84px}.sel-head h2{font-size:30px;text-shadow:0 3px 0 #000;letter-spacing:2px}.sel-head .team{display:flex;gap:6px;align-items:center;min-width:120px;justify-content:flex-end}.sel-head .team img{height:58px}.sel-head .team b{font-size:26px;color:#ffc830}.flipx{transform:scaleX(-1)}.sel-body{display:flex;gap:22px;padding:14px 34px;height:500px}.grid{display:grid;grid-template-columns:repeat(7,104px);grid-auto-rows:150px;gap:14px;align-content:start;padding-top:6px}.card{position:relative;border:0;background:#2a2f44;box-shadow:0 0 0 3px #1a1a22,0 6px 0 3px #0c0d14;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:8px;transition:transform .08s;color:#fff;overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--cc)}.card:after{content:"";position:absolute;left:10px;right:10px;bottom:34px;height:14px;background:#00000059;border-radius:50%}.card img{height:98px;max-width:96px;object-fit:contain;object-position:bottom;position:relative;z-index:1}.card .nm{font-size:15px;margin-top:6px;z-index:1}.card:hover{transform:translateY(-4px);background:#353b56}.card.picked{background:#3f4768;box-shadow:0 0 0 4px var(--cc),0 6px 0 4px #0c0d14}.card.mon:before{background:repeating-linear-gradient(45deg,var(--cc) 0 8px,#1a1a22 8px 14px)}.card.locked img{filter:brightness(0) opacity(.55)}.card.locked .nm{color:#7a8098}.card .lock{position:absolute;top:40px;left:4px;right:4px;font-size:11px;color:#ffc830;z-index:2;font-family:PingFang SC,sans-serif;background:#0009;padding:3px}.card .badge{position:absolute;top:12px;right:4px;z-index:2;background:var(--cc);color:#fff;font-size:13px;padding:2px 7px;box-shadow:0 3px #000;text-shadow:0 1px 0 #000}.detail{flex:1;background:#1e2233;box-shadow:0 0 0 3px #1a1a22,0 7px 0 3px #0a0b12;padding:18px;font-family:PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.dt-top{display:flex;gap:14px;align-items:center;padding-bottom:12px;border-bottom:4px solid var(--cc);margin-bottom:12px}.dt-top img{height:120px;filter:drop-shadow(0 6px 0 rgba(0,0,0,.4))}.dt-top h3{font-size:24px;font-family:Arial Black,PingFang SC,sans-serif;color:var(--cc);text-shadow:0 2px 0 #000}.dt-top .role{font-size:15px;color:#cfd4e6;margin:4px 0}.dt-top .stat{font-size:14px;color:#9aa0b8}.dt-top .stat b{color:#fff}.sk{margin-bottom:10px}.sk-h{display:flex;align-items:center;gap:8px;font-size:16px}.sk-h em{font-style:normal;font-size:12px;color:#9aa0b8;background:#2a2f44;padding:1px 6px}.sk-h .tag{height:24px}.sk p{font-size:13px;color:#b8bed4;line-height:1.5;margin-top:3px}.pvpnote{font-size:12px;color:#ffc830}.dt-lock{text-align:center;padding-top:30px}.dt-lock img{height:170px;filter:brightness(0) opacity(.5)}.dt-lock h3{font-size:24px;margin:10px 0}.dt-lock p{color:#b8bed4}.sel-foot{position:absolute;left:34px;right:34px;bottom:26px;display:flex;gap:18px;align-items:center}.slot{width:240px;height:76px;background:#1e2233;box-shadow:0 0 0 3px #1a1a22,inset 0 -8px 0 var(--cc);display:flex;align-items:center;gap:10px;padding:0 14px 6px;cursor:pointer;pointer-events:auto}.slot b{font-size:18px;color:var(--cc);min-width:44px;text-shadow:0 2px 0 #000}.slot img{height:62px}.slot span{font-size:18px}.slot:not(.full) span{color:#6a7088;font-size:14px;font-family:PingFang SC,sans-serif}.sel-foot .go{margin-left:auto}.sel-foot .go-hint{font-size:15px;color:#ffc830;font-family:PingFang SC,sans-serif;text-shadow:0 2px 0 #000;margin-left:auto}.sel-foot .go-hint+.go{margin-left:0}.blk.go.ready{animation:pulse .8s steps(2) infinite}@keyframes pulse{50%{filter:brightness(1.25);transform:translateY(-3px)}}.lv-foot{position:absolute;right:34px;bottom:30px;display:flex;gap:16px;align-items:center}.lv-foot span{font-size:15px;color:#cfd4e6;font-family:PingFang SC,sans-serif}.lv.cur{box-shadow:0 0 0 4px #ffc830,0 8px 0 4px #0a0b12}.lv-row{display:flex;gap:18px;padding:40px 34px}.lv{width:227px;border:0;background:#1e2233;box-shadow:0 0 0 3px #1a1a22,0 8px 0 3px #0a0b12;color:#fff;text-align:left;padding:0 0 14px;transition:transform .08s;font-family:PingFang SC,sans-serif}.lv:hover{transform:translateY(-6px)}.lv .thumb{height:150px;background-size:cover;background-position:center;position:relative;border-bottom:6px solid var(--lt)}.lv .num{position:absolute;left:10px;top:8px;font:900 52px Arial Black,sans-serif;color:#fff;text-shadow:0 4px 0 #000,0 0 0 #000}.lv .stamp{position:absolute;right:8px;bottom:8px;background:#34c05a;padding:3px 10px;font-weight:900;transform:rotate(-8deg);box-shadow:0 3px #1e7a38}.lv h4{font:900 22px Arial Black,PingFang SC,sans-serif;margin:12px 14px 4px}.lv p{font-size:13px;color:#9aa0b8;margin:0 14px 10px;min-height:36px}.lv .rw{display:flex;align-items:center;gap:4px;margin:0 14px;font-size:13px;color:#ffc830;height:50px}.lv .rw img{height:46px}.lv .rw img.sil{filter:brightness(0) opacity(.6)}.lv.locked{filter:grayscale(.9) brightness(.55)}.lv.locked:after{content:"🔒"}h3.sub{font-size:20px;margin:16px 34px 10px;color:#ffc830}.opt-row{display:flex;gap:18px;padding:0 34px}.opt{flex:1;border:0;background:#1e2233;color:#fff;padding:14px;box-shadow:0 0 0 3px #1a1a22,0 6px 0 3px #0a0b12;text-align:left;font-family:PingFang SC,sans-serif}.opt b{display:block;font:900 20px Arial Black,PingFang SC,sans-serif}.opt span{font-size:13px;color:#9aa0b8}.opt.on{background:#3a2a2a;box-shadow:0 0 0 4px #e0302a,0 6px 0 4px #0a0b12}.opt .thumb{height:90px;background-size:cover;margin:-14px -14px 10px}.keys-note{margin:22px 34px 0;font-size:13px;color:#9aa0b8;font-family:PingFang SC,sans-serif}#pvpsetup .go{position:absolute;right:40px;bottom:30px;top:auto}#hud{position:absolute;top:0;right:0;bottom:0;left:0}.pan{position:absolute;top:14px;display:flex;gap:10px;align-items:flex-start}.pan.p0{left:16px}.pan.p1{right:16px;flex-direction:row-reverse}.por{width:78px;height:78px;background:var(--cc);box-shadow:0 0 0 3px #1a1a22,0 6px 0 3px #0a0b12,inset 0 -10px #00000040;overflow:hidden;position:relative}.por img{position:absolute;left:50%;top:4px;height:150px;transform:translate(-50%)}.p1 .por img{transform:translate(-50%) scaleX(-1)}.por em{position:absolute;left:0;bottom:0;background:#1a1a22;font-style:normal;font-size:13px;padding:1px 5px}.pan .info{display:flex;flex-direction:column;gap:5px}.p1 .info{align-items:flex-end}.pan .nm{font-size:16px;text-shadow:0 2px 0 #000,0 0 4px #000;display:flex;gap:8px;align-items:baseline}.pan .nm .alt{font-size:12px;color:#cfd4e6;font-family:PingFang SC,sans-serif}.hp{position:relative;display:flex;gap:2px;background:#1a1a22;padding:3px;box-shadow:0 4px #000}.hp i{width:12px;height:16px;background:#5aea6a;box-shadow:inset 0 -4px #2fae45,inset 0 3px #fff6}.low .hp i{background:#ff5a3a;box-shadow:inset 0 -4px #b02a1a}.hp i.off{background:#3a3e50;box-shadow:none}.hp i.drop{position:absolute;background:#ffd23a;animation:drop .55s steps(6) forwards}@keyframes drop{to{transform:translate(8px,34px) rotate(90deg);opacity:0}}.pan.hit .por{animation:hitpor .25s steps(3)}@keyframes hitpor{33%{transform:translate(-4px,2px);filter:brightness(2)}66%{transform:translate(4px,-2px)}}.sks{display:flex;gap:6px}.skb{position:relative;height:34px;min-width:104px;background:#262a3c;box-shadow:0 0 0 2px #1a1a22,0 4px 0 2px #000;display:flex;align-items:center;gap:3px;padding:0 22px 0 7px;font-size:13px;overflow:hidden;pointer-events:auto}.skb img{height:20px}.skb .n{white-space:nowrap}.skb .key{position:absolute;right:0;top:0;bottom:0;width:18px;background:#1a1a22;display:flex;align-items:center;justify-content:center;font-size:12px;color:#ffc830}.skb .cdm{position:absolute;left:0;right:18px;top:0;bottom:0;background:#0a0a10b8;transform-origin:50% 100%}.skb .cdt{position:absolute;left:0;right:18px;text-align:center;font-size:18px;text-shadow:0 2px 0 #000}.skb.ready{background:#3a4260;box-shadow:0 0 0 2px #ffc830,0 4px 0 2px #000}.status{display:flex;gap:4px;min-height:18px}.status span{font-size:12px;background:#2a9cf0;padding:1px 6px;box-shadow:0 2px #000}.status .down{background:#e0302a;animation:blink .5s steps(2) infinite}@keyframes blink{50%{opacity:.5}}.lives{position:absolute;left:110px;top:128px;display:flex;gap:5px}.lives i{width:18px;height:18px;background:#ff4a5a;box-shadow:0 0 0 2px #1a1a22,inset 0 -4px #b0203a}.lives i.off{background:#3a3e50;box-shadow:0 0 0 2px #1a1a22}.wins{position:absolute;left:50%;top:16px;transform:translate(-50%);display:flex;gap:12px;align-items:center;background:#1a1a22;padding:6px 14px;box-shadow:0 5px #000}.wins b{font-size:16px}.wins span{display:flex;gap:4px}.wins i{width:18px;height:18px;background:#3a3e50}.wins i.on{background:#ffc830;box-shadow:inset 0 -4px #b08010}.cdown{position:absolute;left:50%;top:66px;transform:translate(-50%);text-align:center;background:#1a1a22;padding:4px 18px 6px;box-shadow:0 5px #000}.cdown span{display:block;font-size:12px;color:#9aa0b8}.cdown b{font-size:28px}.cdown.urgent b{color:#ff5a3a;animation:blink .3s steps(2) infinite}#hud .gohint{position:absolute;right:40px;top:300px;font-size:44px;color:#ffc830;text-shadow:0 5px 0 #000;animation:go .5s steps(2) infinite}@keyframes go{50%{transform:translate(14px)}}.bossbar{position:absolute;left:50%;bottom:20px;transform:translate(-50%);width:640px}.bossbar .bn{font-size:18px;text-shadow:0 2px 0 #000;margin-bottom:4px;text-align:center}.bossbar .bb{height:22px;background:#1a1a22;padding:3px;box-shadow:0 5px #000}.bossbar .bb i{display:block;height:100%;background:repeating-linear-gradient(90deg,#ff4a3a 0,#ff4a3a 26px,#c02a1a 26px,#c02a1a 30px);transform-origin:0 50%;transition:transform .15s steps(3)}.bossbar.vuln .bb i{background:repeating-linear-gradient(90deg,#ffd23a 0,#ffd23a 26px,#c09010 26px,#c09010 30px)}.pausebtn{position:absolute;right:16px;top:128px;width:44px;height:40px;border:0;background:#1a1a22;color:#fff;font-size:16px;box-shadow:0 4px #000;pointer-events:auto}.pan.p1~.pausebtn{right:50%;top:110px;transform:translate(50%)}#banner{position:absolute;left:0;right:0;top:200px;display:flex;justify-content:center}#banner .bn{text-align:center;animation:stamp .35s cubic-bezier(.2,1.6,.4,1)}#banner .bn b{display:inline-block;font-size:56px;background:#ff6a2a;padding:6px 30px 10px;box-shadow:0 0 0 5px #1a1a22,0 12px 0 5px #0a0a10;text-shadow:0 4px 0 rgba(0,0,0,.35);transform:rotate(-2deg)}#banner .bn.boss b{background:#e0302a}#banner .bn span{display:block;margin-top:22px;font-size:20px;text-shadow:0 2px 0 #000,0 0 8px #000;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:800}#banner .bn.out{animation:bout .35s steps(4) forwards}@keyframes stamp{0%{transform:scale(2.2);opacity:0}}@keyframes bout{to{transform:translateY(-30px);opacity:0}}#toasts{position:absolute;left:50%;top:116px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:760px}.toast{display:flex;align-items:center;gap:10px;background:#fff4d6;color:#2a2018;padding:8px 18px;font-size:17px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-weight:800;box-shadow:0 0 0 3px #1a1a22,0 6px 0 3px #b08a4a;animation:tin .25s steps(3)}.toast img{height:34px}.toast.out{animation:bout .3s steps(3) forwards}@keyframes tin{0%{transform:translateY(-16px);opacity:0}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080a12b3;display:none;align-items:center;justify-content:center;pointer-events:auto}.overlay.show{display:flex}.overlay .panel{background:#22273a;padding:28px 40px 34px;box-shadow:0 0 0 4px #1a1a22,0 12px 0 4px #0a0b12,inset 0 8px #ffc830;display:flex;flex-direction:column;align-items:center;gap:18px;min-width:520px;animation:stamp .3s cubic-bezier(.2,1.5,.4,1)}.overlay .menu-col{align-items:center}.ph{font-size:34px;text-shadow:0 3px 0 #000}.overlay.wide .panel{width:1160px}.help{display:flex;gap:30px;width:100%;font-family:PingFang SC,Microsoft YaHei,sans-serif;text-align:left}.hcol{flex:1}.hcol h4{font-size:18px;color:#ffc830;margin:6px 0 8px}.help table{width:100%;border-collapse:collapse;font-size:14px}.help td,.help th{padding:4px 6px;border-bottom:2px solid #1a1a22}.help th{color:#9aa0b8;text-align:left}.note{font-size:13px;color:#b8bed4;line-height:1.5;margin:6px 0;font-family:PingFang SC,sans-serif}.tags{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tags div{display:flex;align-items:center;gap:6px;font-size:13px}.tags img{height:30px}.tags span{color:#b8bed4}.hc{display:flex;gap:10px;margin-bottom:8px}.hc img{height:80px}.hc b{font-size:16px}.hc p{font-size:12px;color:#b8bed4;line-height:1.45}.sets{display:flex;flex-direction:column;gap:18px;width:400px;font-family:PingFang SC,sans-serif;font-size:18px}.sets label{display:flex;justify-content:space-between;align-items:center}.sets input[type=range]{width:220px;accent-color:#ffc830;pointer-events:auto}.stampbig{font-size:72px;background:#34c05a;padding:4px 36px 10px;transform:rotate(-3deg);box-shadow:0 0 0 5px #1a1a22,0 12px 0 5px #0a0a10;animation:stamp .4s cubic-bezier(.2,1.8,.4,1)}.stampbig.red{background:#e0302a}.rt{font-size:22px}.rstats{display:flex;gap:20px}.rstats div{background:#1a1a22;padding:8px 20px;text-align:center;box-shadow:0 4px #000}.rstats span{display:block;font-size:12px;color:#9aa0b8}.rstats b{font-size:28px;color:#ffc830}.newchars h4{text-align:center;color:#ffc830;font-size:20px;margin-bottom:8px}.newchars>div{display:flex;gap:16px;justify-content:center}.nc{background:#1a1a22;padding:10px 16px;display:flex;flex-direction:column;align-items:center;box-shadow:0 0 0 3px var(--cc),0 6px 0 3px #000;animation:stamp .5s .3s both cubic-bezier(.2,1.6,.4,1)}.nc img{height:110px}.nc b{font-size:16px}.nc span{font-size:12px;color:#9aa0b8;font-family:PingFang SC,sans-serif}.ending{max-width:560px;text-align:center;color:#ffe7a0;font-family:PingFang SC,sans-serif;line-height:1.6}.pvpwin{display:flex;gap:20px;align-items:center}.pvpwin img{height:170px;filter:drop-shadow(0 8px 0 rgba(0,0,0,.4))}.pvpwin b{display:block;font-size:40px;color:var(--cc);text-shadow:0 3px 0 #000}.pvpwin span{font-size:18px}#touch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stick{position:absolute;left:40px;bottom:40px;width:170px;height:170px;background:#1a1a2273;box-shadow:0 0 0 4px #ffffff40;border-radius:22px;pointer-events:auto;touch-action:none}.stick i{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px 0 0 -35px;background:#ffc830;box-shadow:0 0 0 3px #1a1a22,inset 0 -8px #b08010;border-radius:10px}.btns button{position:absolute;border:0;color:#fff;font-weight:900;font-size:15px;background:#2a9cf0d9;box-shadow:0 0 0 3px #1a1a22,0 6px 0 3px #0a0a10;pointer-events:auto;touch-action:none;border-radius:10px}.btns button.on{transform:translateY(5px);box-shadow:0 0 0 3px #1a1a22,0 1px 0 3px #0a0a10}.b-atk{right:60px;bottom:50px;width:120px;height:120px;font-size:22px!important;background:#ff6a2ae6!important}.b-s1{right:200px;bottom:40px;width:96px;height:76px}.b-s2{right:90px;bottom:190px;width:96px;height:76px}.b-jump{right:210px;bottom:140px;width:76px;height:64px;background:#34c05ad9!important}.b-swap{right:200px;bottom:230px;width:76px;height:50px;background:#5a6070d9!important}#flip{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(9,1fr);pointer-events:none}#flip i{background:var(--c);transform:scale(0) rotate(45deg);box-shadow:inset 0 -10px #00000040}#flip.in,#flip.out{pointer-events:auto}#flip.in i{animation:fin .3s var(--d) both steps(4)}#flip.out i{animation:fout .3s var(--d) both steps(4)}@keyframes fin{0%{transform:scale(0) rotate(45deg)}to{transform:scale(1.02) rotate(0)}}@keyframes fout{0%{transform:scale(1.02) rotate(0)}to{transform:scale(0) rotate(-45deg)}}