*{box-sizing:border-box}html,body{color:#eef2f7;background:#0e1116;height:100%;margin:0;font-family:system-ui,-apple-system,PingFang SC,sans-serif;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui .panel{pointer-events:auto}.perf{white-space:pre;color:#cfe3ff;pointer-events:none;background:#080c12b3;border:1px solid #2c3a4d;border-radius:6px;padding:6px 10px;font:12px/1.5 ui-monospace,Menlo,monospace;position:absolute;top:10px;left:10px}.frost-screen{pointer-events:none;opacity:calc(.4 + var(--f,0) * .6);box-shadow:inset 0 0 calc(var(--f,0) * 180px) #6eb9f08c;-webkit-mask-image:radial-gradient(ellipse at center, transparent calc(80% - var(--f,0) * 50%), #000 calc(100% - var(--f,0) * 28%));-webkit-mask-image:radial-gradient(ellipse at center, transparent calc(80% - var(--f,0) * 50%), #000 calc(100% - var(--f,0) * 28%));mask-image:radial-gradient(ellipse at center, transparent calc(80% - var(--f,0) * 50%), #000 calc(100% - var(--f,0) * 28%));background-size:100% 100%;position:absolute;inset:0}.frost-screen[hidden]{display:none}.stun-screen{pointer-events:none;animation:.12s steps(2,end) infinite stun-flicker;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 160px 40px #3caaff8c}.stun-screen[hidden]{display:none}.stun-screen:before{content:"";background:repeating-linear-gradient(0deg,#78d2ff21 0 2px,#0000 2px 5px);animation:.6s linear infinite stun-roll;position:absolute;inset:-40px 0}.stun-screen:after{content:"";background:linear-gradient(#0000 0 46%,#aaebff59 48%,#0000 52%);animation:1.1s linear infinite stun-band;position:absolute;inset:0}.stun-card{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);font:22px var(--font-cn);color:var(--ink);border-radius:12px;align-items:baseline;gap:12px;padding:8px 18px;display:flex;position:absolute;top:28%;left:50%;transform:translate(-50%)rotate(-2deg)}.stun-card b{color:#1c7fd6;font-weight:400}.stun-card span{font:20px var(--font-display)}.hit-layer{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.hit-pop{white-space:nowrap;line-height:1;font-family:var(--font-display);letter-spacing:.03em;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink);will-change:transform, opacity;justify-items:center;font-size:22px;display:grid;position:absolute;top:0;left:0}.hit-pop.crit{text-shadow:3px 3px 0 var(--ink)}.hit-pop b{font:20px var(--font-cn);-webkit-text-stroke:2px var(--ink)}.hit-pop span{font-size:34px}.hit-pop.dealt{color:#fff3c4}.hit-pop.dealt.crit{color:var(--yellow)}.hit-pop.dealt.crit span{color:#ffb23f}.hit-pop.taken{color:#ff6b6b}.hit-pop.dealt.front{color:#b8c0cc;font-size:17px}.hit-pop.dealt.weak{color:#ff9a3c}.hit-pop.dealt.weak b{color:#ffd23f;font-size:22px}.hit-pop.dealt.weak span{font-size:38px}.hit-pop.proc b{text-shadow:2px 2px 0 var(--ink);font-size:22px}.hitfx{pointer-events:none;z-index:6;position:absolute;inset:0;overflow:hidden}.hitfx-vignette{opacity:0;will-change:opacity;background:radial-gradient(#ff281e00 48%,#dc181461 76%,#960000cc 100%);position:absolute;inset:0}.hitfx-marker{opacity:0;width:34px;height:34px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hitfx-marker i{background:#fff;border-radius:2px;width:11px;height:3.5px;margin:-1.75px 0 0 -5.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1.5px #16120e}.hitfx-marker i:first-child{transform:rotate(45deg)translate(-12px)}.hitfx-marker i:nth-child(2){transform:rotate(135deg)translate(-12px)}.hitfx-marker i:nth-child(3){transform:rotate(225deg)translate(-12px)}.hitfx-marker i:nth-child(4){transform:rotate(315deg)translate(-12px)}.hitfx-marker.hit{animation:.28s ease-out forwards hitfx-mark}.hitfx-marker.crit{animation:.4s ease-out forwards hitfx-mark}.hitfx-marker.crit i{background:#ffd23f;width:14px}.hitfx-marker.kill{animation:.7s ease-out forwards hitfx-mark-kill}.hitfx-marker.kill i{background:#ff4a3a;width:17px;height:4.5px}@keyframes hitfx-mark{0%{opacity:1;transform:translate(-50%,-50%)scale(1.5)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}@keyframes hitfx-mark-kill{0%{opacity:1;transform:translate(-50%,-50%)scale(2.2)rotate(-20deg)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.hitfx-arc{opacity:0;will-change:opacity, transform;width:min(70vh,560px);height:min(70vh,560px);-webkit-mask:conic-gradient(from -30deg, #000 0 60deg, transparent 60deg);-webkit-mask:conic-gradient(from -30deg, #000 0 60deg, transparent 60deg);mask:conic-gradient(from -30deg, #000 0 60deg, transparent 60deg);filter:drop-shadow(0 0 2px #16120e)drop-shadow(0 0 10px #ff281eb3);border:12px solid #0000;border-top-color:#ff3a2af2;border-radius:50%;position:absolute;top:50%;left:50%}.hitfx-arc.rear{border-width:16px;animation:.24s steps(2,jump-none) 2 hitfx-arc-rear}@keyframes hitfx-arc-rear{0%{border-top-color:#fff1e0}to{border-top-color:#ff1a10}}.hitfx-kill{opacity:0;white-space:nowrap;font:40px var(--font-cn);color:#ff5a4a;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.hitfx-kill.show{animation:1.4s ease-out forwards hitfx-kill}.hitfx-whiteout{opacity:0;mix-blend-mode:screen;will-change:opacity;background:radial-gradient(#fff 0%,#bfefff 55%,#5cc8ff 100%);position:absolute;inset:0}.hitfx-ult{opacity:0;white-space:nowrap;font:54px var(--font-cn);color:#ffd23f;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.hitfx-ult.show{animation:1.3s ease-out forwards hitfx-ult}@keyframes hitfx-ult{0%{opacity:0;transform:translate(-50%,-50%)scale(3)rotate(8deg)}10%{opacity:1;transform:translate(-50%,-50%)scale(.9)rotate(-4deg)}18%{transform:translate(-50%,-50%)scale(1.08)rotate(-4deg)}26%{transform:translate(-50%,-50%)scale(1)rotate(-4deg)}78%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)rotate(-4deg)}}@keyframes hitfx-kill{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)rotate(-6deg)}12%{opacity:1;transform:translate(-50%,-50%)scale(.92)rotate(-3deg)}20%{transform:translate(-50%,-50%)scale(1.06)rotate(-3deg)}30%{transform:translate(-50%,-50%)scale(1)rotate(-3deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-3deg)}to{opacity:0;transform:translate(-50%,-62%)scale(.95)rotate(-3deg)}}.burn-screen{pointer-events:none;--heat:.5;box-shadow:inset 0 0 calc(90px + 110px * var(--heat)) calc(10px + 50px * var(--heat)) rgba(255, 110, 20, calc(.25 + .4 * var(--heat)));animation:.18s steps(3,end) infinite burn-flicker;position:absolute;inset:0}.burn-screen[hidden]{display:none}.burn-card{border:3px solid var(--ink);box-shadow:var(--shadow-sm);font:16px var(--font-cn);color:var(--ink);text-align:center;background:#ffe0b8;border-radius:12px;gap:2px;padding:6px 16px;display:grid;position:absolute;top:28%;left:50%;transform:translate(-50%)rotate(2deg)}.burn-card b{color:#d8431c;font-size:22px;font-weight:400}@keyframes burn-flicker{0%{opacity:1}33%{opacity:.85}66%{opacity:.95}}.sunder-screen{pointer-events:none;background:linear-gradient(135deg,#ff783c8c 0 1px,#0000 2px) 0 0/160px 160px no-repeat,linear-gradient(35deg,#0000 49%,#ff965a80 50%,#0000 51%) 0 0/220px 140px no-repeat,linear-gradient(-40deg,#0000 49%,#ff965a80 50%,#0000 51%) 100% 100%/240px 150px no-repeat,linear-gradient(60deg,#0000 49%,#ff965a73 50%,#0000 51%) 100% 0/180px 200px no-repeat,linear-gradient(-70deg,#0000 49%,#ff965a73 50%,#0000 51%) 0 100%/170px 210px no-repeat;animation:.7s ease-in-out infinite sunder-throb;position:absolute;inset:0;box-shadow:inset 0 0 120px 24px #ff5a1e61}.sunder-screen[hidden]{display:none}.sunder-card{border:3px solid var(--ink);box-shadow:var(--shadow-sm);font:15px var(--font-cn);color:var(--ink);background:#ffd6c2;border-radius:12px;align-items:baseline;gap:10px;padding:5px 14px;display:flex;position:absolute;top:34%;left:50%;transform:translate(-50%)rotate(-3deg)}.sunder-card b{color:#d8431c;font-size:20px;font-weight:400}.sunder-card i{font:16px var(--font-display);font-style:normal}@keyframes sunder-throb{50%{opacity:.75}}.field-screen{pointer-events:none;animation:1.6s ease-in-out infinite field-breathe;position:absolute;inset:0}.field-screen[hidden]{display:none}.field-screen[data-state=ward]{box-shadow:inset 0 0 140px 30px #ffcd5a6b}.field-screen[data-state=suppress]{box-shadow:inset 0 0 170px 50px #9646ff80}.field-badge{white-space:nowrap;background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-sm);font:16px var(--font-cn);color:var(--ink);border-radius:10px;padding:5px 14px;position:absolute;top:144px;left:50%;transform:translate(-50%)}.field-screen[data-state=ward] .field-badge{background:#fff1b8}.field-screen[data-state=suppress] .field-badge{background:#e6d4ff}@keyframes field-breathe{50%{opacity:.7}}@keyframes stun-flicker{0%{opacity:1}50%{opacity:.8}}@keyframes stun-roll{0%{transform:translateY(0)}to{transform:translateY(5px)}}@keyframes stun-band{0%{transform:translateY(-60%)}to{transform:translateY(60%)}}.charge-screen{pointer-events:none;opacity:calc(.25 + .75 * var(--p,0));background:radial-gradient(ellipse at 50% 55%, transparent calc(62% - 22% * var(--p,0)), #ff7a1a57 calc(84% - 14% * var(--p,0)), #7fe8ff80 100%);animation:.11s steps(2,end) infinite charge-flicker;position:absolute;inset:0}.charge-screen[hidden]{display:none}@keyframes charge-flicker{50%{filter:brightness(1.25)}}.void-screen{pointer-events:none;opacity:calc(.2 + .8 * var(--p,0));background:radial-gradient(ellipse at var(--cx,50%) var(--cy,50%), transparent calc(58% - 26% * var(--p,0)), #2e0e5c6b calc(80% - 14% * var(--p,0)), #06020ed1 100%);position:absolute;inset:0;overflow:hidden}.void-screen:before{content:"";left:var(--cx,50%);top:var(--cy,50%);width:260vmax;height:260vmax;opacity:var(--p,0);background:repeating-conic-gradient(#b48cff00 0deg 9deg,#b48cff38 10deg,#ff5ee000 12deg 21deg);margin:-130vmax 0 0 -130vmax;animation:1.6s linear infinite void-wheel;position:absolute;-webkit-mask:radial-gradient(circle,#0000 18vmax,#000 60vmax);mask:radial-gradient(circle,#0000 18vmax,#000 60vmax)}.void-screen[hidden],.void-flash[hidden]{display:none}@keyframes void-wheel{to{transform:rotate(-360deg)}}.void-flash{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#f6efff 0%,#c9a8ff 55%,#8b5cff 100%);position:absolute;inset:0}.speed-lines{pointer-events:none;opacity:var(--p,0);position:absolute;inset:0;overflow:hidden}.speed-lines[hidden]{display:none}.speed-lines:before{content:"";background:repeating-conic-gradient(#fff0 0deg 3.1deg,#ffffffbf 3.4deg,#fff0 3.8deg 6.9deg,#fff4dc80 7.1deg,#fff0 7.4deg 11deg);width:260vmax;height:260vmax;margin:-130vmax 0 0 -130vmax;animation:.12s steps(2,end) infinite speed-jitter;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 26vmax,#000 55vmax);mask:radial-gradient(circle,#0000 26vmax,#000 55vmax)}@keyframes speed-jitter{50%{transform:rotate(2.3deg)scale(1.03)}}:root{--ink:#16120e;--paper:#fff4dc;--paper-2:#ffe9bd;--paper-3:#f3d79a;--yellow:#ffd23f;--orange:#ff8a2b;--red:#ff4d5e;--blue:#37a2ff;--green:#5fd66b;--cyan:#62e2ff;--shadow:6px 6px 0 var(--ink);--shadow-sm:3px 3px 0 var(--ink);--font-display:"Bangers", "ZCOOL KuaiLe", "PingFang SC", system-ui, sans-serif;--font-cn:"ZCOOL KuaiLe", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif}.sketch{isolation:isolate;position:relative}.sketch:before{content:"";z-index:-1;border-radius:inherit;border:3px solid var(--ink);filter:url(#sketch);pointer-events:none;position:absolute;inset:0}.toon-panel{background:radial-gradient(circle at 1px 1px, #16120e12 1px, transparent 1.4px) 0 0 / 9px 9px, linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);color:var(--ink);box-shadow:var(--shadow), inset 0 3px 0 #ffffffd9, inset 0 -4px 0 #a06e1e2e;border-radius:18px}.toon-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink);margin:0;font-weight:400;line-height:1}.toon-btn{font-family:var(--font-cn);color:var(--ink);cursor:pointer;background:linear-gradient(180deg, #ffe680 0%, var(--yellow) 55%, #f0b91c 100%);box-shadow:var(--shadow-sm), inset 0 3px 0 #ffffffbf, inset 0 -3px 0 #78460040;border:none;border-radius:14px;padding:10px 18px;font-size:17px;transition:transform 80ms,box-shadow 80ms}.toon-btn:hover{box-shadow:4px 4px 0 var(--ink), inset 0 3px 0 #ffffffbf, inset 0 -3px 0 #78460040;transform:translate(-1px,-1px)rotate(-.6deg)}.toon-btn:active{box-shadow:0 0 0 var(--ink), inset 0 3px 0 #78460033;transform:translate(3px,3px)}.toon-btn:disabled{filter:grayscale(.8)brightness(.95);cursor:default;transform:none}.toon-btn.red{background:linear-gradient(180deg, #ff8a95 0%, var(--red) 60%, #d8303f 100%);color:#fff;text-shadow:2px 2px 0 var(--ink)}.toon-btn.blue{background:linear-gradient(180deg, #8fcbff 0%, var(--blue) 60%, #1d7fd6 100%);color:#fff;text-shadow:2px 2px 0 var(--ink)}.toon-btn.ghost{background:linear-gradient(180deg, #fffaf0, var(--paper-2))}.toon-btn.big{font-size:28px;font-family:var(--font-display);letter-spacing:.06em;padding:12px 34px}.toon-input,.toon-select{font-family:var(--font-cn);color:var(--ink);border:3px solid var(--ink);background:#fffdf6;border-radius:12px;width:100%;padding:8px 12px;font-size:16px;box-shadow:inset 0 3px #00000014}.toon-input:focus,.toon-select:focus{box-shadow:inset 0 3px 0 #00000014, 0 0 0 3px var(--yellow);background:#fff;outline:none}.toon-label{font-family:var(--font-cn);color:#6d5530;gap:4px;font-size:14px;display:grid}.toon-chip{font-family:var(--font-cn);border:2px solid var(--ink);background:#fffdf6;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:inline-flex}.lobby{pointer-events:auto;font-family:var(--font-cn);background:radial-gradient(circle at 2px 2px,#16120e47 1.2px,#0000 1.6px) 0 0/12px 12px,radial-gradient(at 60% 40%,#ffd23f0d,#0c0a088c 80%);grid-template-rows:auto 1fr;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:22px;padding:22px 28px 28px;display:grid;position:absolute;inset:0;overflow:auto}.lobby-head{flex-wrap:wrap;grid-column:1/-1;align-items:flex-end;gap:18px;display:flex}.logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 5px 0 var(--ink);transform-origin:0 100%;font-size:clamp(44px,6vw,76px);line-height:.9;transform:rotate(-2.5deg)}.logo span{color:var(--red)}.tagline{font-family:var(--font-cn);color:var(--ink);background:var(--yellow);box-shadow:var(--shadow-sm);border-radius:10px;padding:4px 14px;font-size:18px;transform:rotate(1.5deg)translateY(-8px)}.player-card{align-self:start;gap:14px;padding:18px;display:grid;transform:rotate(-.8deg)}.player-card .toon-title{font-size:30px}.loadout-mini{gap:6px;display:grid}.loadout-mini div{border-bottom:2px dashed #16120e40;justify-content:space-between;gap:8px;padding-bottom:4px;font-size:14px;display:flex}.loadout-mini span{color:#7c6236}.gpu-note{color:#7c6236;font-size:11px;line-height:1.5}.commander{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.commander b{color:var(--ink);overflow-wrap:anywhere;font-size:24px}.record{text-align:center;color:#7c6236;grid-template-columns:repeat(4,1fr);gap:4px;font-size:13px;display:grid}.record div{background:#ffffff8c;border-radius:8px;padding:4px 2px}.record b{color:var(--ink);font-size:18px;display:block}.record>span{grid-column:1/-1}.auth{pointer-events:auto;font-family:var(--font-cn);background:radial-gradient(circle at 2px 2px,#16120e47 1.2px,#0000 1.6px) 0 0/12px 12px,radial-gradient(at 60% 40%,#ffd23f0d,#0c0a0899 80%);align-content:start;justify-items:center;gap:26px;padding:7vh 16px 32px;display:grid;position:absolute;inset:0;overflow:auto}.auth .lobby-head{justify-content:center}.auth-card{width:min(420px,100%);padding:22px 24px 24px;transform:rotate(-.5deg)}.auth-card form,.auth-verify{gap:14px;display:grid}.auth-card h3{margin:0;font-size:22px}.auth-card p{margin:0;font-size:15px;line-height:1.6}.auth-card small{color:#8a7148;font-size:12px}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.auth-tabs button{font:20px var(--font-cn);border:3px solid var(--ink);cursor:pointer;color:#7c6236;background:#ffffff80;border-radius:12px;padding:8px}.auth-tabs button.on{background:var(--yellow);color:var(--ink);box-shadow:var(--shadow-sm)}.auth-msg{color:#c01d2c;font-size:14px!important}.auth-msg.good{color:#2f8f3d}.auth-link{font:14px var(--font-cn);color:#7c6236;cursor:pointer;background:0 0;border:none;justify-self:center;padding:0;text-decoration:underline}.auth-link:hover{color:var(--ink)}.auth-mail{text-align:center;font-size:48px}.auth-verify{text-align:center}.battles{flex-direction:column;gap:14px;min-height:0;padding:18px 20px 20px;display:flex;transform:rotate(.4deg)}.battles-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.battles-head .toon-title{font-size:40px}.count-badge{font-family:var(--font-display);text-align:center;background:var(--red);color:#fff;min-width:36px;text-shadow:2px 2px 0 var(--ink);box-shadow:var(--shadow-sm);border-radius:10px;padding:0 8px;font-size:22px;transform:rotate(-4deg)}.battles-head .spacer{flex:1}.create-form{background:var(--paper-3);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:none}.create-form.open{display:flex}.create-form .weather-select{flex:none;width:auto}.battle-list{gap:12px;padding:4px 8px 8px 2px;display:grid;overflow-y:auto}.battle{cursor:pointer;text-align:left;font:inherit;color:var(--ink);background:linear-gradient(180deg, #fffdf6, var(--paper-2));box-shadow:var(--shadow-sm), inset 0 2px 0 #fff;border:none;border-radius:16px;grid-template-columns:54px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:12px 16px;transition:transform .1s;display:grid}.battle:nth-child(odd){transform:rotate(-.4deg)}.battle:nth-child(2n){transform:rotate(.35deg)}.battle:hover{transform:rotate(0)scale(1.012)}.battle.selected{background:linear-gradient(180deg, #fff3a8, var(--yellow));box-shadow:5px 5px 0 var(--ink), inset 0 2px 0 #fff}.battle.full{opacity:.6;cursor:default}.battle-icon{text-align:center;filter:drop-shadow(2px 2px 0 var(--ink));font-size:34px}.battle-name{text-overflow:ellipsis;white-space:nowrap;font-size:20px;line-height:1.2;overflow:hidden}.battle-sub{color:#7c6236;margin-top:2px;font-size:12px}.teams{gap:4px;display:grid}.pips{gap:3px;display:flex}.pip{border:2px solid var(--ink);background:#fffdf6;border-radius:50%;width:10px;height:10px}.pips.red .pip.on{background:var(--red)}.pips.blue .pip.on{background:var(--blue)}.score{font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;font-size:30px}.score .r{color:var(--red);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.score .b{color:var(--blue);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.phase{border:2px solid var(--ink);white-space:nowrap;text-align:center;border-radius:999px;padding:3px 10px;font-size:13px}.phase.playing{background:var(--green)}.phase.waiting{background:var(--cyan)}.phase.ended{background:#cfc3a8}.phase small{font-size:11px;display:block}.empty{text-align:center;color:#7c6236;border:3px dashed #16120e59;border-radius:16px;place-items:center;gap:12px;padding:40px 12px;font-size:18px;display:grid}.empty b{font-family:var(--font-display);color:var(--ink);letter-spacing:.04em;font-size:34px}.lobby-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.lobby .error{color:#c01d2c;flex:1;min-height:1em;font-size:14px}.burst{position:relative}.burst:after{content:"GO!";font-family:var(--font-display);color:#fff;background:var(--red);border:2px solid var(--ink);text-shadow:1px 1px 0 var(--ink);pointer-events:none;border-radius:50%;padding:4px 7px;font-size:16px;position:absolute;top:-18px;right:-14px;transform:rotate(14deg)}@media (max-width:760px){.lobby{grid-template-columns:1fr;padding:16px}.battle{grid-template-columns:40px minmax(0,1fr) auto}.battle .teams,.battle .phase{display:none}}.settings-backdrop{z-index:20;font-family:var(--font-cn);color:var(--ink);background:radial-gradient(circle at 50% 40%,#16120e40,#16120e99);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.settings{gap:14px;width:min(520px,100%);max-height:calc(100% - 16px);padding:18px 22px 20px;animation:.18s cubic-bezier(.3,1.6,.6,1) settings-pop;display:grid;overflow-y:auto;transform:rotate(-.5deg)}@keyframes settings-pop{0%{opacity:0;transform:scale(.9)rotate(-2deg)}}.settings-head{align-items:center;gap:12px;display:flex}.settings-head .toon-title{font-size:38px;transform:rotate(-1.5deg)}.settings .spacer{flex:1}.settings .close-x{padding:6px 12px;font-size:15px}.settings-tabs{gap:8px;display:flex}.settings-tabs button{font-family:var(--font-cn);color:var(--ink);cursor:pointer;border:2.5px solid var(--ink);background:var(--paper-3);box-shadow:var(--shadow-sm);border-radius:12px;flex:1;padding:8px 10px;font-size:16px}.settings-tabs button:active{box-shadow:none;transform:translate(2px,2px)}.settings-tabs button.on{background:linear-gradient(180deg, #fff3a8, var(--yellow));transform:rotate(-1deg)translateY(-2px)}.settings section{gap:10px;display:grid}.settings section[hidden]{display:none}.set-row{border-bottom:2px dashed #16120e33;grid-template-columns:118px 1fr 52px;align-items:center;gap:10px;padding-bottom:8px;font-size:15px;display:grid}.set-row>span{color:#5b4526}.set-row small{color:#8c7446;margin-top:2px;font-size:11px;display:block}.set-row b{font-weight:400;font-family:var(--font-display);text-align:right;letter-spacing:.03em;font-size:19px}.set-row .toon-select{grid-column:2/4}.set-row.toggle{grid-template-columns:1fr auto}.toon-range{appearance:none;border:2.5px solid var(--ink);cursor:pointer;background:#fffdf6;border-radius:999px;width:100%;height:14px}.toon-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--orange);border:3px solid var(--ink);width:22px;height:22px;box-shadow:2px 2px 0 var(--ink);border-radius:50%}.toon-range::-moz-range-thumb{background:var(--orange);border:3px solid var(--ink);border-radius:50%;width:18px;height:18px}.toon-range:focus{box-shadow:0 0 0 3px var(--yellow);outline:none}.toon-switch{appearance:none;cursor:pointer;border:2.5px solid var(--ink);background:#d9ccb0;border-radius:999px;width:52px;height:28px;margin:0;transition:background .15s;position:relative;box-shadow:inset 0 3px #0000001f}.toon-switch:after{content:"";border:2.5px solid var(--ink);background:#fffdf6;border-radius:50%;width:19px;height:19px;transition:left .15s cubic-bezier(.3,1.6,.6,1);position:absolute;top:2px;left:2px}.toon-switch:checked{background:var(--green)}.toon-switch:checked:after{left:24px}.toon-switch:focus-visible{box-shadow:0 0 0 3px var(--yellow);outline:none}.key-list{gap:8px;display:grid}.key-list div{grid-template-columns:150px 1fr;align-items:center;gap:10px;font-size:14px;display:grid}.key-list kbd{font-family:var(--font-cn);text-align:center;border:2.5px solid var(--ink);box-shadow:0 3px 0 var(--ink);background:#fffdf6;border-radius:8px;padding:4px 8px;font-size:13px}.settings-foot{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (max-width:480px){.set-row{grid-template-columns:1fr 44px}.set-row>span{grid-column:1/-1}.set-row.toggle>span{grid-column:auto}.set-row .toon-select{grid-column:1/-1}.key-list div{grid-template-columns:1fr;gap:2px}}.level-card{align-items:center;gap:10px;margin:6px 0 4px;display:flex}.level-badge{background:var(--tier);border:3px solid var(--ink);width:52px;height:52px;box-shadow:var(--shadow-sm);line-height:.9;font:26px var(--font-display);color:var(--paper);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;border-radius:14px;flex:none;place-items:center;display:grid;transform:rotate(-4deg)}.level-badge small{-webkit-text-stroke:1px var(--ink);font-size:12px;display:block}.level-info{flex:1;min-width:0}.level-name{color:var(--ink);font-size:16px}.level-name .stars{color:var(--tier);-webkit-text-stroke:.6px var(--ink);letter-spacing:1px}.xp-bar{border:2px solid var(--ink);background:#16120e26;border-radius:6px;height:10px;margin:3px 0 2px;overflow:hidden}.xp-bar i{background:linear-gradient(#9ff08a,#3fbf5a);height:100%;display:block}.xp-text{color:#7c6236;font-size:12px}.pick-note{width:100%;font:14px var(--font-cn);text-align:center;border:2px solid var(--ink);color:var(--ink);cursor:pointer;background:#fff3a8;border-radius:8px;margin:2px 0 6px;padding:4px 8px;animation:1.4s ease-in-out infinite pick-glow;display:block}.pick-note.dim{color:#7c6236;cursor:default;background:#ffffff80;border-color:#0000;animation:none}@keyframes pick-glow{50%{box-shadow:0 0 10px 2px #ffd23fe6}}.reward-panel{background:var(--paper);border:3px solid var(--ink);width:min(340px,90%);box-shadow:var(--shadow);font-family:var(--font-cn);color:var(--ink);pointer-events:none;border-radius:14px;padding:12px 16px;position:absolute;top:calc(40% + 50px);left:50%;transform:translate(-50%)rotate(-1deg)}.reward-panel[hidden]{display:none}.reward-panel h3{font:20px var(--font-cn);margin:0 0 6px}.reward-rows{gap:2px;font-size:14px;display:grid}.reward-rows div{justify-content:space-between;display:flex}.reward-rows b{color:#2f9a45;font-weight:400}.reward-total{text-align:right;margin-top:6px;font-size:15px}.reward-total b{font:24px var(--font-display);color:#2f9a45}.reward-total em{background:var(--yellow);border:2px solid var(--ink);border-radius:8px;margin-right:8px;padding:1px 8px;font-size:13px;font-style:normal}.reward-level{align-items:center;gap:8px;margin-top:6px;display:flex}.reward-level .lv{font:18px var(--font-display);min-width:44px}.reward-level .xp-bar{flex:1}.level-up{text-align:center;color:#d8431c;margin-top:8px;font-size:20px;animation:.5s ease-out 1.2s both level-pop}.level-up small{color:var(--ink);font-size:13px;display:block}@keyframes level-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.tutorial-card{background:var(--paper);border:3px solid var(--ink);width:min(320px,100% - 32px);box-shadow:var(--shadow);font-family:var(--font-cn);color:var(--ink);border-radius:14px;padding:12px 16px 10px;position:absolute;top:72px;left:16px;transform:rotate(-1deg)}.tutorial-card h3{font:22px var(--font-cn);margin:4px 0 6px}.tutorial-card p{margin:0 0 8px;font-size:15px;line-height:1.55}.tutorial-card kbd{text-align:center;min-width:1.5em;font:14px var(--font-display);background:var(--paper-2);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:6px;margin:0 1px;padding:0 5px;display:inline-block}.tutorial-card.done h3{color:#2f9a45}.tutorial-head{color:#7c6236;justify-content:space-between;align-items:center;font-size:13px;display:flex}.tutorial-dots{gap:5px;display:flex}.tutorial-dots i{border:2px solid var(--ink);background:var(--paper-2);border-radius:50%;width:10px;height:10px}.tutorial-dots i.on{background:var(--yellow)}.tutorial-dots i.done{background:#3fbf5a}.tutorial-card .toon-btn{width:100%}.battle-name .tag{font:12px var(--font-cn);border:2px solid var(--ink);vertical-align:2px;background:#9ff08a;border-radius:6px;padding:0 6px}.friends-btn{position:relative}.friends-btn .badge,.friends-panel .badge{background:var(--red,#ff5a5a);color:#fff;border:2px solid var(--ink);min-width:20px;font:13px var(--font-display);text-align:center;border-radius:10px;margin-left:6px;padding:0 5px;line-height:16px;display:inline-block}.friends-btn .badge[hidden]{display:none}.friends-panel{z-index:3;flex-direction:column;gap:8px;width:min(380px,100% - 32px);max-height:calc(100% - 130px);padding:14px 16px;display:flex;position:absolute;top:96px;right:24px}.friends-head{align-items:center;gap:10px;display:flex}.friends-head span{font:14px var(--font-cn);color:#7c6236;flex:1}.friend-add{gap:8px;display:flex}.friend-add input{flex:1;min-width:0}.friend-note{font:14px var(--font-cn);color:var(--ink);background:var(--paper-3);border-radius:8px;padding:4px 8px}.friends-scroll{min-height:60px;overflow-y:auto}.friends-scroll h3{font:15px var(--font-cn);color:#7c6236;margin:8px 0 4px}.friends-scroll .empty{font:14px var(--font-cn);color:#7c6236;padding:8px 0}.friend{font-family:var(--font-cn);background:#ffffff8c;border-radius:10px;align-items:center;gap:8px;margin-bottom:4px;padding:6px 8px;display:flex}.friend .who{flex:1;min-width:0;display:grid}.friend .who b{color:var(--ink);text-overflow:ellipsis;font-size:16px;font-weight:400;overflow:hidden}.friend .who small,.friend .who em{color:#7c6236;font-size:12px;font-style:normal}.friend .dot{border:2px solid var(--ink);background:#b9ad96;border-radius:50%;flex:none;width:10px;height:10px}.friend.lobby .dot{background:#3fbf5a}.friend.battle .dot{background:#ffb23f}.friend.offline{opacity:.7}.mini{font:13px var(--font-cn);border:2px solid var(--ink);background:var(--paper-2);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);border-radius:8px;flex:none;padding:2px 10px}.mini.ok{background:#9ff08a}.mini.danger{background:#ff8a7a}.mini:active{box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.match-status{border:2px solid var(--ink);font:15px var(--font-cn);color:var(--ink);background:#fff3a8;border-radius:10px;margin:6px 0 0;padding:8px 12px;animation:1.4s ease-in-out infinite pick-glow}.match-status[hidden]{display:none}.party-box>.toon-btn{width:100%}.party{font-family:var(--font-cn);background:#ffffff8c;border-radius:10px;padding:6px 10px}.party-head{align-items:baseline;gap:8px;font-size:15px;display:flex}.party-head b{font-weight:400}.party-head span{background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:0 6px;font-size:12px}.party-head .auth-link{margin-left:auto}.party .pm{align-items:baseline;gap:6px;font-size:14px;display:flex}.party .pm b{color:var(--ink);font-weight:400}.party .pm small{color:#7c6236}.party-hint{color:#7c6236;margin-top:2px;font-size:12px}.invites{z-index:4;gap:8px;display:grid;position:absolute;bottom:24px;right:24px}.invite-toast{font:15px var(--font-cn);color:var(--ink);background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;animation:.35s ease-out both level-pop;display:flex}.invite-toast b{color:#d8431c;font-weight:400}.match-btn:disabled{opacity:.6;cursor:default}body.in-intro #ui>:not(.intro){visibility:hidden}.intro{z-index:10;cursor:pointer;font-family:var(--font-cn);color:var(--paper);position:absolute;inset:0;overflow:hidden}.intro-bar{background:#0b0a09;height:12vh;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;right:0}.intro-bar.top{top:0;transform:translateY(-100%)}.intro-bar.bottom{bottom:0;transform:translateY(100%)}.intro.on .intro-bar{transform:none}.intro.out .intro-bar.top{transform:translateY(-100%)}.intro.out .intro-bar.bottom{transform:translateY(100%)}.intro.out>:not(.intro-bar){opacity:0;transition:opacity .3s}.intro-title{opacity:0;transition:all .7s cubic-bezier(.2,.8,.2,1) .25s;position:absolute;top:calc(12vh + 18px);left:5vw;transform:translate(-30px)}.intro.on .intro-title{opacity:1;transform:none}.intro-title small{letter-spacing:.3em;opacity:.85;text-shadow:2px 2px 0 var(--ink);font-size:16px}.intro-title h1{font:clamp(40px, 7vw, 84px) var(--font-display);letter-spacing:.06em;color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);margin:2px 0 0;transform:skew(-8deg)}.intro.vs .intro-title{opacity:.35;transition-delay:0s}.intro-vs{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:20vh 4vw}.intro-side{opacity:0;gap:4px;width:min(30vw,260px);transition:all .55s cubic-bezier(.2,1.2,.3,1);display:grid}.intro-side.mine{transform:translate(-60vw)skew(-10deg)}.intro-side.theirs{text-align:right;transform:translate(60vw)skew(10deg)}.intro.vs .intro-side{opacity:1;transform:none}.intro-side h3{font:20px var(--font-cn);border:3px solid var(--ink);box-shadow:var(--shadow-sm);color:#fff;border-radius:10px;margin:0 0 4px;padding:3px 12px}.intro-side.red h3{background:#e0443e}.intro-side.blue h3{background:#2f86e0}.intro-side div{text-shadow:1px 1px 0 var(--ink);background:#0b0a099e;border-radius:8px;padding:2px 12px;font-size:17px}.intro-side div.me{background:var(--yellow);color:var(--ink);text-shadow:none}.intro-side div.bot{opacity:.75}.intro-vs-mark{font:clamp(60px, 11vw, 140px) var(--font-display);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:8px 8px #e0443e,-8px -8px #2f86e0;opacity:0;transform:scale(3)rotate(-12deg)}.intro.vs .intro-vs-mark{animation:.45s cubic-bezier(.3,1.6,.4,1) .15s both vs-slam,.35s .55s both vs-shake}@keyframes vs-slam{0%{opacity:0;transform:scale(3)rotate(-12deg)}to{opacity:1;transform:scale(1)rotate(-6deg)}}@keyframes vs-shake{25%{translate:-6px 4px}50%{translate:5px -3px}75%{translate:-3px 2px}}.intro.landing .intro-vs{opacity:0;transition:opacity .35s}.intro-load{justify-items:end;gap:6px;width:min(320px,60vw);display:grid;position:absolute;bottom:calc(12vh + 16px);right:5vw}.intro-load-bar{border:2px solid var(--paper);background:#0b0a0980;border-radius:6px;width:100%;height:10px;overflow:hidden}.intro-load-bar i{background:linear-gradient(90deg, #ffb23f, var(--yellow));height:100%;box-shadow:0 0 12px var(--yellow);display:block}.intro-load span{letter-spacing:.1em;text-shadow:1px 1px 0 var(--ink);font-size:14px}.intro.landing .intro-load{opacity:0;transition:opacity .3s}.intro-go{font:clamp(64px, 12vw, 150px) var(--font-display);color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:10px 10px 0 var(--ink);opacity:0;position:absolute;top:42%;left:50%;translate:-50% -50%}.intro.go .intro-go{animation:.5s cubic-bezier(.3,1.6,.4,1) both go-stamp}@keyframes go-stamp{0%{opacity:0;transform:scale(2.6)rotate(8deg)}60%{opacity:1}to{opacity:1;transform:scale(1)rotate(-4deg)}}.touch-ui{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none;position:fixed;inset:0}.touch-ui[hidden]{display:none}.tc-zone{pointer-events:auto;touch-action:none;position:absolute}.tc-move{width:42%;height:78%;bottom:0;left:0}.tc-look{width:58%;height:100%;top:0;right:0}.tc-stick{pointer-events:none;width:0;height:0;position:fixed;top:0;left:0}.tc-stick[hidden]{display:none}.tc-stick:before{content:"";background:#fff4dc38;border:3px solid #16120eb3;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute;box-shadow:0 0 0 3px #fff4dc59}.tc-knob{background:linear-gradient(180deg, #ffe680, var(--yellow));border:3px solid var(--ink);width:52px;height:52px;box-shadow:2px 3px 0 var(--ink);border-radius:50%;margin:-26px 0 0 -26px;position:absolute}.tc-btn{pointer-events:auto;touch-action:none;cursor:pointer;border:3px solid var(--ink);color:var(--ink);font-family:var(--font-cn);box-shadow:var(--shadow-sm), inset 0 3px 0 #ffffffb3, inset 0 -3px 0 #78460040;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:15px;line-height:1;transition:transform 60ms,box-shadow 60ms;display:flex;position:absolute}.tc-btn[hidden]{display:none}.tc-btn.down{box-shadow:0 0 0 var(--ink), inset 0 3px 0 #78460033;transform:translate(3px,3px)}.tc-fire{right:max(26px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));background:linear-gradient(180deg, #ff8a95 0%, var(--red) 60%, #d8303f 100%);color:#fff;width:104px;height:104px;text-shadow:2px 2px 0 var(--ink);font-size:22px}.tc-ult,.tc-special,.tc-skill{background:conic-gradient(var(--c,var(--cyan)) var(--p,0%), #fff4dcd9 0);width:68px;height:68px}.tc-ult{--c:var(--cyan);right:max(146px, calc(env(safe-area-inset-right) + 120px));bottom:max(96px, calc(env(safe-area-inset-bottom) + 70px))}.tc-special{--c:#9feaff;right:max(30px, env(safe-area-inset-right));bottom:max(148px, calc(env(safe-area-inset-bottom) + 130px))}.tc-skill{--c:#ffd24a;right:max(128px, calc(env(safe-area-inset-right) + 104px));bottom:max(176px, calc(env(safe-area-inset-bottom) + 152px))}.tc-act{--c:#7fe3ff;background:conic-gradient(var(--c) var(--p,0%), #fff4dcd9 0);width:60px;height:60px;right:max(34px, calc(env(safe-area-inset-right) + 8px));bottom:max(228px, calc(env(safe-area-inset-bottom) + 210px));font-size:13px}.tc-act.ready{background:var(--c);animation:.9s ease-in-out infinite ult-ready}.tc-ult b,.tc-special b,.tc-skill b,.tc-act b{display:none}.tc-ult.ready,.tc-special.ready{background:var(--cyan);animation:.9s ease-in-out infinite ult-ready}.tc-skill.ready{background:#ffd24a;animation:.9s ease-in-out infinite ult-ready}.tc-menu{pointer-events:auto;top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));border:3px solid var(--ink);width:44px;height:44px;color:var(--ink);box-shadow:var(--shadow-sm);background:#fff4dcd9;border-radius:12px;padding:0;font-size:22px;line-height:1;position:absolute}body.touch .hud-ult,body.touch .hud-special,body.touch .hud-skill,body.touch .hud-hint,body.touch.in-intro .touch-ui{display:none}@media (max-height:480px){.lobby,.auth,.garage,.friends-panel,.settings-backdrop,.reward-panel{--ui-zoom:.78;zoom:var(--ui-zoom)}.lobby,.auth,.garage,.settings-backdrop{width:128.205vw;height:128.205vh;inset:0 auto auto 0}.lobby{grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:16px;padding:14px 20px 20px}.auth-card{margin-top:0}}.update-screen{font-family:var(--font-cn);z-index:40;background:radial-gradient(circle at 2px 2px,#16120e47 1.2px,#0000 1.6px) 0 0/12px 12px,#16120e73;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.update-card{gap:12px;width:min(420px,100%);padding:22px 24px 24px;display:grid;transform:rotate(-.5deg)}.update-card h2{font-size:38px}.update-card p{margin:0;font-size:16px}.update-card small{color:#8a7148;font-size:14px}.update-bar{height:16px}.update-actions{justify-content:flex-end;gap:10px;display:flex}.wallet-row{gap:8px;margin:2px 0 4px;display:flex}.coin-chip,.crystal-chip{border:2px solid var(--ink);font:16px var(--font-display);letter-spacing:.5px;box-shadow:2px 2px 0 var(--ink);white-space:nowrap;border-radius:14px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.coin-chip{color:var(--ink);background:#ffe07a}.crystal-chip{color:var(--ink);background:#c9b6ff}.shop-btn{position:relative}.shop-backdrop{z-index:20;pointer-events:auto;background:radial-gradient(circle at 2px 2px,#16120e40 1.2px,#0000 1.6px) 0 0/12px 12px,#16120e73;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.shop{flex-direction:column;gap:10px;width:min(1000px,100%);max-height:calc(100% - 8px);padding:16px 18px;display:flex}.shop-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.shop-head .spacer{flex:1}.shop-tabs{gap:6px;display:flex}.shop-tabs button{font:17px var(--font-cn);border:2px solid var(--ink);background:var(--paper-2);color:var(--ink);cursor:pointer;box-shadow:2px 2px 0 var(--ink);border-radius:12px;padding:4px 14px}.shop-tabs button.on{background:var(--yellow);transform:translateY(-1px)}.wallet-chips{gap:8px;display:flex}.shop-note{font:15px var(--font-cn);border:2px solid var(--ink);background:#ffd0d0;border-radius:10px;padding:4px 10px}.shop .dim{font:13px var(--font-cn);color:#7c6236}.shop-body{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);gap:16px;display:grid;overflow-y:auto}.box-offer{color:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#2b2150,#1b2a4a);border-radius:16px;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:16px;padding:14px;display:grid}.box-info h3{font:30px var(--font-display);letter-spacing:2px;color:#fff;text-shadow:3px 3px 0 var(--ink);margin:0 0 6px}.box-info p{font:15px/1.5 var(--font-cn);color:#e8e0ff;margin:0 0 12px}.box-info p b{color:var(--yellow);font-weight:400}.box-buttons{flex-wrap:wrap;gap:10px;display:flex}.box-offer .dim{color:#b9aee6;margin-top:8px}.shop-side h4{font:17px var(--font-cn);margin:4px 0 6px}.pity-row{font:14px var(--font-cn);grid-template-columns:96px 1fr 58px;align-items:center;gap:8px;margin-bottom:6px;display:grid}.pity-row b{font:15px var(--font-display);text-align:right}.pity-bar{border:2px solid var(--ink);background:#16120e1f;border-radius:6px;height:12px;overflow:hidden}.pity-bar i{background:var(--rc);height:100%;transition:width .4s;display:block}.odds{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:6px;display:grid}.odds-chip{border:2px solid var(--ink);background:var(--rc);font-family:var(--font-cn);color:var(--ink);border-radius:10px;justify-items:center;padding:4px 2px;display:grid}.odds-chip b{font-size:14px;font-weight:400}.odds-chip span{font:15px var(--font-display)}.prism-stage{place-items:center;height:190px;display:grid;position:relative}.prism{clip-path:polygon(50% 0,100% 30%,82% 100%,18% 100%,0 30%);filter:saturate(1.2)drop-shadow(0 0 #000);z-index:1;background:conic-gradient(from 200deg,#ff4d6d,#ffa53a,#ffe36a,#5bd46a,#62e2ff,#6a8cff,#b45cff,#ff4d6d);width:120px;height:150px;animation:3s ease-in-out infinite prism-float,6s linear infinite prism-hue;position:relative}.prism:after{content:"";background:linear-gradient(115deg,#ffffffbf 0 18%,#0000 19% 44%,#ffffff4d 45% 52%,#0000 53%),linear-gradient(#0000 29%,#16120e59 30% 31%,#0000 32%);position:absolute;inset:0}.prism-glow{background:radial-gradient(circle,#c8b4ffb3,#0000 65%);border-radius:50%;width:170px;height:170px;animation:2s ease-in-out infinite prism-pulse;position:absolute}@keyframes prism-float{50%{transform:translateY(-8px)rotate(3deg)}}@keyframes prism-hue{to{filter:saturate(1.2)hue-rotate(360deg)}}@keyframes prism-pulse{50%{opacity:.7;transform:scale(1.15)}}.bag-body{padding-right:4px;overflow-y:auto}.bag-body h3{font:20px var(--font-cn);margin:10px 0 6px}.bag-body h3 small{font:16px var(--font-display);color:#7c6236}.bag-hint{font:14px var(--font-cn);background:var(--paper-3);border:2px dashed #16120e66;border-radius:10px;padding:6px 10px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.item-card{text-align:center;background:linear-gradient(180deg, #fffaf0, var(--paper-2));border:3px solid var(--rc);box-shadow:0 0 0 2px var(--ink), 3px 3px 0 2px var(--ink);font-family:var(--font-cn);color:var(--ink);border-radius:14px;justify-items:center;gap:2px;padding:10px 8px 8px;display:grid;position:relative}.item-card.locked{filter:grayscale();opacity:.45}.item-card.locked .item-art{filter:brightness(.2)}.item-art{border:2px solid var(--ink);background:radial-gradient(circle at 35% 30%, #fff, var(--rc) 70%);border-radius:50%;place-items:center;width:56px;height:56px;font-size:30px;display:grid}.item-art.paint{border-radius:14px;transform:rotate(-4deg)}.item-rarity{background:var(--rc);border:2px solid var(--ink);border-radius:8px;margin-top:4px;padding:0 8px;font-size:12px}.item-name{font-size:15px;line-height:1.2}.item-desc{color:#7c6236;font-size:12px;line-height:1.3}.item-weather{color:#2f7a4a;margin-top:2px;font-size:11px;line-height:1.3}.item-card.r-legend:not(.locked),.item-card.r-myth:not(.locked){animation:2.4s ease-in-out infinite item-shine}.item-card.r-myth:not(.locked){background:linear-gradient(#fff4f6,#ffd9e0);border-image:}@keyframes item-shine{50%{box-shadow:0 0 0 2px var(--ink), 3px 3px 0 2px var(--ink), 0 0 18px 4px var(--rc)}}.reveal{z-index:30;pointer-events:auto;background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--rc) 35%, #120d20), #07050d 75%);grid-template-rows:1fr auto;place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow:hidden}.reveal-prism{place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.reveal-prism .prism{width:150px;height:190px;animation:3s linear infinite prism-hue}.reveal-prism .prism-glow{background:radial-gradient(circle, var(--rc), transparent 65%);opacity:.3;width:260px;height:260px;transition:opacity 1s,transform 1s}.reveal.charging .reveal-prism .prism{animation:3s linear infinite prism-hue,.12s linear infinite prism-shake}.reveal.charging .reveal-prism .prism-glow{opacity:.95;transform:scale(1.6)}.reveal-rays{opacity:0;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--rc) 70%, #fff) 0 6deg, transparent 6deg 18deg);width:900px;height:900px;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 10%,#0000 60%);mask-image:radial-gradient(circle,#000 10%,#0000 60%)}.reveal.burst .reveal-prism .prism{animation:.45s ease-in forwards prism-burst}.reveal.burst .reveal-rays{animation:1.2s ease-out forwards rays,8s linear infinite spin}.reveal.burst.best-myth:after{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#ff4d6d,#ffa53a,#ffe36a,#5bd46a,#62e2ff,#b45cff);animation:1.2s ease-out forwards myth-flash;position:absolute;inset:0}@keyframes prism-shake{25%{transform:translate(-3px,1px)rotate(-2deg)}75%{transform:translate(3px,-1px)rotate(2deg)}}@keyframes prism-burst{60%{filter:brightness(2.5);transform:scale(1.35)}to{opacity:0;filter:brightness(4);transform:scale(2.4)}}@keyframes rays{0%{opacity:0;transform:scale(.3)}30%{opacity:.9}to{opacity:.35;transform:scale(1)}}@keyframes spin{to{rotate:360deg}}@keyframes myth-flash{0%{opacity:.95}to{opacity:0}}.reveal-cards{z-index:2;visibility:hidden;grid-template-columns:repeat(5,minmax(0,160px));gap:12px;display:grid;position:relative}.reveal-cards.n1{grid-template-columns:220px}.reveal-cards.n1 .item-card{transform-origin:top;transform:scale(1.25)}.reveal.burst .reveal-cards{visibility:visible}.flip{perspective:700px;opacity:0;position:relative}.reveal.burst .flip{animation:card-in .35s calc(.35s + var(--i) * .13s) ease-out forwards}.reveal.skip .flip{animation-delay:.1s}.flip-back{z-index:2;border:3px solid var(--ink);backface-visibility:hidden;box-shadow:inset 0 0 0 4px var(--rc), 0 0 20px var(--rc);background:linear-gradient(135deg,#2b2150,#1b2a4a);border-radius:14px;position:absolute;inset:0}.flip .item-card{backface-visibility:hidden;transform:rotateY(180deg)}.reveal.burst .flip-back{animation:flip-away .4s calc(.75s + var(--i) * .13s) ease-in forwards}.reveal.burst .flip .item-card{animation:flip-to .4s calc(.75s + var(--i) * .13s) ease-out forwards}.reveal.skip .flip-back,.reveal.skip .flip .item-card{animation-delay:.2s}.reveal-cards.n1 .flip .item-card{transform:rotateY(180deg)scale(1.25)}.reveal.burst .reveal-cards.n1 .flip .item-card{animation-name:flip-to-big}@keyframes card-in{0%{opacity:0;transform:translateY(30px)scale(.8)}to{opacity:1;transform:none}}@keyframes flip-away{to{transform:rotateY(-180deg)}}@keyframes flip-to{to{transform:rotateY(0)}}@keyframes flip-to-big{to{transform:rotateY(0)scale(1.25)}}.item-gain{margin-top:2px;font-size:13px}.item-gain em{border:1.5px solid var(--ink);background:#c9b6ff;border-radius:6px;padding:0 5px;font-size:11px;font-style:normal}.item-gain em.pity{background:var(--yellow)}.reveal-foot{z-index:2;opacity:0;justify-items:center;gap:10px;margin-top:18px;display:grid;position:relative}.reveal.burst .reveal-foot{animation:.4s ease-out 1.6s forwards card-in}.reveal.skip .reveal-foot{animation-delay:.4s}.reveal-sum{font:17px var(--font-cn);color:#fff;text-shadow:2px 2px 0 var(--ink)}.reveal-sum b{font:22px var(--font-display);color:#d9c9ff}.reveal-buttons{gap:12px;display:flex}@media (max-width:760px){.shop-body,.box-offer{grid-template-columns:1fr}.prism-stage{height:150px}.reveal-cards{grid-template-columns:repeat(2,minmax(0,160px));max-height:70vh;overflow-y:auto}}@media (max-height:480px){.shop-backdrop,.reveal{--ui-zoom:.78;zoom:var(--ui-zoom);width:128.205vw;height:128.205vh;inset:0 auto auto 0}}.reward-coins{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:6px 0;display:flex}.reward-coins small{font:13px var(--font-cn);opacity:.85}.item-fitted{font:11px var(--font-cn);background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:0 6px;position:absolute;top:6px;right:6px}.battle-name .tag.big{background:#8fd0ff}.battle-name .tag.nailong{background:#ffd23f}.big-btn[hidden]{display:none}.item-card.r-legendary:not(.locked){background:linear-gradient(#f2feff,#c9f6ff);animation:1.8s ease-in-out infinite item-shine}.item-card.r-mythic:not(.locked){background:linear-gradient(#e9fffb,#9fe9f2 55%,#6fc4ff);animation:1.4s ease-in-out infinite item-shine}.quest-btn{background:linear-gradient(#d7fbff,#7df9ff);position:relative}.quests{width:min(980px,100%);overflow:auto}.quest-body{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;display:grid}.quest-chain{border:3px solid var(--ink);background:linear-gradient(180deg, #fffaf0, var(--paper-2));box-shadow:3px 3px 0 var(--ink);font-family:var(--font-cn);color:var(--ink);border-radius:14px;align-content:start;gap:8px;padding:12px;display:grid}.quest-chain h3{font:22px var(--font-cn);margin:0}.quest-chain h3 small{color:#7c6236;margin-left:6px;font-size:14px}.quest-chain.complete{background:linear-gradient(#f2feff,#c9f6ff)}.quest-reward{border:3px solid var(--rc);box-shadow:0 0 0 2px var(--ink);background:#ffffffb3;border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.quest-reward.owned{animation:1.8s ease-in-out infinite item-shine}.quest-paint{border:3px solid var(--ink);width:60px;height:60px;box-shadow:2px 2px 0 var(--ink);border-radius:14px;flex:none;place-items:center;font-size:28px;display:grid;transform:rotate(-4deg)}.quest-paint span{filter:drop-shadow(0 0 3px #fff)}.quest-reward-name{font-size:17px}.quest-reward-name b{background:var(--rc);border:2px solid var(--ink);vertical-align:2px;border-radius:7px;padding:0 7px;font-size:12px;font-weight:400}.quest-reward-name em{background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:0 6px;font-size:12px;font-style:normal}.quest-skill{margin-top:2px;font-size:14px}.quest-skill kbd{font:12px var(--font-display);background:var(--paper-2);border:2px solid var(--ink);box-shadow:1px 1px 0 var(--ink);border-radius:5px;padding:0 5px}.quest-skill small{color:#7c6236;font-size:12px;line-height:1.35;display:block}.quest-passives{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.quest-passives span{background:var(--paper-3);border:1.5px solid #16120e80;border-radius:6px;padding:0 6px;font-size:12px}.quest-steps{gap:5px;margin:0;padding:0;list-style:none;display:grid}.quest-steps li{border:2px solid #16120e40;border-radius:10px;align-items:flex-start;gap:8px;padding:5px 8px;font-size:14px;line-height:1.35;display:flex}.quest-steps li>div{flex:1}.quest-steps li i{border:2px solid var(--ink);width:22px;height:22px;font:13px var(--font-display);background:var(--paper);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.quest-steps li.done{color:#1e5a2b;background:#dff5df;border-color:#2f9a45}.quest-steps li.done i{background:#6ad17c}.quest-steps li.now{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff7d6}.quest-steps li.now i{background:var(--yellow)}.quest-steps li.locked{opacity:.5}.quest-bar{border:2px solid var(--ink);background:#16120e26;border-radius:9px;height:18px;margin-top:4px;position:relative;overflow:hidden}.quest-bar b{background:linear-gradient(90deg,#7df9ff,#39c8ff);position:absolute;inset:0 auto 0 0}.quest-bar span{text-align:center;font:12px/14px var(--font-display);display:block;position:relative}.quest-done{background:var(--yellow);border:2px solid var(--ink);border-radius:10px;padding:5px 8px;font-size:14px}.quest-locked{border:2px dashed var(--ink);background:#d9f7f2;border-radius:10px;padding:5px 8px;font-size:14px}.reward-quest{border:2px solid var(--ink);background:#e3fbff;border-radius:8px;justify-content:space-between;gap:8px;margin-top:5px;padding:2px 8px;font-size:14px;display:flex}.reward-quest b{font-weight:400}.reward-quest.done{background:#7df9ff}.reward-legend{text-align:center;background:var(--yellow);border:2px solid var(--ink);--rc:#7df9ff;border-radius:8px;margin-top:4px;padding:3px 8px;font-size:15px;animation:1.8s ease-in-out infinite item-shine}.quest-reward{flex-wrap:wrap}.quest-preview{margin-left:auto;padding:4px 12px;font-size:15px}.skill-showcase{pointer-events:none;place-items:end center;padding:18px;display:grid;position:absolute;inset:0}.showcase-card{pointer-events:auto;width:min(560px,100%);font-family:var(--font-cn);color:var(--ink);gap:6px;padding:12px 16px;display:grid}.showcase-name{font-size:22px}.showcase-name b{border:2px solid var(--ink);vertical-align:3px;background:#7df9ff;border-radius:8px;padding:0 8px;font-size:13px;font-weight:400}.showcase-skill{font-size:15px}.showcase-skill kbd{font:13px var(--font-display);background:var(--paper-2);border:2px solid var(--ink);box-shadow:1px 1px 0 var(--ink);border-radius:5px;padding:0 5px}.showcase-skill small{color:#7c6236;margin-top:2px;font-size:13px;line-height:1.4;display:block}.showcase-card .toon-btn{justify-self:end}.kit-list{align-content:start;gap:8px;display:grid}.kit-row{border:3px solid var(--ink);background:color-mix(in srgb, var(--kc) 22%, #fffaf0);box-shadow:3px 3px 0 var(--ink);border-radius:12px;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.kit-key{border:3px solid var(--ink);background:var(--kc);color:#fff;width:34px;height:34px;font:20px var(--font-display,sans-serif);text-shadow:1px 1px 0 var(--ink);border-radius:9px;place-items:center;display:grid}.kit-info{min-width:0;display:grid}.kit-info b{font-size:17px;font-weight:400}.kit-info small{opacity:.75;font-size:12px}.kit-have{white-space:nowrap;font-size:13px}.kit-have b{font-size:18px}.kit-row .toon-btn{white-space:nowrap;padding:6px 10px;font-size:13px}.item-gain.kit{color:#2f7d3a}@media (max-width:720px){.kit-row{grid-template-columns:auto 1fr auto}.kit-row .toon-btn{grid-column:span 1}}:root{--holo:#6ff3ff;--holo-rim:#6ff3ff8c;--holo-glass:repeating-linear-gradient(0deg, #78ebff17 0 1px, transparent 1px 3px), linear-gradient(160deg, #2c608a9e, #081220d6 62%);--holo-fringe:-1.5px 0 #ff46c8b3, 1.5px 0 #46f0ffcc}.hud{pointer-events:none;position:absolute;inset:0}.hud [hidden]{display:none!important}.ico{vertical-align:-.24em;flex:none;width:1.2em;height:1.2em;overflow:visible}.ico-f{fill:currentColor;stroke:var(--ink);stroke-width:2.2px;stroke-linejoin:round;paint-order:stroke}.ico-o{fill:none;stroke:var(--ink);stroke-width:4.6px;stroke-linecap:round;stroke-linejoin:round}.ico-l{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round}.hud-timer,.hud-hp-track,.hud-reload,.hud-ab-ico,.hud-ping,.hud-affinity span,.hud-hint,.death-card{background:var(--holo-glass);border:3px solid var(--ink);box-shadow:var(--shadow-sm), inset 0 0 0 1.5px var(--holo-rim), inset 0 0 14px #6ff3ff38;position:relative;overflow:hidden}.hud-timer:before,.hud-hp-track:before,.hud-hint:before,.death-card:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(105deg,#0000 38%,#befcff4d 50%,#0000 62%);animation:4.5s linear infinite holo-sweep;position:absolute;inset:0;transform:translate(-110%)}@keyframes holo-sweep{0%,55%{transform:translate(-110%)}to{transform:translate(110%)}}.hud-top{align-items:stretch;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.hud-team{border:3px solid var(--ink);min-width:78px;box-shadow:var(--shadow-sm);place-items:center;padding:3px 18px;display:grid;position:relative;overflow:hidden;transform:skew(-14deg)}.hud-team.red{background:linear-gradient(#ff9c8c,#ff4d5e 55%,#cf2a42);margin-right:-5px}.hud-team.blue{background:linear-gradient(#9cd4ff,#37a2ff 55%,#1c6fd4);margin-left:-5px}.hud-team:after{content:"";pointer-events:none;background:radial-gradient(#fff6 1.2px,#0000 1.7px) 0 0/6px 6px;position:absolute;inset:0}.hud-team.red:after{-webkit-mask:linear-gradient(90deg,#000,#0000 70%);mask:linear-gradient(90deg,#000,#0000 70%)}.hud-team.blue:after{-webkit-mask:linear-gradient(270deg,#000,#0000 70%);mask:linear-gradient(270deg,#000,#0000 70%)}.hud-team b{z-index:1;font:30px/1 var(--font-display);letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font-variant-numeric:tabular-nums;position:relative;transform:skew(14deg)}.hud-timer{z-index:1;border-radius:4px;justify-items:center;gap:2px;min-width:112px;padding:4px 14px 5px;display:grid}.hud-timer span{z-index:1;font:28px/1 var(--font-display);letter-spacing:.06em;color:#eafdff;text-shadow:var(--holo-fringe), 0 0 10px #6ff3ffcc;font-variant-numeric:tabular-nums;position:relative}.hud-clock{z-index:1;font:12px/1 var(--font-display);letter-spacing:.08em;color:#bff6ff;align-items:center;gap:4px;display:flex;position:relative}.hud-clock .ico{color:#ffd23f;width:14px;height:14px}.hud-timer.urgent{box-shadow:var(--shadow-sm), inset 0 0 0 1.5px #ff6e6eb3, inset 0 0 16px #ff3c3c73, 0 0 14px #ff3c3c8c}.hud-timer.urgent span{color:#ffe0da;text-shadow:var(--holo-fringe), 0 0 12px #ff4646f2;animation:1s ease-in-out infinite hud-urgent}@keyframes hud-urgent{0%,to{transform:scale(1)}15%{transform:scale(1.14)}30%{transform:scale(1)}}.hud-sub{white-space:nowrap;align-items:center;gap:6px;display:flex;position:absolute;top:72px;left:50%;transform:translate(-50%)}.hud-affinity{pointer-events:auto;cursor:help;gap:4px;display:flex}.hud-affinity span{box-shadow:2px 2px 0 var(--ink), inset 0 0 0 1px var(--holo-rim);font:13px/1.2 var(--font-display);letter-spacing:.04em;font-variant-numeric:tabular-nums;border-width:2px;border-radius:10px;align-items:center;gap:2px;padding:1px 7px 1px 4px;display:flex}.hud-affinity .ico{color:#fff4dc;width:15px;height:15px}.hud-affinity .up{color:#8ff0a4}.hud-affinity .down{color:#ff9a8a}.hud-affinity.fresh{animation:1.6s ease-out affinity-flash}@keyframes affinity-flash{0%,30%{filter:brightness(1.8);transform:scale(1.35)}to{filter:none;transform:none}}.hud-ping{box-shadow:2px 2px 0 var(--ink), inset 0 0 0 1px var(--holo-rim);border-width:2px;border-radius:10px;align-items:flex-end;gap:2px;padding:3px 8px 3px 7px;display:flex}.hud-ping i{background:#ffffff38;border-radius:1px;width:3px}.hud-ping i:first-child{height:4px}.hud-ping i:nth-child(2){height:7px}.hud-ping i:nth-child(3){height:10px}.hud-ping i:nth-child(4){height:13px}.hud-ping[data-level=good] i{background:#6fe08a}.hud-ping[data-level=ok] i:nth-child(-n+3){background:#ffd24a}.hud-ping[data-level=bad] i:nth-child(-n+2),.hud-ping[data-level=lost] i:first-child{background:#ff5a5a}.hud-ping span{font:12px/1 var(--font-display);letter-spacing:.06em;color:#d8f8ff;font-variant-numeric:tabular-nums;margin-left:5px}.hud-ping[data-level=lost] span{color:#ff8a8a;font-family:var(--font-cn)}.hud-points{--pt-red:#ff5a4e;--pt-blue:#4aa8ff;--pt-none:#f2efe6;gap:10px;display:flex;position:absolute;top:100px;left:50%;transform:translate(-50%)}.hud-point{border:3px solid var(--ink);background:conic-gradient(var(--c) var(--p), #081220cc 0);width:36px;height:36px;box-shadow:2px 2px 0 var(--ink), 0 0 10px #6ff3ff59;border-radius:50%;place-items:center;display:grid}.hud-point b{width:24px;height:24px;font:15px var(--font-display);background:var(--holo-glass);color:#eafdff;box-shadow:inset 0 0 0 1px var(--holo-rim);border-radius:50%;place-items:center;display:grid}.hud-point.red b{color:#fff;background:#ff5a4e}.hud-point.blue b{color:#fff;background:#4aa8ff}.hud-point.contested{animation:.4s steps(2,end) infinite hud-point-flash}@keyframes hud-point-flash{50%{filter:brightness(1.7)}}.hud-cargo{background:#f2a63a}.hud-cargo b{color:var(--ink);background:#fff3dc}.hud-cargo.falling{animation:.6s steps(2,end) infinite hud-point-flash}.hud-cargo.red b{color:#fff;background:#ff5a4e}.hud-cargo.blue b{color:#fff;background:#4aa8ff}.hud-cargo-tip{color:var(--ink);border:3px solid var(--ink);font:17px var(--font-display);white-space:nowrap;background:#f2a63a;border-radius:999px;padding:6px 16px;animation:1.2s ease-in-out infinite hud-cargo-tip;position:absolute;top:146px;left:50%;transform:translate(-50%)}@keyframes hud-cargo-tip{50%{transform:translate(-50%)scale(1.06)}}.hud-vitals{gap:6px;width:min(340px,56vw);display:grid;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.hud-buffs{justify-content:center;gap:8px;display:flex}.hud-buff{background:var(--holo-glass);border:2px solid var(--ink);box-shadow:0 0 10px var(--c), var(--shadow-sm);font:15px var(--font-display);color:var(--paper);text-shadow:2px 2px 0 var(--ink);border-radius:22px;align-items:center;gap:4px;padding:2px 9px 2px 2px;display:flex}.hud-buff img{width:30px;height:30px;display:block}.hud-buff.fresh{animation:.5s ease-out hud-buff-pop}.hud-buff.ending{animation:.5s steps(2,end) infinite hud-buff-blink}@keyframes hud-buff-pop{0%{transform:scale(1.8)}40%{transform:scale(.9)}70%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes hud-buff-blink{50%{opacity:.35}}.hud-hp{align-items:center;gap:10px;display:flex}.hud-hp-track{flex:1;height:20px;transform:skew(-18deg)}.hud-hp-ghost{background:#fff6d6;position:absolute;top:0;bottom:0;left:0}.hud-hp-fill{background:linear-gradient(#c4ffd9 0,#5fe08f 45%,#1fae63 100%);transition:width 80ms;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 12px #5fe08fbf}.hud-hp-track:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#ffffff61 0 28%,#0000 28%),repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#08101ae6 calc(10% - 2px) 10%);position:absolute;inset:0}.hud-hp-num{text-align:right;min-width:58px;font:26px/1 var(--font-display);letter-spacing:.04em;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink), 0 0 12px #6ff3ff8c;font-variant-numeric:tabular-nums}.hud-hp.hurt .hud-hp-fill{animation:.3s ease-out hud-hp-hurt}.hud-hp.hurt .hud-hp-track{animation:.3s ease-out hud-hp-shake}@keyframes hud-hp-hurt{0%{filter:brightness(3)}40%{filter:brightness(1.3)sepia()saturate(5)hue-rotate(-50deg)}to{filter:none}}@keyframes hud-hp-shake{0%,to{transform:skew(-18deg)}25%{transform:skew(-18deg)translate(-4px)}50%{transform:skew(-18deg)translate(3px)}75%{transform:skew(-18deg)translate(-1px)}}.hud-hp.low .hud-hp-fill{background:linear-gradient(#ffc0b5 0,#ff5a4a 45%,#c41f30 100%);animation:.5s steps(2,end) infinite hud-hp-low;box-shadow:0 0 14px #ff463cd9}.hud-hp.low .hud-hp-num{color:#ff9a8a}@keyframes hud-hp-low{50%{opacity:.7}}.hud-hp{position:relative}.hud-hp-zap{z-index:3;pointer-events:none;filter:drop-shadow(0 0 3px #9ff6ff)drop-shadow(0 0 7px #39c8ff);width:calc(100% - 68px);height:20px;position:absolute;top:50%;left:0;overflow:visible;transform:translateY(-50%)skew(-18deg)}.hud-hp-zap path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.hud-hp-zap .zo{stroke:var(--ink);stroke-width:5px}.hud-hp-zap .zl{stroke:#f4feff;stroke-width:2.2px}.hud-hp-zap g{opacity:0}.hud-hp.hurt .hud-hp-zap .za{animation:.42s linear hud-zap-a}.hud-hp.hurt .hud-hp-zap .zb{animation:.42s linear hud-zap-b}@keyframes hud-zap-a{0%,14%{opacity:1}15%,34%{opacity:0}35%,48%{opacity:1}49%,to{opacity:0}}@keyframes hud-zap-b{0%,14%{opacity:0}15%,34%{opacity:1}35%,58%{opacity:0}59%,72%{opacity:.8}73%,to{opacity:0}}.hud-hp-spark{top:50%;left:calc((100% - 68px) * var(--cut,1));z-index:4;pointer-events:none;opacity:0;width:38px;height:38px;position:absolute;transform:translate(-50%,-50%)}.hud-hp-spark:before,.hud-hp-spark:after{content:"";clip-path:polygon(50% 0%,59% 34%,93% 25%,66% 50%,93% 75%,59% 66%,50% 100%,41% 66%,7% 75%,34% 50%,7% 25%,41% 34%);position:absolute;inset:0}.hud-hp-spark:before{background:#39c8ff}.hud-hp-spark:after{background:#fff;inset:22%}.hud-hp.hurt .hud-hp-spark{animation:.34s ease-out hud-spark}@keyframes hud-spark{0%{opacity:1;transform:translate(-50%,-50%)scale(.4)rotate(0)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(25deg)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)rotate(45deg)}}.hud-reload{width:calc(100% - 68px);height:9px;box-shadow:2px 2px 0 var(--ink), inset 0 0 0 1px var(--holo-rim);border-width:2px;transform:skew(-18deg)}.hud-reload-fill{background:#c9a227;height:100%}.hud-reload[data-state=ready] .hud-reload-fill{background:#ffd23f;box-shadow:0 0 10px #ffd23f}.hud-reload[data-state=charging] .hud-reload-fill{background:#6fe3ff;box-shadow:0 0 8px #6fe3ff}.hud-reload[data-state=spraying] .hud-reload-fill{background:#bfefff;box-shadow:0 0 8px #7fd0ff}.hud-reload[data-state=refilling] .hud-reload-fill{background:#5aa9d6}.hud-reload[data-state=dry] .hud-reload-fill{background:#3b6f93}.hud-reload[data-state=heating] .hud-reload-fill{background:#ff9a3a}.hud-reload[data-state=hot] .hud-reload-fill{background:#ff4a2a;animation:.5s ease-in-out infinite alternate gun-hot;box-shadow:0 0 8px #ff4a2a}.hud-reload[data-state=overheated] .hud-reload-fill{background:#ff2a1a;animation:.18s ease-in-out infinite alternate gun-hot;box-shadow:0 0 12px #ff2a1a}@keyframes gun-hot{0%{opacity:1}to{opacity:.6}}.hud-reload[data-state=shaking] .hud-reload-fill{background:#ffd23f}.hud-reload[data-state=full] .hud-reload-fill{background:#5fe08a;box-shadow:0 0 10px #5fe08a}.hud-reload[data-state=danger] .hud-reload-fill{background:#ff3b30;animation:.15s ease-in-out infinite alternate gun-hot;box-shadow:0 0 12px #ff3b30}.pressure-ring{pointer-events:none;z-index:6;--c:#ffd23f;background:conic-gradient(var(--c) var(--p,0%), #16120e59 0);filter:drop-shadow(0 0 1.5px #16120e);border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 23px,#000 24px 29px,#0000 30px);mask:radial-gradient(circle,#0000 23px,#000 24px 29px,#0000 30px)}.pressure-ring[data-tone=low]{--c:#9aa3ad}.pressure-ring[data-tone=full]{--c:#5fe08a;filter:drop-shadow(0 0 6px #5fe08a)}.pressure-ring[data-tone=danger]{--c:#ff3b30;filter:drop-shadow(0 0 8px #ff3b30);animation:.15s ease-in-out infinite alternate gun-hot}.hud-ab{--ac:var(--cyan);align-items:center;gap:8px;display:flex;position:absolute;bottom:14px}.hud-ult{left:calc(50% + min(204px,32vw))}.hud-special{text-align:right;--ac:#b99bff;flex-direction:row-reverse;right:calc(50% + min(204px,32vw))}.hud-skill{--ac:#ffd24a;bottom:82px;left:calc(50% + min(204px,32vw))}.hud-ab-ring{isolation:isolate;border:3px solid var(--ink);width:56px;height:56px;box-shadow:var(--shadow-sm);background:conic-gradient(var(--ac) var(--p,0%), #081220d9 0);border-radius:50%;place-items:center;display:grid;position:relative}.hud-ab-ring:before{content:"";border:2px dashed var(--holo-rim);border-radius:50%;animation:9s linear infinite hud-spin;position:absolute;inset:-8px}.hud-ab-ico{z-index:1;width:38px;height:38px;color:var(--ac);box-shadow:inset 0 0 0 1px var(--holo-rim), inset 0 0 10px #6ff3ff4d;border-width:2px;border-radius:50%;place-items:center;display:grid}.hud-ab-ico .ico{width:26px;height:26px}.hud-ab-burst{z-index:-1;opacity:0;background:var(--ac);clip-path:polygon(50% 0%,61.7% 13.9%,79.4% 9.5%,80.7% 27.7%,97.6% 34.5%,88% 50%,97.6% 65.5%,80.7% 72.3%,79.4% 90.5%,61.7% 86.1%,50% 100%,38.3% 86.1%,20.6% 90.5%,19.3% 72.3%,2.4% 65.5%,12% 50%,2.4% 34.5%,19.3% 27.7%,20.6% 9.5%,38.3% 13.9%);position:absolute;inset:-15px}.hud-ab.ready .hud-ab-burst{opacity:.9;animation:6s linear infinite hud-spin}.hud-ab.ready .hud-ab-ring{background:var(--ac);animation:.9s ease-in-out infinite ult-ready}.hud-ab.ready .hud-ab-ico{background:#f4feff}.hud-ab-text{white-space:nowrap;line-height:1.1;display:grid}.hud-ab-text b{font:14px var(--font-cn);color:var(--paper);text-shadow:2px 2px 0 var(--ink);font-weight:400}.hud-ab-text em{font:19px/1 var(--font-display);letter-spacing:.04em;color:var(--ac);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink);font-variant-numeric:tabular-nums;font-style:normal}.hud-ab.pop .hud-ab-text em{animation:.45s cubic-bezier(.2,1.6,.4,1) hud-stamp}.hud-ab kbd{font:14px var(--font-display);color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:6px;padding:1px 7px}@keyframes hud-spin{to{transform:rotate(360deg)}}.hud-myth{--ac:#3fe0c5;align-items:center;gap:8px;display:flex;position:absolute;bottom:82px;left:calc(50% + min(204px,32vw))}.hud-myth-ring{border:3px solid var(--ink);width:56px;height:56px;box-shadow:var(--shadow-sm);background:conic-gradient(var(--ac) var(--p,0%), #081220d9 0);border-radius:50%;place-items:center;display:grid;position:relative}.hud-myth-ring:before{content:"";border:2px dashed var(--holo-rim);border-radius:50%;animation:9s linear infinite hud-spin;position:absolute;inset:-8px}.hud-myth-text{white-space:nowrap;gap:2px;line-height:1.1;display:grid}.hud-myth-text b{font:14px var(--font-cn);color:var(--paper);text-shadow:2px 2px 0 var(--ink);font-weight:400}.hud-myth-text em{font:19px/1 var(--font-display);color:var(--ac);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink);font-style:normal}.hud-myth-text small{font:12px var(--font-cn);color:#bff7ee;text-shadow:1px 1px 0 var(--ink)}.hud-myth.tsunami small{color:#fff;animation:.9s ease-in-out infinite ult-ready}.hud-myth-pips{gap:4px;display:flex}.hud-myth-pips i{border:1.5px solid var(--ink);background:#081220cc;border-radius:3px;width:12px;height:6px}.hud-myth-pips i.on{background:var(--ac);box-shadow:0 0 6px var(--ac)}.hud-myth kbd{font:14px var(--font-display);color:var(--ink);background:var(--paper-2);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:6px;padding:1px 7px}.myth-wheel{--ac:#3fe0c5;width:0;height:0;position:absolute;top:50%;left:50%}.myth-wheel:before{content:"";border:2px dashed var(--holo-rim);background:radial-gradient(circle,#0a2a4a8c 0 45%,#0a2a4a40 70%,#0000 71%);border-radius:50%;width:300px;height:300px;animation:14s linear infinite hud-spin;position:absolute;top:-150px;left:-150px}.mw-slot,.mw-centre{text-align:center;justify-items:center;gap:2px;width:104px;margin-left:-52px;transition:transform .12s ease-out;display:grid;position:absolute}.mw-up{top:-170px}.mw-down{top:54px}.mw-left{top:-58px;left:-118px}.mw-right{top:-58px;left:118px}.mw-ring{border:3px solid var(--ink);width:62px;height:62px;box-shadow:var(--shadow-sm);background:conic-gradient(var(--ac) var(--p,100%), #081220d9 0);border-radius:50%;place-items:center;display:grid}.mw-ico{width:44px;height:44px;color:var(--ac);background:var(--holo-glass);box-shadow:inset 0 0 0 1px var(--holo-rim);border-radius:50%;place-items:center;display:grid}.mw-ico .ico{width:30px;height:30px}.mw-slot b,.mw-centre b{font:15px var(--font-cn);color:var(--paper);text-shadow:2px 2px 0 var(--ink);font-weight:400}.mw-slot em{font:14px/1 var(--font-display);color:var(--ac);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;font-style:normal}.mw-slot em:after{content:" 潮汐";font:11px var(--font-cn);-webkit-text-stroke:0;color:#bff7ee}.mw-slot small,.mw-centre small{font:12px var(--font-cn);color:#ffd0d0;text-shadow:1px 1px 0 var(--ink);min-height:1em}.mw-slot:not(.ready) .mw-ico{filter:grayscale(.7)brightness(.7)}.mw-slot.picked,.mw-centre.picked{transform:scale(1.18)}.mw-slot.picked .mw-ring,.mw-centre.picked .mw-ring{box-shadow:0 0 0 3px #fff, 0 0 18px var(--ac)}.mw-slot.picked.ready .mw-ico{background:#f4feff}.mw-centre{--ac:#6fd2ff;width:120px;margin-left:-60px;top:-46px}.mw-centre .mw-ico{border:3px solid var(--ink);background:conic-gradient(var(--ac) var(--p,0%), #081220d9 0);width:54px;height:54px}.mw-centre:not(.ready) .mw-ico .ico{opacity:.55}.mw-centre.ready .mw-ico{animation:.9s ease-in-out infinite ult-ready}.mw-centre.picked .mw-ico{box-shadow:0 0 0 3px #fff, 0 0 22px var(--ac)}.mw-centre small{color:#d6f4ff}@keyframes hud-stamp{0%{opacity:0;transform:scale(2.4)rotate(-12deg)}60%{opacity:1;transform:scale(.92)rotate(-4deg)}to{transform:none}}@keyframes ult-ready{0%,to{box-shadow:var(--shadow-sm), 0 0 0 0 #62e2ffb3;transform:scale(1)}50%{box-shadow:var(--shadow-sm), 0 0 18px 6px #62e2ff99;transform:scale(1.1)}}.hud{transition:opacity .3s}.hud.ended{opacity:0}.hud-hint{text-align:center;color:#dff8ff;border-radius:8px;width:max-content;max-width:min(860px,92vw);padding:8px 18px;font-size:14px;line-height:1.7;position:absolute;top:58%;left:50%;transform:translate(-50%)}.death-card{color:#eafdff;text-align:center;pointer-events:none;min-width:290px;box-shadow:var(--shadow), inset 0 0 0 1.5px #ff6e6e99, inset 0 0 18px #ff3c3c4d;border-radius:10px;padding:10px 22px 12px;position:absolute;top:104px;left:50%;transform:translate(-50%)}.death-card[hidden]{display:none}.death-card.in{animation:.45s cubic-bezier(.2,1.4,.4,1) death-in}@keyframes death-in{0%{opacity:0;transform:translate(-50%)scale(1.5)}to{opacity:1;transform:translate(-50%)scale(1)}}.death-title{font:30px/1.1 var(--font-cn);letter-spacing:.12em;color:#ff6b5b;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink), 0 0 12px #ff463cb3}.death-who{justify-content:center;align-items:baseline;gap:8px;margin-top:6px;font-size:15px;display:flex}.death-who[hidden]{display:none}.death-who span{opacity:.7;font-size:12px}.death-who b{font:20px var(--font-cn);color:#ffd36a;text-shadow:2px 2px 0 var(--ink);font-weight:400}.death-who small{opacity:.75;font-size:12px}.death-drop{margin-top:10px;font-size:13px;font-weight:700}.death-drop i{border:2px solid var(--ink);background:#08101ad9;height:8px;margin-top:6px;display:block;overflow:hidden;transform:skew(-18deg)}.death-drop em{background:linear-gradient(90deg,#ffd23a,#ff8a2a);width:0;height:100%;transition:width .1s linear;display:block;box-shadow:0 0 8px #ffb23a}.end-screen{z-index:30;isolation:isolate;pointer-events:none;font-family:var(--font-cn);color:#eafdff;--strip:linear-gradient(90deg, #ff9f1c, #ffd23f 35%, #fff3b0 50%, #ffd23f 65%, #ff9f1c);--title:#fffaf0;--title-glow:#ffd23fe6;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:22px;padding:5vh 16px 3.5vh;display:grid;position:absolute;inset:0;overflow:hidden}.end-screen[hidden]{display:none}.end-screen[data-result=lose]{--strip:linear-gradient(90deg, #1d2536, #3d4b66 35%, #56688a 50%, #3d4b66 65%, #1d2536);--title:#c4d3e6;--title-glow:#6ea0ff99}.end-screen[data-result=draw]{--strip:linear-gradient(90deg, #6a5f8f, #a99bd6 50%, #6a5f8f);--title:#fff4dc;--title-glow:#c8b4ffb3}.end-backdrop{z-index:-1;background:repeating-linear-gradient(0deg,#78ebff0d 0 1px,#0000 1px 3px),radial-gradient(at 50% 22%,#101e3480,#040810e6 72%);animation:.35s ease-out both end-fade;position:absolute;inset:0}.end-banner{justify-items:center;gap:16px;width:100%;display:grid;position:relative}.end-strip{background:var(--strip);border-block:5px solid var(--ink);height:140px;box-shadow:0 7px 0 var(--ink), 0 0 40px var(--title-glow);animation:.42s cubic-bezier(.2,.9,.3,1) 50ms forwards end-strip;position:absolute;top:-10px;left:-16px;right:-16px;overflow:hidden;transform:skewY(-3deg)scaleX(0)}.end-strip:after{content:"";background:radial-gradient(#16120e38 1.6px,#0000 2.2px) 0 0/9px 9px;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#000,#0000 30% 70%,#000);mask:linear-gradient(90deg,#000,#0000 30% 70%,#000)}.end-strip:before{content:"";z-index:1;background:linear-gradient(100deg,#0000 40%,#ffffff8c 50%,#0000 60%);animation:2.6s ease-in-out .6s infinite end-sheen;position:absolute;inset:0;transform:translate(-100%)}.end-title{justify-items:center;animation:.55s cubic-bezier(.2,1.5,.4,1) .3s both end-stamp;display:grid;position:relative;transform:rotate(-3deg)}.end-title b{font:92px/1 var(--font-cn);letter-spacing:.14em;color:var(--title);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:7px 7px 0 var(--ink), 0 0 30px var(--title-glow);padding-left:.14em;font-weight:400}.end-title span{font:26px/1 var(--font-display);letter-spacing:.55em;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:var(--holo-fringe), 3px 3px 0 var(--ink);margin-top:6px;padding-left:.55em}.end-screen[data-result=lose] .end-title b{animation:2.8s step-end 1s infinite end-glitch}.end-spark{color:#fff7c2;animation:end-twinkle 1.6s ease-in-out calc(.8s + var(--n) * .27s) infinite both;font-size:26px;position:absolute}.end-spark:first-child{top:4px;left:-46px}.end-spark:nth-child(2){font-size:34px;top:-6px;right:-50px}.end-spark:nth-child(3){font-size:18px;bottom:6px;left:-20px}.end-spark:nth-child(4){font-size:20px;bottom:16px;right:-24px}.end-spark:nth-child(5){font-size:16px;top:-26px;left:46%}.end-score{align-items:center;animation:.4s ease-out .75s both end-rise;display:flex}.end-team{border:3px solid var(--ink);min-width:96px;box-shadow:var(--shadow-sm);place-items:center;padding:2px 22px;display:grid;position:relative;overflow:hidden;transform:skew(-14deg)}.end-team.red{background:linear-gradient(#ff9c8c,#ff4d5e 55%,#cf2a42)}.end-team.blue{background:linear-gradient(#9cd4ff,#37a2ff 55%,#1c6fd4)}.end-team b{font:42px/1 var(--font-display);color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);transform:skew(14deg)}.end-score i{font:24px var(--font-display);letter-spacing:.08em;color:#eafdff;text-shadow:var(--holo-fringe), 2px 2px 0 var(--ink);margin:0 14px;font-style:normal}.end-body{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:18px;width:min(1000px,100%);min-height:0;display:grid}.end-board{grid-template-columns:1fr 1fr;gap:12px;display:grid}.end-col{border:3px solid var(--ink);background:var(--holo-glass);box-shadow:var(--shadow-sm), inset 0 0 0 1.5px var(--holo-rim), inset 0 0 16px #6ff3ff2e;border-radius:8px;padding:0 10px 10px;animation:.4s ease-out .95s both end-rise;position:relative;overflow:hidden}.end-col h4{border-bottom:3px solid var(--ink);font:19px var(--font-cn);color:#fff;text-shadow:2px 2px 0 var(--ink);justify-content:space-between;align-items:center;margin:0 -10px 4px;padding:5px 12px;font-weight:400;display:flex}.end-col.red h4{background:linear-gradient(90deg,#ff4d5e,#ff8a7a)}.end-col.blue h4{background:linear-gradient(90deg,#1c6fd4,#59b4ff)}.end-col h4 small{border:2px solid var(--ink);background:var(--paper);color:var(--ink);text-shadow:none;vertical-align:2px;border-radius:6px;margin-left:8px;padding:0 6px;font-size:12px}.end-won{font:16px var(--font-display);letter-spacing:.1em;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);text-shadow:none;box-shadow:2px 2px 0 var(--ink);border-radius:4px;padding:0 8px;font-style:normal;transform:rotate(4deg)}.end-head,.end-col li{grid-template-columns:minmax(0,1fr) 40px 40px;align-items:center;gap:4px;display:grid}.end-head{letter-spacing:.1em;color:#8fdcef;padding:2px 6px;font-size:11px}.end-head b,.end-head small{text-align:center;font-weight:400}.end-col ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.end-col li{animation:end-row .35s ease-out calc(1.05s + var(--i) * 55ms) both;border-radius:4px;padding:4px 6px;font-size:15px}.end-col li:nth-child(odd){background:#6ff3ff0d}.end-col li b,.end-col li small{text-align:center;font:20px/1 var(--font-display);font-variant-numeric:tabular-nums;font-weight:400}.end-col li b{color:#fff;text-shadow:2px 2px 0 var(--ink)}.end-col li small{color:#9fb3c8}.end-name{align-items:center;gap:4px;min-width:0;display:flex}.end-name em{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.end-name .ico{color:var(--yellow);width:18px;height:18px}.end-mvp{font:12px/1.3 var(--font-display);letter-spacing:.06em;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);border-radius:4px;flex:none;padding:0 5px;font-style:normal;transform:rotate(-6deg)}.end-col li.mvp{background:linear-gradient(90deg,#ffd23f4d,#ffd23f0a)}.end-col li.me{box-shadow:inset 0 0 0 1.5px var(--holo-rim);background:linear-gradient(90deg,#6ff3ff57,#6ff3ff0f)}.end-col li.me .end-name em{color:var(--holo)}.end-empty{opacity:.5}.end-more{color:#8fdcef;margin:4px 6px 0;font-size:12px}.end-reward{animation:.4s ease-out 1.2s both end-rise}.end-screen .reward-panel{zoom:1;color:#eafdff;background:var(--holo-glass);width:auto;box-shadow:var(--shadow-sm), inset 0 0 0 1.5px var(--holo-rim), inset 0 0 16px #6ff3ff2e;border-radius:8px;padding:0 14px 12px;position:static;transform:none}.end-screen .reward-panel h3{border-bottom:3px solid var(--ink);color:#fff;text-shadow:2px 2px 0 var(--ink);background:linear-gradient(90deg,#1f9fcf,#5fe6ff);margin:0 -14px 8px;padding:5px 14px;font-size:19px}.end-screen .reward-rows{font-size:14px}.end-screen .reward-rows span{color:#bfeaf5}.end-screen .reward-rows b,.end-screen .reward-total b{color:#8ff0a4;text-shadow:2px 2px 0 var(--ink)}.end-screen .reward-total{color:#bfeaf5}.end-screen .reward-total em{color:var(--ink)}.end-screen .reward-total b{-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;font-size:28px}.end-screen .reward-coins small{color:#bfeaf5}.end-screen .coin-chip .ico{color:#ffd23f}.end-screen .reward-level .lv{color:#fff;text-shadow:2px 2px 0 var(--ink)}.end-screen .xp-bar{background:#08101ad9;border-radius:0;height:12px;transform:skew(-18deg)}.end-screen .xp-bar i{background:linear-gradient(#c4ffd9,#5fe08f 50%,#1fae63);box-shadow:0 0 10px #5fe08fcc}.end-screen .level-up{color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font-size:24px}.end-screen .level-up small{color:#dff8ff;-webkit-text-stroke:0;text-shadow:none}.end-screen .reward-quest{color:#eafdff;background:#6ff3ff1a}.end-screen .reward-quest.done{background:#7df9ff59}.end-screen .reward-quest .ico,.end-screen .reward-legend .ico{color:#ffd23f;width:16px;height:16px}.end-screen .reward-legend{color:var(--ink)}.end-foot{color:#bff6ff;justify-items:center;gap:6px;font-size:14px;animation:.4s ease-out 1.4s both end-rise;display:grid}.end-foot i{border:2px solid var(--ink);background:#08101ad9;width:240px;height:8px;display:block;overflow:hidden;transform:skew(-18deg)}.end-foot em{background:var(--holo);height:100%;box-shadow:0 0 8px var(--holo);display:block}@keyframes end-fade{0%{opacity:0}}@keyframes end-strip{to{transform:skewY(-3deg)scaleX(1)}}@keyframes end-sheen{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}@keyframes end-stamp{0%{opacity:0;transform:scale(2.8)rotate(-12deg)}60%{opacity:1;transform:scale(.94)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}@keyframes end-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes end-row{0%{opacity:0;transform:translate(-14px)}}@keyframes end-twinkle{0%,to{opacity:.25;transform:scale(.6)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(45deg)}}@keyframes end-glitch{0%,88%,to{text-shadow:7px 7px 0 var(--ink), 0 0 30px var(--title-glow);transform:none}90%{text-shadow:-4px 0 #ff46c8cc, 4px 0 #46f0ffcc, 7px 7px 0 var(--ink);transform:translate(-4px)skew(8deg)}93%{transform:translate(3px)}}@media (max-width:760px){.end-body{grid-template-columns:1fr}}@media (max-height:560px){.end-screen{zoom:.66;width:151.515vw;height:151.515vh;inset:0 auto auto 0}}@media (prefers-reduced-motion:reduce){.hud-timer:before,.hud-hp-track:before,.hud-hint:before,.death-card:before,.hud-ab-ring:before,.hud-ab.ready .hud-ab-burst,.end-strip:before,.end-spark{animation:none}}.swap-backdrop{z-index:40;pointer-events:auto;font-family:var(--font-cn);color:#eafdff;background:radial-gradient(#08101c8c,#040810d9);place-items:center;padding:16px;display:grid;position:absolute;inset:0}.swap-panel{border:3px solid var(--ink);background:var(--holo-glass);width:min(720px,100%);max-height:100%;box-shadow:var(--shadow), inset 0 0 0 1.5px var(--holo-rim), inset 0 0 18px #6ff3ff2e;border-radius:10px;padding:0 18px 16px;position:relative;overflow-y:auto}.swap-panel h2{border-bottom:3px solid var(--ink);font:24px var(--font-cn);color:#fff;text-shadow:2px 2px 0 var(--ink);background:linear-gradient(90deg,#1f9fcf,#5fe6ff);gap:2px;margin:0 -18px 6px;padding:8px 18px;font-weight:400;display:grid}.swap-panel h2 small{color:#eafdff;text-shadow:1px 1px 0 var(--ink);font-size:13px}.swap-panel h2 b{font:16px var(--font-display);color:var(--yellow);font-weight:400}.swap-panel h3{letter-spacing:.1em;color:#8fdcef;margin:12px 0 6px;font-size:14px;font-weight:400}.swap-row{flex-wrap:wrap;gap:6px;display:flex}.swap-chip{cursor:pointer;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink), inset 0 0 0 1px var(--holo-rim);font:14px var(--font-cn);color:#d6f3fb;background:#08101abf;border-radius:6px;padding:6px 12px;position:relative}.swap-chip:hover{color:#fff}.swap-chip.now:after{content:"当前";border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:4px;padding:0 4px;font-size:10px;position:absolute;top:-9px;right:-6px}.swap-chip.on{color:var(--ink);box-shadow:2px 2px 0 var(--ink), 0 0 12px #5fe08fb3;background:linear-gradient(#c4ffd9,#5fe08f)}.swap-msg{color:#8fdcef;min-height:1.4em;margin:14px 0 0;font-size:14px}.swap-msg.warn{color:#ff9a8a}.swap-foot{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.swap-btn{cursor:pointer;border:3px solid var(--ink);box-shadow:var(--shadow-sm);font:17px var(--font-cn);color:#d6f3fb;background:#08101acc;border-radius:8px;padding:8px 20px}.swap-btn.go{color:var(--ink);background:linear-gradient(180deg, #fff3a8, var(--yellow))}.swap-btn:disabled{opacity:.5;cursor:default}.prep{pointer-events:none;z-index:6;text-align:center;justify-items:center;gap:4px;display:grid;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.prep[hidden]{display:none}.prep-title{font:22px var(--font-cn);letter-spacing:.3em;color:#eafdff;background:var(--holo-glass);border:2px solid var(--holo-rim);text-shadow:var(--holo-fringe);border-radius:8px;padding:3px 18px;transform:skew(-8deg)}.prep-num{font:112px/1 var(--font-display);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink), 0 0 26px #6ff3ffd9}.prep-num.pop{animation:.45s cubic-bezier(.2,1.6,.4,1) prep-pop}.prep-hint{font:14px var(--font-cn);color:#bfeaf5;text-shadow:1px 1px 0 var(--ink)}.prep.final .prep-num{color:#ffd23f;text-shadow:6px 6px 0 var(--ink), 0 0 28px #ff5a3ce6}.prep.go .prep-title,.prep.go .prep-hint{display:none}.prep.go .prep-num{font-family:var(--font-cn);color:#ffd23f;text-shadow:6px 6px 0 var(--ink), 0 0 32px #ff8c28f2;font-size:92px}.prep.go{animation:1.3s ease-out forwards prep-go}@keyframes prep-pop{0%{opacity:0;transform:scale(1.9)}60%{opacity:1;transform:scale(.92)}to{transform:scale(1)}}@keyframes prep-go{0%,70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}@media (max-width:700px){.prep-num{font-size:76px}.prep.go .prep-num{font-size:60px}.prep-title{font-size:16px}}.kit-bar{pointer-events:auto;gap:6px;display:flex;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}.kit-bar[hidden]{display:none}.kit-slot{border:2px solid var(--ink);cursor:pointer;background:var(--holo-glass);width:44px;height:44px;box-shadow:0 0 8px var(--kc), var(--shadow-sm);border-radius:10px;padding:0;position:relative;overflow:hidden}.kit-slot img{width:100%;height:100%;display:block}.kit-slot:after{content:"";background:conic-gradient(#060c16b8 var(--cd,0%), transparent 0);pointer-events:none;position:absolute;inset:0}.kit-slot.empty{filter:grayscale();opacity:.45;box-shadow:var(--shadow-sm)}.kit-slot-key{font:13px var(--font-display);color:#fff;text-shadow:1px 1px 0 var(--ink);z-index:1;position:absolute;top:0;left:2px}.kit-slot-n{font:14px var(--font-display);color:#fff;text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink);z-index:1;position:absolute;bottom:0;right:3px}.kit-act,.kit-mode{border:2px solid var(--ink);background:var(--holo-glass);color:#fff;height:44px;font:14px var(--font-display);text-shadow:1px 1px 0 var(--ink);box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:4px;padding:0 10px 0 30px;display:flex;position:relative;overflow:hidden}.kit-act{cursor:pointer;--kc:#7fe3ff}.kit-act b{font-weight:400}.kit-act:after{content:"";background:conic-gradient(#060c16b8 var(--cd,0%), transparent 0);pointer-events:none;position:absolute;inset:0}.kit-act.ready{box-shadow:0 0 10px var(--kc), var(--shadow-sm)}.kit-act[hidden],.kit-mode[hidden]{display:none}.kit-act .kit-slot-key,.kit-mode .kit-slot-key{color:#ffd24a;font-size:11px;top:50%;left:4px;transform:translateY(-50%)}.kit-mode{cursor:pointer}body.touch .kit-bar{z-index:21;left:max(10px, env(safe-area-inset-left));flex-direction:column;gap:6px;top:50%;bottom:auto;transform:translateY(-50%)}body.touch .kit-slot{width:42px;height:42px}body.touch .kit-slot-key{display:none}body.touch .kit-mode{justify-content:center;height:42px;padding:0 8px}.cola-splat{pointer-events:none;z-index:7;opacity:0;position:absolute;inset:0;overflow:hidden}.cola-splat.show{animation:cola-splat var(--dur,1s) ease-out forwards}.cola-splat i.drip{animation:cola-drip var(--dur,1s) ease-in forwards}.cola-splat i.drip:after{content:"";background:linear-gradient(#5a2e12e6,#4a230d99);border-radius:0 0 50% 50%;width:12%;height:60%;position:absolute;top:70%;left:44%}.cola-splat i{transform:translate(-50%, -50%) rotate(var(--r,0deg));background:radial-gradient(circle at 40% 35%,#c98a4bd9 0 8%,#5a2e12eb 30%,#4a230dbf 62%,#0000 72%);border-radius:46% 54% 58% 42%/52% 44% 56% 48%;position:absolute}@keyframes cola-splat{0%{opacity:1}55%{opacity:.85}to{opacity:0}}@keyframes cola-drip{0%{margin-top:0}to{margin-top:9vh}}.tsunami-banner{border:3px solid var(--ink);width:-moz-fit-content;width:fit-content;font:26px var(--font-cn);color:#fff;text-shadow:2px 2px 0 var(--ink);white-space:nowrap;box-shadow:var(--shadow-sm);background:linear-gradient(#0a466eeb,#041e34eb);border-radius:12px;margin:0 auto;padding:8px 22px;animation:.9s ease-in-out infinite ult-ready;position:absolute;top:96px;left:0;right:0}.tsunami-banner.enemy{background:linear-gradient(#a01e1eeb,#460a0aeb)}.sniper-scope{pointer-events:none;z-index:6;--lens:1;background:radial-gradient(circle at 50% 50%, transparent calc(41vmin * var(--lens)), #041218e6 calc(41vmin * var(--lens) + 1.5vmin), #020a0e calc(60vmin));position:absolute;inset:0}.sniper-scope[hidden]{display:none}.sniper-scope svg{width:100%;height:100%;position:absolute;inset:0}.sniper-scope .ss-rim{fill:none;stroke:#0b2f38;stroke-width:3.6px}.sniper-scope .ss-wave{fill:none;stroke:#2fe0c8;stroke-width:.35px;opacity:.6}.sniper-scope .ss-ticks line{stroke:#9ff6ec;stroke-width:.18px;opacity:.75}.sniper-scope .ss-ticks line.long{stroke-width:.32px;opacity:1}.sniper-scope .ss-arc-bg{fill:none;stroke:#2fe0c826;stroke-width:1.4px}.sniper-scope .ss-arc{fill:none;stroke:#5ff6e0;stroke-width:1.4px;stroke-linecap:round;filter:drop-shadow(0 0 .6px #2fe0c8);transition:stroke .2s}.sniper-scope.full .ss-arc{stroke:#fff6c6;animation:.6s ease-in-out infinite alternate ss-pulse}.sniper-scope .ss-cross line{stroke:#dffcf8;stroke-width:.12px;opacity:.85}.sniper-scope .ss-cross line.thick{stroke:#0b2f38;stroke-width:.9px;opacity:.9}.sniper-scope .ss-mils circle{fill:#dffcf8;opacity:.8}.sniper-scope .ss-dot{fill:#ff4d5e;filter:drop-shadow(0 0 .5px #ff4d5e)}.sniper-scope .ss-chev{fill:none;stroke:#ff4d5e;stroke-width:.25px}.sniper-scope .ss-read{font-family:var(--font-display);color:#dffcf8;text-shadow:0 0 6px #2fe0c8b3, 2px 2px 0 var(--ink);align-items:baseline;gap:4vmin;display:flex;position:absolute;top:calc(50% + 30vmin);left:50%;transform:translate(-50%)}.sniper-scope .ss-read small{font-family:var(--font-cn);color:#9ff6ec;margin-right:.8vmin;font-size:1.6vmin}.sniper-scope .ss-read b{letter-spacing:.04em;font-size:3.4vmin;font-weight:400}.sniper-scope .ss-dmg b{color:#fff6c6;font-size:4.4vmin}.sniper-scope .ss-full{font:3vmin var(--font-cn);color:#fff6c6;text-shadow:0 0 10px #2fe0c8, 2px 2px 0 var(--ink);animation:.6s ease-in-out infinite alternate ss-pulse;position:absolute;top:calc(50% - 30vmin);left:50%;transform:translate(-50%)}.sniper-scope .ss-full[hidden]{display:none}.sniper-scope .ss-hint{font:1.8vmin var(--font-cn);color:#9ff6ec;opacity:.8;position:absolute;bottom:4vmin;left:50%;transform:translate(-50%)}@keyframes ss-pulse{0%{opacity:.65}to{opacity:1}}.sniper-warn{pointer-events:none;z-index:5;animation:.5s ease-in-out infinite alternate sw-flush;position:absolute;inset:0;box-shadow:inset 0 0 12vmin #ff283c73}.sniper-warn[hidden]{display:none}.sniper-warn b{font:22px var(--font-cn);color:#fff;white-space:nowrap;border:3px solid var(--ink);box-shadow:var(--shadow-sm);background:#c8102e;border-radius:10px;padding:4px 16px;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes sw-flush{0%{box-shadow:inset 0 0 8vmin #ff283c40}to{box-shadow:inset 0 0 14vmin #ff283c8c}}.sniper-warn b .ico{vertical-align:-4px;color:#fff;width:20px;height:20px}.garage{pointer-events:none;font-family:var(--font-cn);color:#eafdff;--gx-shelf:172px;--gx-top:112px;position:absolute;inset:0}.garage button{color:inherit;font-family:inherit}.garage [hidden]{display:none!important}.garage .ico{width:22px;height:22px}.gx-top,.gx-tabs,.gx-info,.gx-side,.gx-shelf,.gx-badge,.gx-starter{pointer-events:auto}.gx-top{background:var(--holo-glass);border-bottom:3px solid var(--ink);height:64px;box-shadow:0 3px 0 #16120e80, inset 0 -1.5px 0 var(--holo-rim);align-items:center;gap:12px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.gx-iconbtn{cursor:pointer;border:3px solid var(--ink);background:var(--holo-glass);width:46px;height:46px;box-shadow:var(--shadow-sm), inset 0 0 0 1.5px var(--holo-rim);color:var(--holo);border-radius:10px;flex:none;place-items:center;transition:transform 80ms;display:grid}.gx-iconbtn .ico{width:26px;height:26px}.gx-iconbtn:hover{transform:translate(-1px,-1px)}.gx-iconbtn:active{box-shadow:none;transform:translate(2px,2px)}.gx-iconbtn:last-child{margin-left:4px}.gx-rank{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:linear-gradient(#fff1a0,#ffb52e 60%,#e0821a);flex:none;align-content:center;place-items:center;width:50px;height:54px;line-height:.9;display:grid}.gx-rank small{font:11px var(--font-display);color:var(--ink);letter-spacing:.1em}.gx-rank b{font:24px var(--font-display);color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.gx-player{gap:3px;width:260px;min-width:0;display:grid}.gx-player b{white-space:nowrap;text-overflow:ellipsis;text-shadow:2px 2px 0 var(--ink);font-size:16px;font-weight:400;overflow:hidden}.gx-player i{border:2px solid var(--ink);background:#08101ad9;height:7px;display:block;overflow:hidden;transform:skew(-18deg)}.gx-player i em{background:linear-gradient(#c4ffd9,#5fe08f 50%,#1fae63);height:100%;display:block;box-shadow:0 0 8px #5fe08fcc}.gx-player small{color:#8fdcef;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.gx-pick{color:var(--yellow)}.gx-top h1{white-space:nowrap;pointer-events:none;font:34px var(--font-cn);letter-spacing:.12em;color:#fff;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:var(--holo-fringe), 4px 4px 0 var(--ink);margin:0;font-weight:400;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.gx-money{gap:4px;margin-left:auto;display:grid}.gx-money span{border:2px solid var(--ink);min-width:120px;box-shadow:inset 0 0 0 1px var(--holo-rim);background:#08101ab3;border-radius:12px;justify-content:flex-end;align-items:center;gap:6px;padding:1px 10px 1px 6px;display:flex}.gx-money .ico{width:18px;height:18px}.gx-money .coin .ico{color:var(--yellow)}.gx-money .gem .ico{color:#5fd8ff}.gx-money b{font:17px var(--font-display);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-weight:400}.gx-tabs{border-bottom:1.5px solid var(--holo-rim);background:linear-gradient(#08101abf,#08101a59);justify-content:center;gap:6px;height:44px;display:flex;position:absolute;top:67px;left:0;right:0}.gx-tabs button{cursor:pointer;color:#bfeaf5;min-width:84px;text-shadow:2px 2px 0 var(--ink);background:0 0;border:0;padding:0 16px;font-size:17px;position:relative}.gx-tabs button:hover{color:#fff}.gx-tabs button.on{color:var(--holo);text-shadow:2px 2px 0 var(--ink), 0 0 10px #6ff3ffcc}.gx-tabs button.on:after{content:"";background:var(--holo);border:1.5px solid var(--ink);height:5px;box-shadow:0 0 10px var(--holo);position:absolute;bottom:3px;left:22%;right:22%;transform:skew(-24deg)}.gx-starter{top:calc(var(--gx-top) + 8px);border:2px solid var(--ink);width:min(560px,46vw);color:var(--ink);box-shadow:var(--shadow-sm);background:#ffd23feb;border-radius:8px;margin:0;padding:6px 14px;font-size:13px;line-height:1.5;position:absolute;left:50%;transform:translate(-50%)}.gx-info{top:calc(var(--gx-top) + 14px);width:min(310px,27vw);max-height:calc(100% - var(--gx-top) - var(--gx-shelf) - 28px);scrollbar-width:none;align-content:start;gap:10px;display:grid;position:absolute;left:18px;overflow-y:auto}.gx-info h2{font:34px/1 var(--font-display);letter-spacing:.03em;color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);margin:0;font-weight:400;display:grid}.gx-info h2[style]{color:color-mix(in srgb, var(--rc) 55%, #fff)}.gx-info h2 small{font:13px var(--font-cn);letter-spacing:.12em;color:var(--holo);-webkit-text-stroke:0;text-shadow:1px 1px 0 var(--ink);order:-1;margin-bottom:4px}.gx-card{border:3px solid var(--ink);background:var(--holo-glass);box-shadow:var(--shadow-sm), inset 0 0 0 1.5px var(--holo-rim), inset 0 0 14px #6ff3ff26;color:#d6f3fb;border-radius:8px;padding:10px 14px;font-size:14px;line-height:1.6;position:relative}.gx-card p{margin:0}.gx-card p+p{margin-top:6px}.gx-dim{color:#8fdcef;font-size:13px}.gx-special h3{color:var(--yellow);text-shadow:2px 2px 0 var(--ink);align-items:center;gap:10px;margin:0 0 6px;font-size:17px;font-weight:400;display:flex}.gx-special h3 .ico{border:2px solid var(--ink);width:34px;height:34px;color:var(--yellow);background:#08101ae6;border-radius:50%;flex:none;padding:5px;box-shadow:0 0 10px #ffd23f80}.gx-special h3 span{line-height:1.2;display:grid}.gx-special h3 small{letter-spacing:.1em;color:#8fdcef;text-shadow:none;font-size:11px}.gx-slots{gap:8px;display:grid}.gx-slot{border:3px solid var(--ink);box-shadow:var(--shadow-sm);background:linear-gradient(90deg, color-mix(in srgb, var(--rc,#6ff3ff) 35%, #08101ae6), #08101ad9);border-radius:8px;align-items:stretch;display:flex;overflow:hidden}.gx-slot.on{box-shadow:var(--shadow-sm), 0 0 0 2px var(--holo), 0 0 14px var(--holo)}.gx-slot.empty{cursor:pointer;color:#8fdcef;background:#08101a99;border-style:dashed;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:15px}.gx-slot.empty b{font:22px var(--font-display);color:var(--holo)}.gx-slot-body{cursor:pointer;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 10px;display:flex}.gx-slot-body>span:last-child{min-width:0;display:grid}.gx-slot-body b{white-space:nowrap;text-overflow:ellipsis;text-shadow:1px 1px 0 var(--ink);font-size:15px;font-weight:400;overflow:hidden}.gx-slot-body small{color:#8ff0a4;font-size:12px}.gx-slot-x{border:0;border-left:2px solid var(--ink);cursor:pointer;font:15px var(--font-display);background:#ff5a5a26;padding:0 12px}.gx-slot-x:hover{background:#ff5a5a73}.gx-acc-ico{border:2px solid var(--ink);width:34px;height:34px;color:var(--rc,var(--holo));box-shadow:0 0 8px var(--rc,var(--holo));background:#08101ae6;border-radius:50%;flex:none;place-items:center;display:grid}.gx-badge{top:calc(var(--gx-top) + 26px);pointer-events:none;align-items:center;gap:10px;display:flex;position:absolute;left:calc(46px + min(310px,27vw));transform:rotate(-3deg)}.gx-badge:empty{display:none}.gx-badge-ico{width:54px;height:54px;color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:var(--shadow-sm);clip-path:polygon(14% 0,100% 0,86% 100%,0 100%);place-items:center;display:grid}.gx-badge-ico .ico{width:30px;height:30px}.gx-badge>span:last-child{line-height:1.15;display:grid}.gx-badge small{color:#fff;text-shadow:1px 1px 0 var(--ink);font-size:12px}.gx-badge b{color:var(--yellow);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink);font-size:22px;font-weight:400}.gx-side{top:calc(var(--gx-top) + 14px);width:min(330px,28vw);max-height:calc(100% - var(--gx-top) - var(--gx-shelf) - 28px);scrollbar-width:none;position:absolute;right:18px;overflow-y:auto}.gx-side h3{font:30px/1 var(--font-display);letter-spacing:.03em;color:#fff;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);margin:0;font-weight:400}.gx-rule{background:linear-gradient(90deg,#fff 0 78%,#0000 78%),repeating-linear-gradient(90deg,#5fe08f 0 10px,#0000 10px 14px);height:5px;margin:10px 0 8px;box-shadow:0 0 8px #ffffff80}.gx-stats{gap:2px;display:grid}.gx-stat{border-bottom:1px solid #6ff3ff1f;grid-template-columns:1fr auto;align-items:baseline;gap:2px 10px;padding:5px 2px;font-size:15px;display:grid}.gx-stat span{color:#bfeaf5;text-shadow:1px 1px 0 var(--ink)}.gx-stat b{font:19px var(--font-display);letter-spacing:.03em;text-align:right;text-shadow:2px 2px 0 var(--ink);font-weight:400}.gx-stat b .ico{width:16px;height:16px}.gx-stat i{background:#ffffff1a;grid-column:1/-1;height:4px;overflow:hidden;transform:skew(-18deg)}.gx-stat i em{background:linear-gradient(90deg, #39c8ff, var(--holo));height:100%;box-shadow:0 0 6px var(--holo);display:block}.gx-tier{border:1.5px solid var(--ink);background:var(--rc);color:var(--ink);font:15px var(--font-cn);text-shadow:none;border-radius:4px;padding:0 6px}.acc-plus{color:#8ff0a4;font-size:.85em;font-style:normal}.gx-actions{gap:10px;margin-top:14px;display:flex}.gx-fire{cursor:pointer;border:3px solid var(--ink);width:96px;height:96px;box-shadow:var(--shadow-sm), inset 0 0 0 1.5px #8ff0a4b3;color:#8ff0a4;background:linear-gradient(#5fe08f59,#08281ae6);border-radius:10px;flex:none;align-content:center;place-items:center;gap:4px;font-size:15px;transition:transform 80ms;display:grid}.gx-fire .ico{width:38px;height:38px}.gx-fire:hover{transform:translate(-1px,-1px)}.gx-fire:active{box-shadow:none;transform:translate(2px,2px)}.gx-state{text-align:center;border:3px solid var(--ink);background:var(--holo-glass);min-width:0;min-height:96px;box-shadow:var(--shadow-sm), inset 0 0 0 1.5px var(--holo-rim);color:#d6f3fb;border-radius:10px;flex:1;align-content:center;place-items:center;gap:2px;padding:8px 12px;font-size:14px;line-height:1.5;display:grid}.gx-state .ico{width:32px;height:32px}.gx-state b{font-size:17px;font-weight:400}.gx-state small{color:#8fdcef;font-size:12px}.gx-state.on{color:#8ff0a4}.gx-state.locked .ico{color:#9fb3c8}.gx-state.warn{color:#ff9a8a}.gx-state.unlock{cursor:pointer;color:var(--ink);background:linear-gradient(180deg, #fff3a8, var(--yellow));box-shadow:var(--shadow-sm), 0 0 14px #ffd23f99;animation:1.4s ease-in-out infinite gx-glow}.gx-state.unlock small{color:#6d5530}.gx-state:disabled{opacity:.6;cursor:default}@keyframes gx-glow{50%{box-shadow:var(--shadow-sm), 0 0 22px 4px #ffd23fd9}}.gx-confirm{cursor:pointer;border:3px solid var(--ink);background:linear-gradient(180deg, #ff8a95, var(--red) 60%, #d8303f);width:100%;box-shadow:var(--shadow-sm);text-shadow:2px 2px 0 var(--ink);border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:10px;font-size:19px;display:flex;color:#fff!important}.gx-confirm:disabled{opacity:.6}.gx-shelf{height:var(--gx-shelf);border-top:1.5px solid var(--holo-rim);background:linear-gradient(#08101a8c,#040a12eb);align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.gx-scroll{cursor:pointer;border:2px solid var(--ink);width:34px;height:100%;max-height:140px;color:var(--holo);background:#08101acc;border-radius:8px;flex:none;place-items:center;display:grid}.gx-items{scroll-snap-type:x proximity;scrollbar-width:none;flex:1;gap:10px;min-width:0;height:100%;padding:2px 2px 4px;display:flex;overflow-x:auto}.gx-items::-webkit-scrollbar{display:none}.gx-item{scroll-snap-align:start;cursor:pointer;text-align:left;border:3px solid var(--ink);background:var(--holo-glass);width:210px;height:100%;box-shadow:var(--shadow-sm), inset 0 0 0 1.5px var(--holo-rim), inset 0 3px 0 var(--rc,transparent);border-radius:8px;flex:none;grid-template-rows:auto 1fr;padding:8px 10px;transition:transform .1s;display:grid;position:relative;overflow:hidden}.gx-item:hover{transform:translateY(-3px)}.gx-item:disabled{cursor:default}.gx-item:disabled:not(.on){opacity:.45;transform:none}.gx-item.on{box-shadow:var(--shadow-sm), inset 0 0 0 2px #8ff0a4, 0 0 14px #5fe08f99;background:linear-gradient(#5fe08f52,#081e16e0)}.gx-item-name{z-index:1;white-space:nowrap;align-items:baseline;gap:6px;min-width:0;display:flex;position:relative}.gx-item-name b{text-overflow:ellipsis;text-shadow:1px 1px 0 var(--ink);font-size:16px;font-weight:400;overflow:hidden}.gx-item.on .gx-item-name b{color:#8ff0a4}.gx-item-name small{color:#8fdcef;text-overflow:ellipsis;font-size:12px;overflow:hidden}.gx-thumb{object-fit:contain;opacity:0;place-self:end center;width:100%;height:100%;min-height:0;transition:opacity .25s}.gx-thumb.ready{opacity:1}.gx-item.locked .gx-thumb{filter:grayscale()brightness(.45)}.gx-item-lock{color:#c4d3e6;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.gx-item-lock .ico{width:40px;height:40px}.gx-item-on{border:2px solid var(--ink);width:24px;height:24px;color:var(--ink);background:#8ff0a4;border-radius:50%;place-items:center;display:grid;position:absolute;top:6px;right:6px}.gx-item-on .ico{width:16px;height:16px}.gx-item-ico{border:3px solid var(--ink);width:64px;height:64px;color:var(--rc,var(--holo));box-shadow:0 0 14px var(--rc,var(--holo));background:#08101ae6;border-radius:50%;place-self:center;place-items:center;display:grid}.gx-item-ico .ico{width:36px;height:36px}.gx-empty{color:#8fdcef;margin:auto;font-size:15px}.gx-hint{bottom:calc(var(--gx-shelf) + 10px);color:#bfeaf5;border:1.5px solid var(--holo-rim);white-space:nowrap;background:#08101a99;border-radius:10px;padding:3px 12px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:980px){.gx-player{width:180px}.gx-badge{display:none}.gx-item{width:170px}}@media (max-width:760px){.gx-top h1{display:none}.gx-info,.gx-side{width:min(240px,34vw)}}@media (max-height:520px){.garage{--gx-shelf:118px}.gx-item{width:150px;padding:6px 8px}.gx-item-name b{font-size:14px}.gx-info h2,.gx-side h3{font-size:26px}.gx-card{padding:8px 10px;font-size:13px;line-height:1.5}.gx-stat{padding:3px 2px;font-size:13px}.gx-stat b{font-size:16px}.gx-fire{width:72px;height:72px}.gx-state{min-height:72px}.gx-hint{display:none}}.gx-forms{grid-template-columns:1fr 1fr;gap:5px;padding:8px 0 2px;display:grid}.gx-forms>span{color:#bfeaf5;text-shadow:1px 1px 0 var(--ink);grid-column:1/-1;font-size:13px}.gx-form{text-align:left;cursor:pointer;color:#eafcff;font-family:var(--font-cn);border:2px solid var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fc,#6ff3ff) 45%, transparent);background:#0a1e2eb8;border-radius:8px;gap:1px;padding:5px 7px;display:grid}.gx-form b{font-size:14px;font-weight:400}.gx-form small{opacity:.75;font-size:11px}.gx-form.on{background:color-mix(in srgb, var(--fc,#6ff3ff) 38%, #0a1e2e);box-shadow:0 0 10px color-mix(in srgb, var(--fc,#6ff3ff) 70%, transparent), inset 0 0 0 1px var(--fc,#6ff3ff)}.gx-form.all{text-align:center;grid-column:1/-1}.gx-form.wake{grid-column:1/-1}.gx-load{color:#cfe8f2;gap:4px;margin-top:8px;font-size:13px;display:grid}.gx-load b{font:16px var(--font-display);color:var(--holo)}.gx-load i{border:2px solid var(--ink);background:#08101ab3;border-radius:6px;height:8px;display:block;overflow:hidden}.gx-load em{background:linear-gradient(90deg,#4aa3ff,#b07cff 70%,#ffc23a);height:100%;display:block}.gx-mod-h{font:14px var(--font-display);color:#8fdcef;letter-spacing:.08em;margin:10px 0 4px}.gx-mod-tag{color:var(--rc,#cfe8f2);margin-left:6px;font-size:11px;font-style:normal}.gx-slot-body small.gx-mod-cost{color:#ff9a9a}.gx-delta{margin-left:4px;font-size:11px;font-style:normal}.gx-delta.up{color:#8ff0a4}.gx-delta.down{color:#ff9a9a}.gx-stat:has(.gx-armor){align-items:center}.gx-armor{font:15px var(--font-cn);align-items:center;gap:10px;line-height:1.15;display:inline-flex}.gx-armor svg{flex:none;overflow:visible}.gx-armor .hull{fill:#6ff3ff1f}.gx-armor path{fill:none;stroke-width:4px;stroke-linecap:round}.gx-armor path.nose{fill:#bfeaf5b3;stroke:none}.gx-armor>span{text-align:left;gap:1px;display:grid}.gx-armor em{font-style:normal}.gx-armor .thick{stroke:#8fa3c2;color:#a9bad4}.gx-armor .plain{stroke:#f2f6f8;color:#f2f6f8}.gx-armor .weak{stroke:#ff9a3c;color:#ff9a3c}.gx-enter .gx-top{animation:.45s cubic-bezier(.2,.9,.3,1.15) .55s backwards gx-from-top}.gx-enter .gx-tabs{animation:.45s cubic-bezier(.2,.9,.3,1.15) .65s backwards gx-from-top}.gx-enter .gx-info,.gx-enter .gx-badge,.gx-enter .gx-starter{animation:.5s cubic-bezier(.2,.9,.3,1.15) .75s backwards gx-from-left}.gx-enter .gx-side{animation:.5s cubic-bezier(.2,.9,.3,1.15) .8s backwards gx-from-right}.gx-enter .gx-shelf,.gx-enter .gx-hint{animation:.5s cubic-bezier(.2,.9,.3,1.15) .9s backwards gx-from-bottom}.gx-leave,.gx-leave *{pointer-events:none!important}.gx-leave .gx-top,.gx-leave .gx-tabs{animation:.3s ease-in reverse forwards gx-from-top}.gx-leave .gx-info,.gx-leave .gx-badge,.gx-leave .gx-starter{animation:.3s ease-in reverse forwards gx-from-left}.gx-leave .gx-side{animation:.3s ease-in reverse forwards gx-from-right}.gx-leave .gx-shelf,.gx-leave .gx-hint{animation:.3s ease-in reverse forwards gx-from-bottom}@keyframes gx-from-top{0%{opacity:0;transform:translateY(-120%)}}@keyframes gx-from-left{0%{opacity:0;transform:translate(-120%)}}@keyframes gx-from-right{0%{opacity:0;transform:translate(120%)}}@keyframes gx-from-bottom{0%{opacity:0;transform:translateY(120%)}}.mm{pointer-events:none;font-family:var(--font-cn);color:#fff;position:absolute;inset:0}.mm .ico{width:26px;height:26px}.mm button{cursor:pointer;font-family:inherit}.mm-ink{-webkit-text-stroke:4px var(--ink);paint-order:stroke fill}.mm-top{border-bottom:3px solid var(--ink);background:linear-gradient(#100d0ae0,#100d0a9e);align-items:stretch;gap:0;height:66px;display:flex;position:absolute;top:0;left:0;right:0;box-shadow:0 4px #16120e59}.mm-tb{color:#e9eef5;background:0 0;border:none;border-right:2px solid #ffffff14;place-items:center;width:70px;transition:background .12s,color .12s;display:grid;position:relative}.mm-tb .ico{width:34px;height:34px}.mm-tb:hover{color:var(--yellow);background:#ffffff14}.mm-tb.vip{color:var(--yellow);background:radial-gradient(circle at 50% 60%,#ff4d5e8c,#0000 70%)}.mm-tb.rank .rank-badge{filter:drop-shadow(0 2px #0006);width:54px;height:54px;transition:transform .15s}.mm-tb.rank:hover .rank-badge{transform:scale(1.1)rotate(-4deg)}.mm .level-rank{flex:none;justify-items:center;gap:0;display:grid}.mm .level-rank .rank-badge{width:88px;height:88px}.mm .level-rank small{color:#6d5530;margin-top:-4px;font-size:13px}.mm-tb .badge{margin:0;position:absolute;top:8px;right:10px}.mm-tb:last-child{border-left:2px solid #ffffff14;border-right:none}.mm-who{align-content:center;gap:4px;min-width:210px;padding:0 18px;display:grid}.mm-who b{letter-spacing:.02em;font-size:19px}.mm-who small{color:#9fe6a6;align-items:center;gap:5px;font-size:13px;display:flex}.mm-who small .ico{width:15px;height:15px;color:var(--yellow)}.mm-xp{border:1.5px solid var(--ink);background:#ffffff26;border-radius:4px;width:220px;height:7px;overflow:hidden}.mm-xp i{background:linear-gradient(90deg,#4fd36a,#a6f06a);height:100%;display:block}.mm-spacer{flex:1}.mm-wallet{border-left:2px solid #ffffff14;align-content:center;gap:3px;padding:0 14px;display:grid}.mm-coin{color:#fff;text-align:left;background:0 0;border:none;align-items:center;gap:8px;min-width:170px;padding:1px 4px 1px 2px;font-size:16px;display:flex}.mm-coin .ico{width:22px;height:22px}.mm-coin.coin>.ico{color:var(--yellow)}.mm-coin.gem>.ico{color:#5fd8ff}.mm-coin b{letter-spacing:.02em;flex:1;font-weight:400}.mm-coin i{background:var(--red);border:2px solid var(--ink);border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.mm-coin i .ico{color:#fff;width:14px;height:14px}.mm-coin:hover b{color:var(--yellow)}.mm-left{pointer-events:none;gap:16px;width:340px;display:grid;position:absolute;top:88px;left:26px}.mm-start{gap:0;display:grid}.mm-battle{border:3px solid var(--ink);text-align:left;color:#fff;height:158px;box-shadow:var(--shadow);border-radius:16px 16px 0 0;align-content:center;justify-items:start;gap:2px;padding:0 22px;transition:transform .1s,box-shadow .1s;display:grid;position:relative;overflow:hidden}.mm-battle-art{z-index:0;background:radial-gradient(circle at 2px 2px,#16120e2e 1px,#0000 1.4px) 0 0/8px 8px,radial-gradient(60% 40% at 80% 105%,#3f7a2c 60%,#0000 61%),radial-gradient(70% 45% at 15% 110%,#4f8f33 60%,#0000 61%),radial-gradient(90% 50% at 50% 120%,#2f5f24 60%,#0000 61%),radial-gradient(circle at 82% 26%,#fff6c6 0 8%,#fff6c600 22%),linear-gradient(#8fd0ff 0%,#c8ecff 55%,#e8f5d0 100%);transition:transform .4s;position:absolute;inset:0}.mm-battle:hover .mm-battle-art{transform:scale(1.06)}.mm-battle>:not(.mm-battle-art){z-index:1;position:relative}.mm-battle-ico{color:var(--yellow);top:14px;right:16px;position:absolute!important}.mm-battle-ico .ico{width:44px;height:44px;filter:drop-shadow(3px 3px 0 var(--ink))}.mm-battle-label{font-family:var(--font-display);letter-spacing:.04em;color:var(--yellow);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);font-size:50px;line-height:1}.mm-battle-sub{color:#fff;background:#16120ebf;border-radius:8px;padding:2px 10px;font-size:15px}.mm-battle:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.mm-battle:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.mm-battle:disabled{filter:grayscale(.6);cursor:default}.mm-battle.searching{animation:1.1s ease-in-out infinite mm-search}.mm-battle.searching .mm-battle-label{color:#fff;font-size:42px}.mm-battle.searching .mm-battle-art{filter:saturate(.6)brightness(.8)}@keyframes mm-search{50%{box-shadow:6px 6px 0 var(--ink), 0 0 0 5px #ff4d5ecc}}.mm-more{border:3px solid var(--ink);background:linear-gradient(180deg, #ffe680, var(--yellow) 60%, #f0b91c);height:44px;color:var(--ink);box-shadow:var(--shadow), inset 0 3px 0 #ffffffb3;border-top:none;border-radius:0 0 16px 16px;justify-content:center;align-items:center;gap:8px;font-size:18px;display:flex}.mm-more .ico{color:#fff;width:22px;height:22px}.mm-more:hover{filter:brightness(1.06)}.mm .match-status{border:2px solid var(--ink);color:#e9eef5;background:#100d0acc;border-radius:12px;padding:8px 14px;font-size:14px}.mm .match-status b{color:var(--yellow);margin-right:6px}.mm-menu{gap:4px;padding-left:4px;display:grid;position:relative}.mm-menu:before{content:"";background:var(--ink);opacity:.7;border-radius:2px;width:4px;position:absolute;top:24px;bottom:24px;left:31px}.mm-menu button{color:#fff;text-align:left;letter-spacing:.06em;background:0 0;border:none;align-items:center;gap:16px;padding:6px 10px 6px 0;font-size:30px;transition:transform .12s;display:flex;position:relative}.mm-menu button>.ico{color:#fff;border:3px solid var(--ink);width:56px;height:56px;box-shadow:var(--shadow-sm);background:linear-gradient(#4a5566,#232a33);border-radius:50%;flex:none;padding:11px}.mm-menu button span{-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}.mm-menu button:hover{transform:translate(8px)}.mm-menu button:hover span{color:var(--yellow)}.mm-menu button:hover>.ico{background:linear-gradient(180deg, #ffe680, var(--yellow) 60%, #f0b91c);color:var(--ink)}.mm-dot{background:var(--red);border:2px solid var(--ink);border-radius:11px;align-self:flex-start;place-items:center;min-width:22px;height:22px;margin-top:4px;padding:0 6px;font-size:14px;font-style:normal;display:grid}.mm .party-box{color:var(--ink)}.mm-party-btn{border:3px solid var(--ink);background:linear-gradient(180deg, #fffaf0, var(--paper-2));color:var(--ink);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:15px;display:inline-flex}.mm-party-btn .ico{width:20px;height:20px;color:var(--blue)}.mm .party .ico.lead{width:16px;height:16px;color:var(--yellow);vertical-align:-3px}.mm .party{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-sm);border-radius:14px;padding:10px 12px}.mm .error{color:#ffb3ba;min-height:1em;text-shadow:1px 1px 0 var(--ink);font-size:14px}.mm-right{align-items:flex-start;gap:12px;display:flex;position:absolute;top:88px;right:22px}.mm-elite{color:#fff;border:3px solid var(--ink);width:150px;height:168px;box-shadow:var(--shadow);background:radial-gradient(circle at 50% 38%,#ffffff40,#0000 45%),linear-gradient(160deg,#a46bff,#5a2fb8 70%);border-radius:14px;align-content:center;justify-items:center;gap:4px;display:grid;position:relative}.mm-elite-tag{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:6px;padding:2px 8px;font-size:13px;position:absolute;top:-12px;left:10px;transform:rotate(-3deg)}.mm-elite-ring{width:70px;height:70px;box-shadow:0 0 18px #ffd23f80, 3px 3px 0 var(--ink);background:#2a1758;border:4px solid #ffd23f;border-radius:50%;place-items:center;display:grid}.mm-elite-ring .ico{width:40px;height:40px;color:var(--yellow)}.mm-elite b{-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;font-size:18px}.mm-elite small{opacity:.85;font-size:12px}.mm-elite:hover,.mm-pass:hover{transform:translate(-2px,-2px)}.mm-pass{text-align:left;color:#fff;border:3px solid var(--ink);width:330px;box-shadow:var(--shadow);background:#121820d1;border-radius:14px;gap:0;padding:0;display:grid;position:relative;overflow:hidden}.mm-pass-head{background:#ffffff0f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.mm-pass-head b{font-size:20px}.mm-pass-head span{align-items:center;gap:4px;font-size:15px;display:flex}.mm-pass-head .ico{width:18px;height:18px;color:var(--yellow)}.mm-pass-row{border-top:2px solid #ffffff0f;align-items:center;gap:12px;padding:10px 14px;display:flex}.mm-pass-row .ico{color:#9fd4ff;border:2px solid var(--ink);background:#2c5aa8;border-radius:10px;width:38px;height:38px;padding:6px}.mm-pass-row.locked .ico{color:#ffb36b;background:#6b2a2a}.mm-pass-row div{display:grid}.mm-pass-row b{font-size:15px;font-weight:400}.mm-pass-row small{color:#9fb0c4;font-size:12px}.mm-pass-row.locked small{color:#ff6b6b}.mm-soon{color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:8px;padding:2px 10px;font-size:13px;position:absolute;bottom:10px;right:10px;transform:rotate(-4deg)}.mm-bottom{gap:14px;display:flex;position:absolute;bottom:22px;left:26px}.mm-round{color:#fff;border:3px solid var(--ink);width:58px;height:58px;box-shadow:var(--shadow-sm);background:linear-gradient(#4a5566,#232a33);border-radius:50%;place-items:center;transition:transform .1s;display:grid}.mm-round .ico{width:30px;height:30px}.mm-round:hover{color:var(--yellow);transform:translateY(-3px)}.mm-toast{color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:12px;padding:8px 18px;font-size:17px;position:absolute;top:92px;left:50%;transform:translate(-50%)}.mm-toast.pop{animation:.25s ease-out mm-pop}@keyframes mm-pop{0%{transform:translate(-50%)scale(.6)}70%{transform:translate(-50%)scale(1.08)}}.mm .invites{gap:8px;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.mm .invites:empty{display:none}.mm-modal{z-index:5;background:radial-gradient(circle at 2px 2px,#16120e47 1.2px,#0000 1.6px) 0 0/12px 12px,#0c0a0880;place-items:center;padding:84px 20px 20px;display:grid;position:absolute;inset:0}.mm-modal[hidden]{display:none}.mm-modes .battles{width:min(960px,100%);max-height:100%;overflow:auto}.mm-modes .create-form{display:none}.mm-modes .create-form.open{display:grid}.mm-close{border:3px solid var(--ink);background:var(--red);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:10px;font-size:18px}.mm-profile-card{width:min(380px,100%);color:var(--ink);gap:14px;padding:18px;display:grid}.mm-profile-head{justify-content:space-between;align-items:center;display:flex}.mm-profile-head .toon-title{font-size:30px}.mm .pick-note .ico{vertical-align:-3px;width:18px;height:18px}.mm .battle-icon .ico{width:30px;height:30px;color:var(--yellow)}@media (max-width:1100px){.mm-pass{display:none}}@media (max-width:900px),(max-height:560px){.mm-top{height:54px}.mm-tb{width:54px}.mm-tb .ico{width:28px;height:28px}.mm-tb.rank .rank-badge{width:44px;height:44px}.mm-who{min-width:0;padding:0 10px}.mm-xp{width:130px}.mm-coin{min-width:120px;font-size:14px}.mm-left,.mm-right{top:66px}.mm-left{gap:10px;width:250px}.mm-battle{height:108px}.mm-battle-label{font-size:38px}.mm-menu button{gap:0;font-size:0}.mm-menu button>.ico{width:46px;height:46px;padding:9px}.mm-menu:before{left:26px}.mm-elite{width:110px;height:128px}.mm-elite-ring{width:52px;height:52px}.mm-elite-ring .ico{width:30px;height:30px}.mm-bottom{bottom:12px}.mm-round{width:46px;height:46px}}@media (max-height:420px){.mm-menu{grid-template-columns:repeat(5,auto);justify-content:start}.mm-menu:before{display:none}}.mm-enter .mm-top{animation:.45s cubic-bezier(.2,.9,.3,1.15) .35s backwards mm-from-top}.mm-enter .mm-left{animation:.5s cubic-bezier(.2,.9,.3,1.15) .45s backwards mm-from-left}.mm-enter .mm-right{animation:.5s cubic-bezier(.2,.9,.3,1.15) .5s backwards mm-from-right}.mm-enter .mm-bottom{animation:.5s cubic-bezier(.2,.9,.3,1.15) .6s backwards mm-from-left}.mm-leave{pointer-events:none}.mm-leave>*{pointer-events:none!important}.mm-leave .mm-top{animation:.3s ease-in reverse forwards mm-from-top}.mm-leave .mm-left,.mm-leave .mm-bottom{animation:.3s ease-in reverse forwards mm-from-left}.mm-leave .mm-right{animation:.3s ease-in reverse forwards mm-from-right}@keyframes mm-from-top{0%{opacity:0;transform:translateY(-110%)}}@keyframes mm-from-left{0%{opacity:0;transform:translate(-120%)}}@keyframes mm-from-right{0%{opacity:0;transform:translate(120%)}}