:root{--ow:#f99e1a;--ow-hi:#ffb44d;--ow-lo:#d9800a;--blue:#3fc8ff;--blue-d:#0e8fd0;--red:#ff4b3a;--red-d:#e0301f;--gold:#ffc640;--cyan:#52e5ff;--gem:#b46cff;--ink:#0d1118;--panel:#0c101899;--panel-hi:#141b27d1;--line:#ffffff2e;--line-hi:#ffffff8c;--txt:#fff;--dim:#b4bdc8;--mute:#7d8896;--lat:"Saira Condensed", "Noto Sans KR", sans-serif;--kr:"Noto Sans KR", system-ui, -apple-system, "Apple SD Gothic Neo", sans-serif;--skew:-13deg;--ease:cubic-bezier(.2, .8, .2, 1);--shadow:0 1px 2px #0000008c, 0 0 10px #00000040;--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--gl:max(var(--sl), 4rem);--gr:max(var(--sr), 4rem);--gt:max(var(--st), 3rem);--gb:max(var(--sb), 3rem)}html{font-size:clamp(3px, min(1vh, calc((100vw - var(--sl) - var(--sr)) * .00462)), 10px)}@supports (height:1dvh){html{font-size:clamp(3px, min(1dvh, calc((100dvw - var(--sl) - var(--sr)) * .00462)), 10px)}}*{box-sizing:border-box}html,body{height:100%;color:var(--txt);font-family:var(--kr);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;overscroll-behavior:none;background:#07090d;margin:0;overflow:hidden}#app canvas{touch-action:none;display:block}#ui{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}#ui button{font:inherit;color:inherit;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:0}#ui button:focus-visible{outline:2px solid var(--ow);outline-offset:2px}.sk{isolation:isolate;position:relative}.sk:before{content:"";z-index:-1;transform:skewX(var(--skew));background:var(--panel);border:1px solid var(--line);position:absolute;inset:0}.it{font-family:var(--lat);text-transform:uppercase;font-style:italic}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:200;text-align:center;background:#07090d;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}}.rotate-hint .phone{width:40px;height:70px;animation:rotHint 2.6s var(--ease) infinite;border:2px solid #fff;border-radius:7px;position:relative}.rotate-hint .phone i{background:#fff;width:12px;height:2px;margin-left:-6px;position:absolute;bottom:5px;left:50%}.rotate-hint b{font:700 16px var(--kr);letter-spacing:.08em;margin-top:12px}.rotate-hint span{font:700 italic 13px var(--lat);letter-spacing:.3em;color:var(--ow)}@keyframes rotHint{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.loading{z-index:50;transition:opacity .45s var(--ease);background:radial-gradient(70% 60% at 50% 55%,#151c28 0%,#07090d 72%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ld-mark{font:700 italic 14rem/.9 var(--lat);letter-spacing:.02em;align-items:baseline;gap:2.4rem;display:flex;position:relative}.ld-mark b{color:#fff;font-weight:700}.ld-mark b+b{color:var(--ow)}.ld-mark em{background:var(--ow);width:1.6rem;transform:skewX(var(--skew));position:absolute;top:14%;bottom:10%;left:-5.5rem}.ld-sub{font:600 italic max(10px, 2.8rem) var(--lat);letter-spacing:.6em;color:var(--dim);margin:2.4rem 0 7rem}.ld-bar{width:76rem;height:.9rem;transform:skewX(var(--skew));background:#ffffff1a;overflow:hidden}.ld-bar i{background:var(--ow);width:0;height:100%;transition:width .2s linear;display:block}.ld-msg{font:500 max(10px, 2.5rem) var(--kr);color:var(--mute);letter-spacing:.2em;margin:3rem 0 0}.loading.done{opacity:0;pointer-events:none}.hangar{position:absolute;inset:0}.hangar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#05080cd6 0%,#05080c80 27%,#05080c00 40% 54%,#05080c75 64%,#05080cd6 100%),linear-gradient(#05080c00 76%,#05080c80 100%);position:absolute;inset:0}.hg-brand{top:var(--gt);left:var(--cx,43%);white-space:nowrap;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%)}.hg-brand .wm{font:700 italic max(14px, 4.4rem)/1 var(--lat);letter-spacing:.04em;text-shadow:var(--shadow);align-items:baseline;gap:1rem;display:flex}.hg-brand .wm b{font-weight:700}.hg-brand .wm b+b{color:var(--ow)}.hg-brand span{font:600 italic max(9px, 2.1rem) var(--lat);letter-spacing:.5em;color:var(--dim);text-shadow:var(--shadow);margin-top:.6rem}.hg-left{left:var(--gl);top:var(--gt);bottom:var(--gb);pointer-events:auto;flex-direction:column;width:62rem;display:flex;position:absolute}.lo{padding-left:2.6rem;position:relative}.lo:before{content:"";background:var(--ow);width:.8rem;transform:skewX(var(--skew));position:absolute;top:.8rem;bottom:.6rem;left:0}.lo-ch{font:700 italic max(24px, 8.8rem)/.95 var(--lat);letter-spacing:.02em;color:#fff;text-shadow:0 .3rem 1.6rem #00000073}.lo-tu{font:600 italic max(13px, 3.9rem)/1.15 var(--lat);letter-spacing:.06em;color:var(--ow)}.lo-tu small{color:var(--dim);margin-right:.8rem;font-size:.8em}.lo-tags{flex-wrap:wrap;gap:1rem 1.6rem;margin:1.4rem 0 0 .4rem;display:flex}.lo-tags i{font:700 max(10px, 2.3rem)/max(16px, 4.2rem) var(--kr);letter-spacing:.06em;color:#fff;padding:0 1.8rem;font-style:normal}.lo-tags i:before{background:#ffffff12}.lo-tags i.t-trait{color:var(--cyan)}.lo-tags i.t-trait:before{border-color:#52e5ff80}.stats{margin:2.6rem 0 0}.stat{grid-template-columns:max(38px,8.5rem) 1fr max(62px,15rem);align-items:center;gap:1.8rem;height:max(15px,4.1rem);display:grid}.stat span{font:700 max(10px, 2.4rem) var(--kr);letter-spacing:.08em;color:var(--dim)}.stat i{height:1.3rem;transform:skewX(var(--skew));background:#ffffff1a;position:relative;overflow:hidden}.stat i u{transform-origin:0;transform:scaleX(var(--v,0));transition:transform .25s var(--ease);background:#fff;position:absolute;inset:0}.stat i:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#080b11e6 calc(10% - 2px) 10%);position:absolute;inset:0}.stat b{font:600 italic max(11px, 3.2rem)/1 var(--lat);text-align:right;letter-spacing:.03em;white-space:nowrap}.stat b small{font:500 max(9px, 2.1rem) var(--kr);color:var(--dim);margin-left:.6rem;font-style:normal}.kit{flex-direction:column;gap:1.5rem;margin-top:2.4rem;display:flex}.kit .k{color:#c5cdd6;font-size:max(10px,2.45rem);line-height:1.4}.kit .kh{align-items:center;gap:1.6rem;margin-bottom:.3rem;display:flex}.kit .kh i{font:700 max(9px, 2.1rem)/max(15px, 3.6rem) var(--kr);letter-spacing:.1em;color:var(--ink);white-space:nowrap;padding:0 1.6rem;font-style:normal}.kit .kh i:before{background:#fff;border:0}.kit .k.sup .kh i:before{background:var(--gold)}.kit .k.abl .kh i:before{background:var(--cyan)}.kit .kh b{font:700 max(11px, 2.8rem)/1.2 var(--kr);color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kit .kh small{font:600 italic max(10px, 2.4rem) var(--lat);letter-spacing:.04em;color:var(--dim);white-space:nowrap;margin-left:auto}.kit .kd{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=720px){.kit .kd{-webkit-line-clamp:3;line-clamp:3}}.hg-diff{align-items:center;gap:2.4rem;margin-top:auto;padding-top:1.6rem;display:flex}.hg-diff>span{font:700 max(10px, 2.4rem) var(--kr);letter-spacing:.08em;color:var(--dim);white-space:nowrap}.seg{gap:1.2rem;display:flex}.seg button{letter-spacing:.06em;min-width:13.5rem;height:max(40px,10rem);padding:0 2.2rem;transition:color .15s;font:700 max(11px, 2.7rem) var(--kr)!important;color:var(--dim)!important}.seg button:before{transition:background .15s,border-color .15s}.seg button.on{color:var(--ink)!important}.seg button.on:before{background:#fff;border-color:#fff}.hg-right{right:var(--gr);top:var(--gt);bottom:var(--gb);pointer-events:auto;flex-direction:column;width:96rem;display:flex;position:absolute}.tabs{grid-template-columns:repeat(3,1fr);gap:1.4rem 2.6rem;margin-bottom:1.8rem;padding:0 1.8rem;display:grid}.tab{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;height:max(44px,11rem);color:#fff!important;padding:0 1rem 0 2.8rem!important;display:flex!important}.tab:before{background:#0c101873;transition:background .15s,border-color .15s}.tab b{font:700 max(12px, 3rem)/1.15 var(--kr);letter-spacing:.14em}.tab span{font:600 italic max(10px, 2.4rem)/1.2 var(--lat);letter-spacing:.08em;color:var(--dim);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.tab.on{color:var(--ink)!important}.tab.on:before{background:#fff;border-color:#fff}.tab.on span{color:var(--ow-lo)}.grid{grid-template-columns:repeat(3,1fr);gap:1.6rem 2.6rem;padding:0 1.8rem;display:none}.grid.on{animation:gridIn .2s var(--ease);display:grid}.grid.paint{grid-template-columns:repeat(4,1fr)}@keyframes gridIn{0%{opacity:0;transform:translateY(1.2rem)}}.card{text-align:left;height:max(44px,12.4rem);transition:transform .15s var(--ease);flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:0 1.6rem 0 3.2rem!important;display:flex!important}.card:before{transition:background .15s,border-color .15s,box-shadow .15s}.card:active{transform:scale(.97)}.card b{max-width:100%;font:700 italic max(11px, 3.5rem)/1.08 var(--lat);letter-spacing:.02em;color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card span{max-width:100%;font:500 max(10px, 2.4rem)/1.35 var(--kr);color:var(--dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card.on:before{background:#ffffff29;border:2px solid #fff;box-shadow:0 0 2.4rem #ffffff2e}.card.on span{color:#fff}.card:after{content:"";width:.7rem;transform:skewX(var(--skew));background:0 0;position:absolute;top:24%;bottom:24%;left:1.2rem}.card.on:after{background:var(--ow)}.card .wt{gap:.5rem;display:flex;position:absolute;top:1.6rem;right:2.4rem}.card .wt s{width:.8rem;height:1.5rem;transform:skewX(var(--skew));background:#ffffff29}.card .wt s.f{background:#ffffffbf}.card[hidden]{display:none!important}.grid .cap{flex-direction:column;justify-content:center;min-height:max(44px,12.4rem);padding-left:2.4rem;display:flex}.grid .cap b{font:600 italic max(10px, 2.5rem)/1.2 var(--lat);letter-spacing:.14em;color:var(--ow)}.grid .cap span{font:500 max(10px, 2.4rem)/1.35 var(--kr);letter-spacing:.04em;color:var(--dim)}.card .no{display:none}.card.off{cursor:not-allowed!important}.card.off:before{background:repeating-linear-gradient(115deg,#ff4b3a1a 0 .6rem,#0000 .6rem 1.8rem),#0c101880;border-color:#ff4b3a4d}.card.off b{opacity:.35}.card.off span{display:none}.card.off .no{font:700 max(10px, 2.3rem)/1.35 var(--kr);letter-spacing:.08em;color:var(--red);font-style:normal;display:block}.grid.paint .card{justify-content:flex-end;padding-bottom:1.6rem!important}.grid.paint .card:before{background:linear-gradient(170deg, #ffffff24, #fff0 45%, #0000004d), var(--c);border-color:#fff3}.grid.paint .card span{color:#fff;text-shadow:0 1px 3px #000000b3}.grid.paint .card.on:before{background:linear-gradient(170deg, #ffffff24, #fff0 45%, #0000004d), var(--c);border:2px solid #fff}.launch{flex-direction:column;gap:2rem;margin-top:auto;display:flex}.modes{grid-template-columns:repeat(3,1fr);gap:1.6rem 2.6rem;padding:0 1.8rem;display:grid}.mode{flex-direction:column;justify-content:center;align-items:flex-start;height:max(44px,11.4rem);padding-left:3.4rem!important;display:flex!important}.mode:before{transition:background .15s,border-color .15s}.mode b{font:700 max(12px, 3rem)/1.2 var(--kr);letter-spacing:.1em;color:#fff}.mode span{font:600 italic max(9px, 2.2rem)/1.2 var(--lat);letter-spacing:.14em;color:var(--dim)}.mode:after{content:"";width:.7rem;transform:skewX(var(--skew));background:0 0;position:absolute;top:26%;bottom:26%;left:1.4rem}.mode.on:before{background:#ffffff29;border:2px solid #fff}.mode.on:after{background:var(--ow)}.mode.on span{color:#fff}.go-row{align-items:stretch;gap:3.4rem;padding-left:1.8rem;display:flex}.mode-info{flex-direction:column;flex:1;justify-content:center;gap:.5rem;min-width:0;display:flex}.mode-info b{font:600 italic max(10px, 2.4rem)/1.2 var(--lat);letter-spacing:.16em;color:var(--ow);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mode-info span{font:500 max(10px, 2.5rem)/1.35 var(--kr);color:#fff}.mode-info small{font:500 max(9px, 2.2rem)/1.3 var(--kr);letter-spacing:.04em;color:var(--mute)}.play{width:42rem;height:max(52px,17rem);transition:transform .12s var(--ease), filter .15s;flex-direction:column;flex:none;justify-content:center;align-items:center;color:#fff!important;display:flex!important}.play:before{background:var(--ow);border:0;box-shadow:0 .8rem 3rem #f99e1a4d}.play:after{content:"";height:.4rem;transform:skewX(var(--skew));background:#ffffff8c;position:absolute;bottom:1rem;left:.6rem;right:.6rem}.play b{font:900 italic max(20px, 6.6rem)/1 var(--kr);letter-spacing:.2em;text-shadow:0 1px 2px #783c0073;margin-right:-.2em}.play span{font:700 italic max(9px, 2.3rem)/1 var(--lat);letter-spacing:.4em;opacity:.9;margin-top:.8rem;margin-right:-.4em}.play:active{transform:scale(.97)}.hud{font-family:var(--kr);position:absolute;inset:0}.hud-top{top:var(--gt);align-items:flex-start;gap:2.4rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.board{align-items:flex-start;gap:1.2rem;display:flex}.board .sc{flex-direction:column;justify-content:center;align-items:center;min-width:15rem;height:10rem;padding:0 2.6rem;display:flex}.board .sc.us:before{background:#3fc8ffd1;border-color:#ffffff8c}.board .sc.them:before{background:#ff4b3ad1;border-color:#ffffff73}.board .sc .v{font:700 italic max(22px, 6.8rem)/1 var(--lat);color:#fff;text-shadow:0 1px 3px #00000059;align-items:center;gap:1.2rem;display:flex}.board .sc .v small{align-self:flex-end;margin-bottom:.3em;margin-left:-.9rem;font-size:.5em}.board .prog{width:100%;height:.7rem;transform:skewX(var(--skew));background:#0000004d;margin-top:.7rem;display:block;position:relative;overflow:hidden}.board .prog s{transform-origin:0;background:#fff;transition:transform .2s linear;position:absolute;inset:0;transform:scaleX(0)}.board .sc.them .prog s{transform-origin:100%}.board .clock{flex-direction:column;justify-content:center;align-items:center;min-width:22rem;height:10rem;padding:0 2rem;display:flex}.board .clock:before{background:#0c1018a8;border-color:#ffffff3d}.board .clock:after{content:"";background:var(--ow);height:.5rem;transform:skewX(var(--skew));position:absolute;top:-.1rem;left:22%;right:22%}.board .clock .time{font:600 italic max(20px, 6rem)/1 var(--lat);letter-spacing:.04em;color:#fff}.board .clock .lbl,.board .clock .round{font:600 italic max(9px, 2.2rem)/1.3 var(--lat);letter-spacing:.2em;color:var(--dim);white-space:nowrap}.board .clock .zs{font:700 max(9px, 2.1rem)/1.3 var(--kr);letter-spacing:.1em;color:var(--dim);white-space:nowrap}.board .clock .zs.good{color:var(--blue)}.board .clock .zs.bad{color:var(--red)}.board .clock .zs.warn,.board .clock.low .time{color:var(--ow)}.board .clock.low:after{animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.2}}.gem{background:linear-gradient(135deg, #ead2ff, var(--gem) 55%, #7a2fd0);flex:none;width:.5em;height:.5em;display:inline-block;transform:rotate(45deg)}.board .sc .v .gem{width:.38em;height:.38em;box-shadow:0 0 0 .06em #fff}.board .pips{gap:1.6rem;display:flex}.board .pips i{width:5rem;height:2.2rem;transform:skewX(var(--skew));background:#0003;border:1px solid #ffffffe6}.board .pips i.won{background:#fff}.board .sc.pulse{animation:scPulse .3s var(--ease)}@keyframes scPulse{40%{transform:scale(1.1)}}.squad{gap:1rem;padding-top:1rem;display:flex}.squad.them{flex-direction:row-reverse}.chip{flex-direction:column;justify-content:center;align-items:center;width:8.6rem;height:8rem;display:flex}.chip:before{background:#0c10189e;border-color:#fff3}.chip.us:before{border-bottom:.45rem solid var(--blue)}.chip.them:before{border-bottom:.45rem solid var(--red)}.chip.self:before{border-color:#ffffffd9;border-bottom-color:var(--blue)}.chip b{font:700 italic max(10px, 2.9rem)/1 var(--lat);letter-spacing:.05em;color:#fff}.chip u{width:5.8rem;height:.6rem;transform:skewX(var(--skew));background:#ffffff29;margin-top:.9rem;display:block;overflow:hidden}.chip u s{transform-origin:0;background:#fff;height:100%;display:block}.chip em{font:700 italic max(13px, 4.2rem)/1 var(--lat);color:#fff;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chip.dead b{opacity:0}.chip.out b{opacity:.3}.chip.dead u,.chip.out u{visibility:hidden}.chip.dead:before,.chip.out:before{background:#0c10184d;border-color:#ffffff1a}.chip.dead:before{border-color:#ff4b3a8c}.chip.out:after{content:"";background:var(--red);height:.4rem;margin-top:-.2rem;position:absolute;top:50%;left:24%;right:24%;transform:rotate(-40deg)}.hud-sub{top:calc(var(--gt) + 12.6rem);justify-content:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hud-sub .pill{white-space:nowrap;height:max(22px,6rem);font:700 max(10px, 2.5rem) var(--kr);letter-spacing:.08em;color:#fff;align-items:center;gap:1.4rem;padding:0 3rem;display:none}.hud-sub .pill.on{animation:dropIn .2s var(--ease);display:flex}.hud-sub .pill b{font:700 italic max(14px, 4.4rem)/1 var(--lat);letter-spacing:.02em}.hud-sub .pill:before{background:#0c1018a8}.hud-sub .pill.good:before{background:#3fc8ffd1;border-color:#fff9}.hud-sub .pill.bad:before{background:#ff4b3ad1;border-color:#ffffff80}.hud-sub .pill.warn{color:var(--ow)}.hud-sub .pill.storm{color:#d7c8ff}.hud-sub .pill.storm:before{border-color:#aa82ff99}.hud-sub .pill.storm-in:before{background:#6e3cdcd9;border-color:#fff9}.hud-sub .pill.storm-in{animation:.6s ease-in-out infinite alternate pulse}.hud-sub .pill.urgent b{animation:.5s steps(2,end) infinite blink}@keyframes dropIn{0%{opacity:0;transform:translateY(-1rem)}}@keyframes pulse{0%{opacity:.72}to{opacity:1}}.vitals{left:var(--gl);bottom:var(--gb);align-items:flex-end;gap:2.4rem;transition:opacity .2s;display:flex;position:absolute}.vt-id{justify-content:center;align-items:center;width:11rem;height:11rem;display:flex}.vt-id:before{background:#0c101899;border:1px solid #ffffff80}.vt-id b{font:700 italic max(14px, 4.6rem)/1 var(--lat);letter-spacing:.04em}.vt-main{flex-direction:column;gap:.6rem;display:flex}.vt-top{text-shadow:var(--shadow);align-items:baseline;gap:1rem;padding-left:1rem;display:flex}.vt-top .hp{font:600 italic max(20px, 6.4rem)/.9 var(--lat);letter-spacing:.02em}.vt-top small{font:600 italic max(11px, 3rem)/1 var(--lat);color:var(--dim)}.vt-top span{font:600 italic max(9px, 2.3rem)/1 var(--lat);letter-spacing:.14em;color:var(--dim);margin-left:1.6rem}.vt-bar{width:52rem;height:max(9px,2.6rem);transform:skewX(var(--skew));background:#0c10188c;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f}.vt-bar i,.vt-bar s{transform-origin:0;position:absolute;inset:0}.vt-bar s{background:var(--red)}.vt-bar i{background:#fff}.vt-bar:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(var(--seg,5%) - 2px), #0a0d13f2 calc(var(--seg,5%) - 2px) var(--seg,5%));position:absolute;inset:0}.vitals.low .vt-bar i{background:#ffd2cc}.vitals.low .vt-top .hp{color:#ff8a7d}.vitals.gone{opacity:.35}.tags,.dmg{position:absolute;inset:0;overflow:hidden}.tag{will-change:transform;contain:layout style;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:0}.tag .nm{font:600 italic max(10px, 2.4rem)/1.2 var(--lat);letter-spacing:.08em;color:#fff;text-shadow:var(--shadow);white-space:nowrap;align-items:center;gap:.8rem;display:flex}.tag.enemy .nm{color:#ffb0a6}.tag .nm i{background:var(--gold);width:1.5rem;height:1.5rem;display:none;transform:rotate(45deg)}.tag.super .nm i{display:block}.tag .hp{width:max(54px,16rem);height:max(4px,1.3rem);transform:skewX(var(--skew));background:#0a0d13b3;margin-top:.5rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000073}.tag .hp s,.tag .hp i{transform-origin:0;position:absolute;inset:0}.tag .hp s{background:#ffffffb3}.tag.self .hp i{background:#fff}.tag.ally .hp i{background:var(--blue)}.tag.enemy .hp i{background:var(--red)}.tag .hp:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(var(--seg,10%) - 1px), #0a0d13f2 calc(var(--seg,10%) - 1px) var(--seg,10%));position:absolute;inset:0}.tag.self .hp{height:max(4px,1.1rem)}.tag .am{gap:.6rem;width:max(54px,16rem);margin-top:.6rem;display:flex}.tag .am i{height:max(4px,1.1rem);transform:skewX(var(--skew));background:#0a0d13b3;flex:1;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0006}.tag .am i u{transform-origin:0;background:#f99e1a8c;position:absolute;inset:0;transform:scaleX(0)}.tag .am i.full u{background:var(--ow)}.tag .gems{font:700 italic max(12px, 3.4rem)/1 var(--lat);color:#fff;text-shadow:var(--shadow);align-items:center;gap:.9rem;margin-bottom:.6rem;display:none}.tag .gems.on{display:flex}.tag .gems .gem{width:1.9rem;height:1.9rem}.dmg .num{font:700 italic max(13px, 4rem)/1 var(--lat);letter-spacing:.02em;color:#fff;will-change:transform, opacity;text-shadow:0 1px 2px #000c,0 0 6px #00000059;white-space:nowrap;position:absolute;top:0;left:0}.dmg .num.taken{color:#ff7a6b}.dmg .num.super{color:var(--gold);font-size:max(16px,5.2rem)}.feed{top:calc(var(--gt) + 11.5rem);right:var(--gr);flex-direction:column;align-items:flex-end;gap:.9rem;display:flex;position:absolute}.kill{height:max(20px,5.6rem);font:700 italic max(10px, 2.6rem)/1 var(--lat);letter-spacing:.05em;white-space:nowrap;animation:killIn .2s var(--ease);transition:opacity .4s, transform .4s var(--ease);align-items:center;gap:1.6rem;padding:0 2.6rem;display:flex}.kill:before{background:#ffffffe0;border:0}.kill.mine:before{box-shadow:inset .6rem 0 0 var(--ow)}.kill b.us{color:var(--blue-d)}.kill b.them{color:var(--red-d)}.kill b.you{color:var(--ink)}.kill i{font:700 max(9px, 2rem)/1 var(--kr);letter-spacing:.04em;color:#6a7482;align-items:center;gap:.8rem;font-style:normal;display:flex}.kill i:after{content:"";border-top:.7rem solid #0000;border-bottom:.7rem solid #0000;border-left:1.1rem solid #6a7482;width:0;height:0}.kill.out{opacity:0;transform:translate(3rem)}@keyframes killIn{0%{opacity:0;transform:translate(4rem)}}.banner-slot{justify-content:center;display:flex;position:absolute;top:27%;left:0;right:0}.banner{animation:bnIn .22s var(--ease);transition:opacity .25s, transform .25s var(--ease);--acc:var(--ow);flex-direction:column;align-items:center;display:flex;position:relative}.banner.out{opacity:0;transform:translateY(-2rem)}.banner em{font:600 italic max(10px, 2.6rem)/1 var(--lat);letter-spacing:.4em;color:var(--acc);text-shadow:var(--shadow);margin-bottom:1rem;margin-right:-.4em}.banner b{font:700 italic max(22px, 8rem)/1 var(--lat);letter-spacing:.04em;color:#fff;white-space:nowrap;text-shadow:0 .3rem 2.4rem #00000080,0 1px 2px #00000080}.banner b.kr{font:900 italic max(20px, 6.4rem)/1.1 var(--kr);letter-spacing:.08em}.banner .line{background:var(--acc);width:100%;min-width:40rem;height:.6rem;transform:skewX(var(--skew));animation:lineIn .3s var(--ease);box-shadow:0 0 2rem color-mix(in srgb, var(--acc) 50%, transparent);margin-top:1.4rem}.banner span{max-width:110rem;font:500 max(10px, 2.6rem)/1.4 var(--kr);text-align:center;color:#e8edf2;margin-top:1.4rem;padding:.7rem 3rem}.banner span:before{background:#0c10189e;border-color:#ffffff1f}.banner.good{--acc:var(--blue)}.banner.bad{--acc:var(--red)}.banner.go b{letter-spacing:.06em;font-size:max(40px,14rem)}.banner.big b{letter-spacing:.08em;font-size:max(44px,16rem)}.banner.big .line{height:.8rem}@keyframes bnIn{0%{opacity:0;transform:scale(1.12)}}@keyframes lineIn{0%{transform:skewX(var(--skew)) scaleX(0)}}.respawn{flex-direction:column;align-items:center;gap:.8rem;display:none;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.respawn.on{animation:dropIn .2s var(--ease);display:flex}.respawn span{font:700 max(10px, 2.6rem) var(--kr);letter-spacing:.2em;color:#fff;text-shadow:var(--shadow)}.respawn b{font:600 italic max(34px, 12rem)/1 var(--lat);color:#fff;text-shadow:0 .3rem 2rem #00000080}.respawn u{width:36rem;height:.7rem;transform:skewX(var(--skew));background:#0c101899;display:block;overflow:hidden}.respawn u s{background:var(--ow);transform-origin:0;height:100%;display:block}.respawn.x b,.respawn.x u{display:none}.respawn.x span{padding:1.2rem 3.2rem}.respawn.x span:before{background:#0c1018a8}.ctl{position:absolute;inset:0}.ctl .stick,.ctl .btn{position:absolute}.ctl .base{border-radius:50%;position:absolute;inset:0}.ctl .knob{will-change:transform;border-radius:50%;position:absolute;top:50%;left:50%}.ctl kbd{font:700 italic max(9px, 2.2rem)/1 var(--lat);letter-spacing:.08em;color:#fff;white-space:nowrap;background:#0c101899;border:1px solid #fff9;justify-content:center;align-items:center;display:flex}.ctl kbd.on{color:var(--ink);background:#fff}.ctl .move{left:calc(var(--gl) + 8rem);bottom:calc(var(--gb) + 17rem);opacity:.6;width:28rem;height:28rem;transition:opacity .2s}.ctl .move .base{background:#0c10182e;border:1.5px solid #fff9}.ctl .move .knob{background:#ffffff47;border:2px solid #fffffff2;width:11rem;height:11rem;margin:-5.5rem 0 0 -5.5rem}.ctl .move.on{opacity:1}.ctl .move.float{margin:-14rem 0 0 -14rem;bottom:auto}.ctl .wasd{grid-template-rows:repeat(2,5.6rem);grid-template-columns:repeat(3,5.6rem);gap:.8rem;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ctl .wasd kbd[data-k=w]{grid-area:1/2}.ctl .wasd kbd[data-k=a]{grid-area:2/1}.ctl .wasd kbd[data-k=s]{grid-area:2/2}.ctl .wasd kbd[data-k=d]{grid-area:2/3}.ctl.kbd .wasd{display:grid}.ctl.kbd .move{opacity:.9}.ctl.kbd .move .knob{display:none}.ctl.kbd .move .base{border-color:#ffffff4d}.ctl .btn{pointer-events:auto;touch-action:none;justify-content:center;align-items:center;display:flex}.ctl.kbd .btn{pointer-events:none}.ctl .btn .lbl{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:relative}.ctl .btn kbd{height:3.6rem;padding:0 1.2rem;display:none;position:absolute;top:calc(100% + 1.4rem);left:50%;transform:translate(-50%)}.ctl.kbd .btn kbd{display:flex}.ctl .ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ctl .ring circle{fill:none}.ctl .attack{right:calc(var(--gr) + 5rem);bottom:calc(var(--gb) + 7rem);width:26rem;height:26rem}.ctl .attack .base{transition:transform .12s var(--ease), background .12s;background:#0c10183d;border:1.5px solid #ffffffbf}.ctl .attack .ring{width:calc(100% + 5.2rem);height:calc(100% + 5.2rem);inset:-2.6rem}.ctl .attack .ring .bg{stroke:#ffffff29;stroke-width:2.6px}.ctl .attack .ring .cell{stroke:#fff;stroke-width:2.6px}.ctl .attack .ring .cell.part{stroke:var(--ow)}.ctl .attack .knob{opacity:0;background:#ffffff4d;border:2px solid #fff;width:10rem;height:10rem;margin:-5rem 0 0 -5rem}.ctl .reticle{border:1.5px solid #fff;border-radius:50%;width:7rem;height:7rem;position:relative}.ctl .reticle:before,.ctl .reticle:after{content:"";background:#fff;position:absolute;top:50%;left:50%}.ctl .reticle:before{width:1.5px;height:12rem;margin:-6rem 0 0 -.75px;-webkit-mask:linear-gradient(#000 0 2.6rem,#0000 2.6rem calc(100% - 2.6rem),#000 calc(100% - 2.6rem));mask:linear-gradient(#000 0 2.6rem,#0000 2.6rem calc(100% - 2.6rem),#000 calc(100% - 2.6rem))}.ctl .reticle:after{width:12rem;height:1.5px;margin:-.75px 0 0 -6rem;-webkit-mask:linear-gradient(90deg,#000 0 2.6rem,#0000 2.6rem calc(100% - 2.6rem),#000 calc(100% - 2.6rem));mask:linear-gradient(90deg,#000 0 2.6rem,#0000 2.6rem calc(100% - 2.6rem),#000 calc(100% - 2.6rem))}.ctl .attack.on .base{background:#ffffff1f;transform:scale(.94)}.ctl .attack.on.drag .knob{opacity:1}.ctl .attack.on.drag .reticle{opacity:0}.ctl .attack.empty .base{border-color:#ffffff59}.ctl .btn.cancel .knob{opacity:1;background:#ff463259!important;border-color:#ff5a4a!important}.ctl .btn.cancel .base{border-color:#ff5a4acc}.ctl .attack.empty .reticle{opacity:.4}.ctl .super{right:calc(var(--gr) + 38rem);bottom:calc(var(--gb) + 3rem);width:18rem;height:18rem}.ctl .super .base{transition:transform .12s var(--ease);background:#0c10188c;border:1px solid #ffffff4d}.ctl .super .ring{width:calc(100% + 2.8rem);height:calc(100% + 2.8rem);inset:-1.4rem}.ctl .super .ring .bg{stroke:#ffffff29;stroke-width:3.2px}.ctl .super .ring .k{stroke:var(--gold);stroke-width:3.2px;stroke-dasharray:289.03;stroke-dashoffset:289.03px}.ctl .super .lbl b{font:600 italic max(15px, 5.4rem)/1 var(--lat);color:#fff;text-shadow:var(--shadow);align-items:flex-start;display:flex}.ctl .super .lbl b small{margin:.3em 0 0 .1em;font-size:.45em}.ctl .super .lbl span{font:700 italic max(11px, 3.2rem)/1 var(--lat);letter-spacing:.1em;color:#fff;display:none}.ctl .super .knob{border:2px solid var(--gold);opacity:0;background:#ffc64059;width:8rem;height:8rem;margin:-4rem 0 0 -4rem}.ctl .super.on .base{transform:scale(.94)}.ctl .super.on.drag .knob{opacity:1}.ctl .super.ready .base{border-color:var(--ow-hi);background:radial-gradient(circle,#f99e1a8c,#f99e1a33 70%),#0c101880;box-shadow:0 0 2.6rem #f99e1a8c}.ctl .super.ready .ring .k{stroke:var(--ow-hi)}.ctl .super.ready .lbl b{display:none}.ctl .super.ready .lbl span{display:block}.ctl .super.ready:after{content:"";border:2px solid var(--ow);pointer-events:none;border-radius:50%;animation:1.4s ease-out infinite ultReady;position:absolute;inset:-1.4rem}@keyframes ultReady{0%{opacity:.9;transform:scale(.94)}to{opacity:0;transform:scale(1.28)}}.ctl .ability{right:calc(var(--gr) + 31rem);bottom:calc(var(--gb) + 30rem);width:13.5rem;height:13.5rem}.ctl .ability:before{background:#0c101880;border:1.5px solid #ffffffd9;transition:border-color .15s,background .15s}.ctl .ability .veil{transform:skewX(var(--skew));pointer-events:none;position:absolute;inset:0;overflow:hidden}.ctl .ability .veil i{transform-origin:50% 100%;background:#52e5ff38;position:absolute;inset:0;transform:scaleY(0)}.ctl .ability .lbl b{font:700 max(9px, 2.2rem)/1.2 var(--kr);letter-spacing:.04em;color:#fff;text-align:center;white-space:nowrap}.ctl .ability .lbl em{font:600 italic max(15px, 5.4rem)/1 var(--lat);color:#fff;text-shadow:var(--shadow);display:none}.ctl .ability.cd:before{background:#0c1018a8;border-color:#ffffff4d}.ctl .ability.cd .lbl b{display:none}.ctl .ability.cd .lbl em{display:block}.ctl .ability .knob{border:2px solid var(--cyan);opacity:0;background:#52e5ff4d;width:6rem;height:6rem;margin:-3rem 0 0 -3rem}.ctl .ability.on.drag .knob{opacity:1}.ctl .ability.on{transform:scale(.94)}.ctl .ability.active:before{border-color:var(--cyan);background:#52e5ff4d}.ctl.dead .btn{opacity:.4}.pause-btn{left:var(--gl);top:var(--gt);justify-content:center;align-items:center;gap:1.2rem;width:max(40px,10rem);height:max(40px,10rem);position:absolute;display:flex!important}.pause-btn:before{background:#0c10188c;border-color:#fff6}.pause-btn i{width:1rem;height:4rem;transform:skewX(var(--skew));background:#fff}.pause-btn kbd{height:3.6rem;padding:0 1.2rem;display:none;position:absolute;top:50%;left:calc(100% + 1.6rem);transform:translateY(-50%)}.ctl.kbd .pause-btn kbd{display:flex}.menu{pointer-events:auto;animation:fadeIn .18s var(--ease);z-index:5;background:#05080c99;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu .mp{flex-direction:column;align-items:stretch;gap:1.8rem;width:84rem;padding:5rem 6rem 4.6rem;display:flex;position:relative}.menu .mp:before{background:#0c1018e6;border-color:#ffffff3d;transform:skew(-6deg)}.menu h2{font:700 italic max(22px, 7rem)/1 var(--lat);letter-spacing:.06em;color:#fff;margin:0 0 1rem;padding-left:2.6rem;position:relative}.menu h2:before{content:"";background:var(--ow);width:.8rem;height:5.6rem;transform:skewX(var(--skew));position:absolute;top:.4rem;left:0}.menu h2 small{font:500 max(10px, 2.5rem)/1.3 var(--kr);letter-spacing:.06em;color:var(--dim);margin-top:1.2rem;display:block}.menu .mb{letter-spacing:.14em;height:max(44px,11rem);font:700 max(12px, 3.2rem)/1 var(--kr)!important}.menu .mb:before{transition:background .15s,border-color .15s}.menu .mb.resume{color:var(--ink)!important}.menu .mb.resume:before{background:#fff;border-color:#fff}.menu .mb.leave:before{border-color:#fff6}.menu .keys{font:500 max(10px, 2.3rem)/1.7 var(--kr);color:var(--mute);margin:1.2rem 0 0}@keyframes fadeIn{0%{opacity:0}}.result{padding:var(--gt) var(--gr) var(--gb) var(--gl);pointer-events:auto;animation:fadeIn .3s var(--ease);z-index:4;background:linear-gradient(90deg,#05080cf2,#05080cd6 60%,#05080ce6);flex-direction:column;justify-content:center;gap:2.6rem;display:flex;position:absolute;inset:0}.res-head{--acc:var(--mute);padding-left:4rem;position:relative}.result.win .res-head{--acc:var(--blue)}.result.lose .res-head{--acc:var(--red)}.res-head:before{content:"";background:var(--acc);width:1.2rem;transform:skewX(var(--skew));position:absolute;top:1.2rem;bottom:1rem;left:0}.res-head h1{font:700 italic max(38px, 14rem)/.92 var(--lat);letter-spacing:.06em;color:#fff;animation:slideIn .3s var(--ease);margin:0}.res-head h2{font:500 max(10px, 2.6rem)/1.3 var(--kr);letter-spacing:.06em;color:var(--dim);animation:slideIn .3s var(--ease) 50ms backwards;margin:1rem 0 0}.res-head h2 b{color:var(--acc);margin-right:1.2rem;font-weight:700}@keyframes slideIn{0%{opacity:0;transform:translate(-3rem)}}.res-teams{animation:resIn .35s var(--ease) 80ms backwards;gap:4rem;display:flex}@keyframes resIn{0%{opacity:0;transform:translateY(2rem)}}.res-team{flex-direction:column;flex:1;gap:.9rem;max-width:100rem;display:flex}.res-team header,.res-row{grid-template-columns:8rem minmax(0,1fr) repeat(5,8rem);align-items:center;column-gap:1rem;display:grid}.res-team header{height:max(18px,5rem);padding:0 1.8rem}.res-team header b{font:700 max(10px, 2.5rem)/1 var(--kr);letter-spacing:.16em;grid-column:1/3}.res-team.us header b{color:var(--blue)}.res-team.them header b{color:var(--red)}.res-team header span{font:600 italic max(9px, 2.2rem)/1 var(--lat);letter-spacing:.12em;color:var(--mute);text-align:center}.res-row{height:max(34px,9.6rem);padding:0 1.8rem}.res-row:before{background:#ffffff12;border-color:#ffffff1f}.res-team.us .res-row:before{box-shadow:inset .6rem 0 0 var(--blue)}.res-team.them .res-row:before{box-shadow:inset .6rem 0 0 var(--red)}.res-row.me:before{background:#fff3;border-color:#ffffffb3}.res-row .ab{font:700 italic max(11px, 3rem)/1 var(--lat);color:var(--dim);text-align:center}.res-row .who{flex-direction:column;min-width:0;display:flex}.res-row .who b{font:700 italic max(12px, 3.3rem)/1.1 var(--lat);letter-spacing:.05em;color:#fff;white-space:nowrap;align-items:center;gap:1.2rem;display:flex}.res-row .who b i{font:700 italic max(9px, 2rem)/1 var(--lat);letter-spacing:.12em;color:var(--ink);background:var(--gold);transform:skewX(var(--skew));padding:.4rem 1.2rem}.res-row .who span{font:600 italic max(9px, 2.1rem)/1.3 var(--lat);letter-spacing:.06em;color:var(--mute);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.res-row em{font:600 italic max(12px, 3.5rem)/1 var(--lat);text-align:center;color:#fff}.res-row em.z{color:var(--mute)}.res-btns{animation:resIn .35s var(--ease) .16s backwards;justify-content:flex-end;gap:3rem;display:flex}.res-btns button{flex-direction:column;justify-content:center;align-items:center;width:46rem;height:max(46px,13rem);display:flex!important}.res-btns button b{font:900 italic max(14px, 4.2rem)/1 var(--kr);letter-spacing:.16em;margin-right:-.16em}.res-btns button span{font:700 italic max(9px, 2.1rem)/1 var(--lat);letter-spacing:.36em;opacity:.85;margin-top:.7rem;margin-right:-.36em}.res-btns .again{color:#fff!important}.res-btns .again:before{background:var(--ow);border:0;box-shadow:0 .8rem 3rem #f99e1a47}.res-btns .hangar-btn{color:#fff!important}.res-btns .hangar-btn:before{background:#0c1018b3;border-color:#ffffff80}.res-btns button:active{transform:scale(.97)}.sheet-labels div{font:700 italic 12px var(--lat);letter-spacing:.05em;color:#fff;text-shadow:0 1px 4px #000;white-space:nowrap;position:absolute;top:0;left:0}@media (prefers-reduced-motion:reduce){.ctl .super.ready:after,.board .clock.low:after,.hud-sub .pill.urgent b{animation:none}}@media (hover:hover){.seg button:not(.on):hover:before,.tab:not(.on):hover:before,.card:not(.on):hover:before,.mode:not(.on):hover:before{border-color:var(--line-hi)}.play:hover{filter:brightness(1.08)}.menu .mb.leave:hover:before{border-color:var(--red);background:#ff4b3a33}.res-btns button:hover:before{filter:brightness(1.1)}}