.tab-top{--at:#ff4f9a}
.tp-wrap,.tp{--tp:#ff4f9a}
.tp-set{margin:-4px 0 10px;color:var(--tx);font:15px var(--f-ui)}
.tp-set small{color:var(--dim)}
.tp-ctl{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 12px}
.tp-step{display:inline-flex;align-items:center;gap:0;border:1px solid var(--ln);background:var(--pn)}
.tp-step .tp-l{padding:0 10px;color:var(--dim);font:12px var(--f-lbl);letter-spacing:1px;text-transform:uppercase}
.tp-step button{width:32px;height:32px;border:0;border-left:1px solid var(--ln);background:none;color:var(--tx);font:18px/1 var(--f-num);cursor:pointer}
.tp-step button:disabled{opacity:.35;cursor:default}
.tp-step b{min-width:34px;padding:0 8px;border-left:1px solid var(--ln);color:var(--hi);font:17px/32px var(--f-num);text-align:center}
.tp-step small{padding:0 10px;border-left:1px solid var(--ln);color:var(--acc-tx);font:13px/32px var(--f-ui)}
.tp-tab{width:100%;border-collapse:collapse;background:var(--pn);border:1px solid var(--ln);box-shadow:var(--sh)}
.tp-tab th,.tp-tab td{padding:7px 12px;border-bottom:1px solid var(--ln);text-align:right;color:var(--tx);font:15px var(--f-ui);white-space:nowrap}
.tp-tab th{color:var(--dim);font:12px var(--f-lbl);letter-spacing:1.2px;text-transform:uppercase}
.tp-tab th:first-child,.tp-tab td:first-child{text-align:left}
.tp-tab td b{color:var(--hi);font:16px var(--f-num)}
.tp-tab td.up{color:#3fbf6a}.tp-tab td.dn{color:#e8554e}
.tp-tab .tp-pw td{background:color-mix(in srgb,var(--tp) 10%,transparent)}
.tp-tab .tp-pw small{color:var(--dim);font:12.5px var(--f-ui)}
.tp-tab .tp-pw td:last-child{white-space:normal;min-width:140px}
.tp-lb tbody tr{cursor:pointer}
.tp-lb tbody tr:hover td{background:var(--pn2)}
.tp-lb tr.on td{background:color-mix(in srgb,var(--acc) 16%,transparent)}
.tp-scroll{overflow-x:auto}
.tp-note{margin:8px 0 0;color:var(--dim);font:13.5px/1.5 var(--f-ui)}
.tp .abil.tp-z{opacity:.72}
.tp .abil.tp-z.active{opacity:1}
.tp-arts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px}
.tp-art{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 14px;background:var(--pn);border:1px solid var(--ln);border-left:3px solid var(--tp)}
.tp-art.k-s{border-left-color:#ff5446}.tp-art.k-b{border-left-color:#ffb81c}.tp-art.k-p{border-left-color:#2fc463}.tp-art.k-u{border-left-color:#a95cf0}
.tp-art b{flex:1 1 auto;color:var(--hi);font:16px var(--f-lbl);font-weight:normal}
.tp-ak{flex:1 0 100%;color:var(--dim);font:11.5px var(--f-lbl);letter-spacing:1.2px;text-transform:uppercase}
.tp-at,.tp-off{padding:2px 9px 1px;font:11.5px/1.4 var(--f-lbl);letter-spacing:1px;text-transform:uppercase;clip-path:var(--slant)}
.tp-at{background:var(--pn3);color:var(--tx)}.tp-at.at-physical{background:#e8554e;color:#fff}.tp-at.at-energy{background:#3d8ff0;color:#fff}
.tp-off{background:#2a2f3c;color:#ffb3b3}
.tp-art p{flex:1 0 100%;margin:0;color:var(--tx);font:14.5px/1.45 var(--f-ui)}
.tp-seasons{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px}
.tp-sea{display:flex;flex-direction:column;gap:2px;padding:9px 12px;background:var(--pn);border:1px solid var(--ln);border-left:3px solid var(--ln);color:var(--tx);text-decoration:none}
.tp-sea:hover{border-color:var(--tp);color:var(--tx)}
.tp-sea.live{border-left-color:#3fbf6a}.tp-sea.soon{border-left-color:#e5a92a}
.tp-sea b{color:var(--hi);font:17px var(--f-num)}
.tp-sea small{color:var(--dim);font:12.5px var(--f-ui)}
.tp-sea span{color:var(--acc-tx);font:13px var(--f-ui)}
.tpx{--tp:#ff4f9a}
.tpx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:14px;margin-top:18px}
.tps{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px 16px 14px;background:var(--pn);border:1px solid var(--ln);border-top:3px solid var(--tp);
  box-shadow:var(--sh);color:var(--tx);text-decoration:none;transition:border-color .15s,transform .15s;overflow:hidden}
.tps:hover{border-color:var(--tp);color:var(--tx);transform:translateY(-2px)}
.tps::after{content:'';position:absolute;right:-30px;bottom:-30px;width:150px;height:150px;background:url(/assets/top/panel_battle_on.webp) center/contain no-repeat;opacity:.08;pointer-events:none}
.tps-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tps-no{color:var(--hi);font:30px/1 var(--f-num);letter-spacing:.5px}
.tps-no small{color:var(--dim);font:13px var(--f-lbl);letter-spacing:1.4px;text-transform:uppercase;margin-right:6px}
.tps-when{color:var(--dim);font:13.5px/1.35 var(--f-ui)}
.tps-when b{color:var(--hi);font:15px var(--f-num)}
.tps-pk{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tps-pk img{width:62px;height:auto;aspect-ratio:140/114;object-fit:cover;background:var(--pn2);border:1px solid var(--ln)}
.tps-tag{padding:3px 9px 2px;background:var(--pn2);border:1px solid var(--ln);color:var(--tx);font:12.5px var(--f-ui)}
.tps-tag b{color:var(--acc-tx);font:12.5px var(--f-num);margin-left:4px}
.tps-lg{color:var(--dim);font:12.5px var(--f-lbl);letter-spacing:1px;text-transform:uppercase}
.tp-st{padding:3px 10px 2px;background:var(--pn3);color:var(--tx);font:11.5px/1.3 var(--f-lbl);letter-spacing:1.2px;text-transform:uppercase;clip-path:var(--slant)}
.tp-st.s-open{background:#2f9e5a;color:#fff}.tp-st.s-upcoming{background:#c99417;color:#0d1017}
.tpx-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0 0 16px;padding:18px;background:var(--pn);border:1px solid var(--ln);border-top:3px solid var(--tp);box-shadow:var(--sh);
  background-image:linear-gradient(90deg,var(--pn) 45%,transparent),url(/assets/top/bg_map.webp);background-size:auto,cover;background-position:0 0,right center}
.tpx-hero h1{margin:0;color:var(--hi);font:36px/1.05 var(--f-num);letter-spacing:.5px}
.tpx-hero h1 small{display:block;color:var(--acc-tx);font:13px var(--f-lbl);letter-spacing:2px;text-transform:uppercase}
.tpx-pk{display:flex;flex-wrap:wrap;gap:10px}
.tpx-pc{display:flex;flex-direction:column;align-items:center;gap:3px;width:104px;color:var(--tx);text-decoration:none;font:13px/1.2 var(--f-ui);text-align:center}
.tpx-pc img{width:100%;height:auto;aspect-ratio:140/114;object-fit:cover;border:2px solid var(--tp);background:var(--pn2)}
.tpx-pc b{color:var(--acc-tx);font:13px var(--f-num)}
.tpx-note{margin:0;color:var(--dim);font:14px/1.5 var(--f-ui)}
.tpx-lgs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.tpx-lgb{display:inline-flex;align-items:center;gap:10px;padding:6px 16px 5px;background:var(--pn);border:1px solid var(--ln);color:var(--tx);font:15px var(--f-lbl);letter-spacing:1px;cursor:pointer;clip-path:var(--slant)}
.tpx-lgb b{display:inline-grid;place-items:center;width:34px;height:24px;background:url(/assets/top/league_base.webp) center/contain no-repeat;color:#fff;font:17px var(--f-num)}
.tpx-lgb.on{background:var(--acc);border-color:var(--acc);color:var(--ink)}
.tpx-lgi{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;color:var(--dim);font:13px var(--f-lbl);letter-spacing:1.1px;text-transform:uppercase}
.tpx-lgi b{display:block;color:var(--hi);font:18px var(--f-num);letter-spacing:.3px;text-transform:none}
.tpx-lgi img{width:22px;height:22px;vertical-align:-5px}
.tpx-play{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:20px;align-items:start;margin-top:14px}
.tb-wrap{position:relative;max-height:min(84vh,1100px);overflow:auto;border:1px solid var(--ln);box-shadow:var(--sh);
  background:radial-gradient(ellipse at 50% 45%,transparent 50%,rgba(0,0,0,.45)),url(/assets/top/bg_map.webp) center/cover no-repeat,#0c1410;scrollbar-width:thin}
.tb-board{position:relative;width:100%;min-width:300px}
.tb-board svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.tb-board line{stroke:rgba(255,255,255,.34);stroke-width:2;vector-effect:non-scaling-stroke}
.tb-n{position:absolute;display:flex;flex-direction:column;align-items:center;width:var(--pw);transform:translate(-50%,-50%);padding:0;border:0;background:none;cursor:pointer}
.tb-n:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.tb-disc{position:relative;display:block;width:100%;aspect-ratio:170/128}
.tb-disc>img{position:absolute;left:0;top:0;width:100%;height:100%}
.tb-disc>img.on{left:11.2%;top:9%;width:77.6%;height:65.6%}
.tb-n.tr .tb-disc::before{content:'';position:absolute;left:-2%;top:-8%;width:104%;height:118%;background:url(/assets/top/bonus_aura.webp) center/100% 100% no-repeat;filter:drop-shadow(0 0 6px #4dff9a)}
.tb-ch{position:relative;display:block;width:100%;aspect-ratio:172/122}
.tb-ch>img{position:absolute;left:0;top:0;width:100%;height:100%}
.tb-ch>.face{left:9%;top:5%;width:82%;height:88%;object-fit:cover;clip-path:polygon(12% 4%,100% 0,90% 100%,0 96%)}
.tb-n.t6 .tb-ch>.face{clip-path:polygon(28% 0,72% 0,100% 30%,100% 70%,72% 100%,28% 100%,0 70%,0 30%)}
.tb-n.t6 .tb-ch::after{content:'';position:absolute;left:-6%;top:-12%;width:112%;height:124%;background:url(/assets/top/boss_ring1.webp) center/contain no-repeat;opacity:.75;pointer-events:none}
.tb-pips{display:flex;justify-content:center;gap:1%;width:96%;margin-top:-7%}
.tb-pips img{width:18%;height:auto}
.tb-dpips{display:flex;gap:3px}
.tb-dpips img{width:26px;height:26px}
.tb-n.sel .tb-disc,.tb-n.sel .tb-ch{filter:drop-shadow(0 0 8px #fff) drop-shadow(0 0 3px var(--acc))}
.tb-n:hover .tb-disc,.tb-n:hover .tb-ch{filter:brightness(1.12)}
.tb-det{position:sticky;top:calc(var(--sh-h, 0px) + 14px);display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--pn);border:1px solid var(--ln);border-top:3px solid var(--tp);box-shadow:var(--sh);min-height:200px}
.tb-det h3{margin:0;color:var(--hi);font:22px/1.1 var(--f-num);letter-spacing:.3px}
.tb-det h3 small{display:block;color:var(--acc-tx);font:12px var(--f-lbl);letter-spacing:1.6px;text-transform:uppercase}
.tb-k{color:var(--dim);font:12px var(--f-lbl);letter-spacing:1.2px;text-transform:uppercase;margin:0}
.tb-det{container-type:inline-size}
.tb-body{display:flex;flex-direction:column;gap:12px}
.tb-col{display:flex;flex-direction:column;gap:10px;min-width:0}
@container (min-width: 680px){ .tb-body.two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:20px;align-items:start} }
.tb-team{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:520px}
.tb-cell{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:40px;padding:4px;background:var(--pn2);border:1px solid var(--ln);color:var(--tx);text-decoration:none;font:12px/1.2 var(--f-ui);text-align:center}
.tb-cell.empty{background:repeating-linear-gradient(45deg,transparent 0 6px,color-mix(in srgb,var(--ln) 50%,transparent) 6px 7px)}
.tb-cell img{width:100%;height:auto;aspect-ratio:140/114;object-fit:cover}
.tb-cell b{color:var(--hi);font:12.5px var(--f-lbl);font-weight:normal}
.tb-cell small{color:var(--acc-tx);font:12px var(--f-num)}
a.tb-cell:hover{border-color:var(--tp)}
.tb-fx{display:flex;flex-direction:column;gap:6px}
.tb-fxr{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 10px;background:var(--pn2);border:1px solid var(--ln)}
.tb-fxr>img{width:30px;height:30px;background:#2b3245;border-radius:50%;padding:3px}
.tb-fxr b{color:var(--hi);font:14.5px var(--f-lbl);font-weight:normal}
.tb-fxr b small{color:var(--acc-tx);font:13px var(--f-num);margin-left:6px}
.tb-cells{display:grid;grid-template-columns:repeat(3,9px);gap:2px}
.tb-cells i{width:9px;height:9px;background:var(--pn3)}
.tb-cells i.on{background:var(--tp)}
.tb-items{display:flex;flex-wrap:wrap;gap:6px}
.tb-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--pn2);border:1px solid var(--ln);color:var(--hi);text-decoration:none;font:14px var(--f-num)}
.tb-item img{width:26px;height:26px;object-fit:contain}
.tpx-sec{margin-top:26px}
.tpx-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px}
.tpx-rule{padding:11px 14px;background:var(--pn);border:1px solid var(--ln);box-shadow:var(--sh)}
.tpx-rule h3{display:flex;align-items:center;gap:8px;margin:0 0 4px;color:var(--hi);font:15px var(--f-lbl);letter-spacing:1px;text-transform:uppercase}
.tpx-rule h3 img{width:34px;height:auto}
.tpx-rule p{margin:0;color:var(--tx);font:14px/1.45 var(--f-ui);white-space:pre-line}
.tpx-db{border-collapse:collapse;background:var(--pn);border:1px solid var(--ln)}
.tpx-db td,.tpx-db th{padding:6px 12px;border-bottom:1px solid var(--ln);color:var(--tx);font:14px var(--f-ui);text-align:center}
.tpx-db th{color:var(--dim);font:12px var(--f-lbl);letter-spacing:1px;text-transform:uppercase}
.tpx-db img{height:16px;vertical-align:-3px}
@media(max-width:900px){
  .tpx-play{grid-template-columns:minmax(0,1fr)}
  .tb-det{position:relative;top:0}
  .tb-wrap{max-height:70vh}
}
.tp-warn{margin:0 0 10px;color:var(--dim);font:14px/1.4 var(--f-ui)}
.tp-subs{display:grid;grid-template-columns:1fr 1fr;max-width:520px;margin:0 0 14px;border:1px solid var(--ln);background:var(--pn)}
.tp-sb{height:36px;border:0;background:none;color:var(--tx);font:16px var(--f-lbl);letter-spacing:.8px;cursor:pointer}
.tp-sb+.tp-sb{border-left:1px solid var(--ln)}
.tp-sb.on{background:var(--acc);color:var(--ink)}
.tp-game th{vertical-align:bottom}
.tp-game th:first-child{display:flex;align-items:center;gap:12px}
.tp-pwl{color:var(--dim);font:12px/1.1 var(--f-lbl);letter-spacing:1px;text-transform:uppercase;white-space:normal;max-width:52px}
.tp-pwv{padding:3px 12px;background:#2c7a3c;color:#f6ff7a;font:19px/1.2 var(--f-num);letter-spacing:.5px;text-transform:none;clip-path:var(--slant)}
.tp-game .bst{color:#4f8bff}
.tp-game th.bst{color:#4f8bff}
.tp-game td:first-child{color:var(--hi);font:15.5px var(--f-lbl)}
.tp-fr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 0;padding:8px 12px;background:var(--pn);border:1px solid var(--ln)}
.tp-frl{color:var(--dim);font:13px var(--f-lbl);letter-spacing:1px;text-transform:uppercase}
.tp-fr small{color:var(--acc-tx);font:13.5px var(--f-ui)}
.tp-max{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:6px 12px;background:var(--pn);border:1px solid var(--ln);color:var(--hi);font:15px var(--f-lbl);cursor:pointer}
.tp-max input{width:18px;height:18px;accent-color:var(--acc)}
.tp-fx{display:flex;flex-direction:column;gap:10px;max-width:640px}
.tp-fxc{background:var(--pn);border:1px solid var(--ln);box-shadow:var(--sh)}
.tp-fxh{display:flex;align-items:center;gap:12px;padding:10px 14px}
.tp-fxh img{width:46px;height:46px;object-fit:contain}
.tp-fxh b{flex:1 1 auto;color:var(--hi);font:18px var(--f-lbl);font-weight:normal}
.tp-fxc .tp-ak{flex:none;color:var(--dim);font:12px var(--f-lbl);letter-spacing:1px;text-transform:uppercase}
.tp-fxc p{margin:0;padding:9px 14px;background:var(--pn2);color:var(--hi);font:15px var(--f-ui)}
.tp-fxc .tp-off{display:inline-block;margin:8px 14px 10px 0;padding:2px 8px;background:#e8554e;color:#fff;font:12px var(--f-lbl);letter-spacing:.6px;text-transform:uppercase}
.tp-fxc .tp-off:first-of-type{margin-left:14px}