@font-face{font-family:'HarmonyOS_Sans';src:url('../fonts/HarmonyOS_Sans_Regular.0cfc88.woff2') format('woff2');font-weight:400}
@font-face{font-family:'HarmonyOS_Sans';src:url('../fonts/HarmonyOS_Sans_Medium.20006f.woff2') format('woff2');font-weight:500}
@font-face{font-family:'HarmonyOS_Sans';src:url('../fonts/HarmonyOS_Sans_Bold.9717cf.woff2') format('woff2');font-weight:700}
@font-face{font-family:'HarmonyOS_Sans';src:url('../fonts/HarmonyOS_Sans_Black.bb2f22.woff2') format('woff2');font-weight:900}
@font-face{font-family:'Novecentosanswide';src:url('../fonts/Novecentosanswide-Medium.748604.woff2') format('woff2');font-weight:500}
@font-face{font-family:'Novecentosanswide';src:url('../fonts/Novecentosanswide-DemiBold.089c2d.woff2') format('woff2');font-weight:600}
@font-face{font-family:'Novecentosanswide';src:url('../fonts/Novecentosanswide-Bold.7ac6f1.woff2') format('woff2');font-weight:700}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Light.9981d6.woff2') format('woff2');font-weight:300}
@font-face{font-family:'Gilroy';src:url('../fonts/Gilroy-Medium.376b06.woff2') format('woff2');font-weight:500}
@font-face{font-family:'SpaceGrotesk';src:url('../fonts/SpaceGrotesk.edd157.woff2') format('woff2');font-weight:400 700}
:root{--bg:#0d0d14;--bg-s:#12121e;--bg-c:#161620;--bg-i:#141420;--bg-d:#08080d;--bg-t:#2a2a2a;--bdr-rgb:255,255,255;--tx1:#f0f0f8;--tx2:#b0b0c4;--tx3:#8a8aa0;--tx4:#4a4a60;--tx5:#3a3a52;--tx-nav:#7a7a9a;--tx-sub:#6a6a80;--tx-h:#d0d0e8}
body.light-mode{--bg:#f2f2f8;--bg-s:#ffffff;--bg-c:#fafafd;--bg-i:#eeeef6;--bg-d:#f0f0f8;--bg-t:#dddde8;--bdr-rgb:20,20,50;--tx1:#0d0d18;--tx2:#3a3a56;--tx3:#5a5a78;--tx4:#8a8aaa;--tx5:#a0a0b8;--tx-nav:#4a4a68;--tx-sub:#5a5a78;--tx-h:#1a1a30}
*{box-sizing:border-box;margin:0;padding:0}
button{font-family:inherit}
body{background:var(--bg);color:var(--tx1);font-family:'HarmonyOS_Sans',system-ui,sans-serif}

.site-sidebar{position:fixed;top:0;left:0;height:100vh;width:220px;background:var(--bg);border-right:1px solid rgba(var(--bdr-rgb),.06);display:flex;flex-direction:column;z-index:40}
.sdb-logo{padding:22px 20px 18px;border-bottom:1px solid rgba(var(--bdr-rgb),.06)}
.sdb-logo-svg{width:56px;height:auto;color:rgba(var(--bdr-rgb),.55);display:block}
.sdb-nav{display:flex;flex-direction:column;padding:8px 0;flex:1;overflow-y:auto}
.sdb-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 20px;border:none;border-left:2px solid transparent;background:none;color:var(--tx-nav);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-align:left;cursor:pointer;transition:color .15s,background .15s;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none}
.sdb-btn svg{flex-shrink:0;opacity:.7;transition:opacity .15s}
.sdb-btn:hover svg,.sdb-btn.active svg{opacity:1}
.sdb-btn:hover{color:var(--tx2);background:rgba(var(--bdr-rgb),.03)}
.sdb-btn.active{color:#e75395;background:rgba(231,83,149,.08);border-left-color:#e75395}
.sdb-btn.active svg{color:#e75395}
.sdb-foot{padding:14px 20px;border-top:1px solid rgba(var(--bdr-rgb),.06)}
.sdb-sub{font-size:9px;color:var(--tx5);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}
.site-main{margin-left:220px}

.overview{display:flex;gap:12px;max-width:1100px;margin:0 auto 24px;padding:0 16px;flex-wrap:wrap}
.ov-box{flex:1;min-width:100px;background:var(--bg-s);border:1px solid rgba(var(--bdr-rgb),.08);border-radius:6px;padding:16px;text-align:center}
.ov-num{font-size:26px;font-weight:700;color:#fbbf24;font-family:'SpaceGrotesk',sans-serif}
.ov-lbl{font-size:10px;color:var(--tx4);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}

.page{max-width:1100px;margin:0 auto;padding:24px 20px 48px}

.tab-panel.hidden{display:none}
#tab-detail:not(.hidden){display:flex;flex-direction:column;position:fixed;left:220px;right:0;top:0;bottom:0;overflow:hidden;z-index:10;background:var(--bg-d)}
#detail-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}

.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:10px}
.card{background:var(--bg-c);border:1px solid rgba(var(--bdr-rgb),.08);border-radius:6px;padding:16px}
.card-feat{grid-column:1/-1;border-color:rgba(251,191,36,.18)}

.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.card-title{font-size:12px;font-weight:700;color:var(--tx1);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.2px;text-transform:uppercase}
.luck-badge{font-size:10px;font-weight:700;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px}
.pity-header span,.jnt-header span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

.pity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}
.pity-lbl{font-size:10px;color:var(--tx3);text-transform:uppercase;letter-spacing:.5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.pity-track{height:4px;background:var(--bg-t);border-radius:2px;overflow:hidden;margin-bottom:12px}
.pity-fill{height:100%;border-radius:2px}

.row-5050{display:flex;align-items:center;gap:8px;background:var(--bg-i);border:1px solid rgba(var(--bdr-rgb),.06);border-radius:4px;padding:7px 10px;margin-bottom:12px;flex-wrap:wrap}
.badge-guar{background:rgba(74,222,128,.12);color:#4ade80;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.3px}
.badge-5050{background:rgba(251,191,36,.12);color:#fbbf24;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700}
.badge-unk{background:#222;color:var(--tx3);padding:2px 8px;border-radius:3px;font-size:10px}
.s50-won{color:#4ade80;font-size:12px}
.s50-sep{color:#2a2a2a;font-size:12px}
.s50-lost{color:#f87171;font-size:12px}
.s50-rate{color:var(--tx3);font-size:11px;margin-left:2px}

.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:14px}
.sbox{background:var(--bg-i);border:1px solid rgba(var(--bdr-rgb),.06);border-radius:4px;padding:9px 6px;text-align:center}
.snum{font-size:18px;font-weight:700;color:var(--tx1);font-family:'SpaceGrotesk',sans-serif}
.slbl{font-size:9px;color:var(--tx3);margin-top:3px;text-transform:uppercase;letter-spacing:.3px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

.section-lbl{font-size:10px;color:var(--tx3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

.gtable{width:100%;border-collapse:collapse;font-size:12.5px}
.gtable th{text-align:left;color:var(--tx3);font-weight:500;padding:5px 8px;border-bottom:1px solid rgba(var(--bdr-rgb),.07);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.5px;text-transform:uppercase}
.gtable td{padding:4px 8px;border-bottom:1px solid rgba(var(--bdr-rgb),.04);vertical-align:middle}
.gtable tr:last-child td{border-bottom:none}
.gtable tbody tr:hover td{background:rgba(var(--bdr-rgb),.03)}
.c-no{color:var(--tx4);width:50px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.c-name{display:flex;align-items:center;gap:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.c-pity{font-weight:700;width:44px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.c-date{color:var(--tx3);width:86px;text-align:right;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.item-icon{width:26px;height:26px;border-radius:3px;object-fit:cover;margin-right:7px;flex-shrink:0;background:#222}
.item-icon-ph{display:inline-block;width:26px;height:26px;margin-right:7px;flex-shrink:0}
.p-low{color:#fbbf24}
.p-mid{color:#f97316}
.p-high{color:#f87171}

.tag-ru{background:rgba(74,222,128,.12);color:#4ade80;padding:1px 5px;border-radius:3px;font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.tag-lch{background:rgba(248,113,113,.12);color:#f87171;padding:1px 5px;border-radius:3px;font-size:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

.btn-more{display:block;width:100%;margin-top:6px;padding:6px;background:transparent;border:1px solid rgba(var(--bdr-rgb),.08);border-radius:4px;color:var(--tx4);font-size:11px;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.5px}
.btn-more:hover{color:var(--tx1);border-color:rgba(var(--bdr-rgb),.2)}
.no-data{color:var(--tx4);font-size:13px;padding:10px 0}

.pity-dual{margin-bottom:12px}
.pity-dual .pity-track{margin-bottom:0}

.pity-track-soft{position:relative}
.soft-zone{position:absolute;top:0;bottom:0;right:0;width:18.75%;background:rgba(249,115,22,.1);border-left:1px solid rgba(249,115,22,.3);border-radius:0 2px 2px 0;pointer-events:none}

.row-2575{display:flex;align-items:center;gap:8px;background:var(--bg-i);border:1px solid rgba(var(--bdr-rgb),.06);border-radius:4px;padding:7px 10px;margin-bottom:12px;flex-wrap:wrap}
.badge-2575{background:rgba(249,115,22,.12);color:#f97316;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700}
.arms-row{display:flex;align-items:center;gap:8px;background:var(--bg-i);border:1px solid rgba(var(--bdr-rgb),.06);border-radius:4px;padding:7px 10px;margin-bottom:6px;flex-wrap:wrap}
.arms-badge{background:rgba(167,139,250,.12);color:#a78bfa;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700}
.arms-count{color:#a78bfa;font-size:12px}
.arms-next{color:var(--tx3);font-size:11px}

.std-row{display:flex;align-items:center;gap:8px;background:var(--bg-i);border:1px solid rgba(var(--bdr-rgb),.06);border-radius:4px;padding:7px 10px;margin-bottom:6px;flex-wrap:wrap}
.std-badge{background:rgba(96,165,250,.12);color:#60a5fa;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700}
.std-count{color:#60a5fa;font-size:12px}
.std-next{color:var(--tx3);font-size:11px}

.jnt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}

.pity-reset-note{font-size:10px;color:#f87171;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.2);border-radius:4px;padding:4px 8px;margin-bottom:10px}
.pity-carry-note{font-size:10px;color:#60a5fa;background:rgba(96,165,250,.08);border:1px solid rgba(96,165,250,.2);border-radius:4px;padding:4px 8px;margin-bottom:10px}

.cal-wrap{overflow-x:auto;border-radius:6px;border:1px solid rgba(var(--bdr-rgb),.08);background:var(--bg-s);cursor:grab;user-select:none}
.cal-inner{min-width:720px}
.cal-ruler-row{display:flex;background:var(--bg);position:sticky;top:0;z-index:5}
.cal-ruler-spacer{width:92px;flex-shrink:0;border-right:1px solid rgba(var(--bdr-rgb),.07);position:sticky;left:0;z-index:6;background:var(--bg)}
.cal-ruler-area{flex:1;position:relative;height:46px;border-bottom:1px solid rgba(var(--bdr-rgb),.08);overflow:hidden}
.r-month{position:absolute;top:0;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;white-space:nowrap;font-size:9px;color:var(--tx4);font-weight:700;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase}
.r-month::before{content:'';display:block;width:1px;height:14px;background:rgba(var(--bdr-rgb),.14)}
.r-minor{position:absolute;top:0;transform:translateX(-50%);display:flex;pointer-events:none;font-size:0}
.r-minor::before{content:'';display:block;width:1px;height:7px;background:rgba(var(--bdr-rgb),.06)}
.r-badge{position:absolute;top:0;bottom:0;transform:translateX(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;pointer-events:none;white-space:nowrap;font-size:8px;color:rgba(231,83,149,.55);font-weight:700;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.r-badge::before{content:'';width:1px;height:10px;background:rgba(231,83,149,.35);flex-shrink:0}
.cal-group{display:flex;border-bottom:1px solid rgba(var(--bdr-rgb),.06)}
.cal-group:last-child{border-bottom:none}
.cal-group-lbl{width:92px;flex-shrink:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;gap:5px;border-right:1px solid rgba(var(--bdr-rgb),.07);position:sticky;left:0;z-index:10}
.cal-group-icon{font-size:18px;line-height:1;opacity:.7}
.cal-group-name{font-size:9px;font-weight:800;color:var(--tx3);text-transform:uppercase;letter-spacing:.7px;text-align:center;line-height:1.3}
.cal-group-part{font-size:7px;color:var(--tx4);font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.cal-track{flex:1;position:relative;background:repeating-linear-gradient(90deg,rgba(var(--bdr-rgb),.025) 0px,rgba(var(--bdr-rgb),.025) 1px,transparent 1px,transparent 42px)}
.c-vline{position:absolute;top:0;bottom:0;width:1px;background:rgba(var(--bdr-rgb),.04);pointer-events:none}
.c-vline-major{background:rgba(var(--bdr-rgb),.07);width:1px}
.c-today-line{position:absolute;top:0;bottom:0;width:1px;background:#e75395;z-index:4;pointer-events:none;opacity:.8}
.c-today-lbl{position:absolute;top:4px;left:4px;font-size:7px;color:#e75395;font-weight:700;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase}
.c-bar{position:absolute;top:7px;bottom:7px;border-radius:4px;overflow:hidden;cursor:default;min-width:8px}
.c-bar-art{position:absolute;right:0;top:0;bottom:0;width:65%;background-size:auto 200%;background-position:top right;opacity:.9}
.c-bar-fog{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,2,2,.98) 15%,rgba(8,2,2,.8) 48%,rgba(8,2,2,.15) 100%);transition:background .2s}
.c-bar:hover .c-bar-fog{background:linear-gradient(90deg,rgba(8,2,2,.92) 12%,rgba(8,2,2,.6) 48%,rgba(8,2,2,.05) 100%)}
.c-bar-wpn .c-bar-fog{background:linear-gradient(90deg,rgba(8,2,2,.98) 20%,rgba(8,2,2,.7) 55%,rgba(8,2,2,0) 100%)}
.c-bar-wpn:hover .c-bar-fog{background:linear-gradient(90deg,rgba(8,2,2,.92) 18%,rgba(8,2,2,.5) 52%,rgba(8,2,2,0) 100%)}
.c-bar-body{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;padding:4px 12px}
.c-bar-date{font-size:9px;color:#fbbf24;font-weight:700;margin-bottom:4px;letter-spacing:.1px}
.c-bar-title{font-size:15px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.1px;line-height:1.2;text-shadow:0 1px 6px rgba(0,0,0,.8)}
.c-bar-sub{font-size:9.5px;color:rgba(255,255,255,.45);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.c-bar-char{border-left:4px solid #ef4444}
.c-bar-wpn{border-left:4px solid #a855f7}
.c-bar-cur{box-shadow:0 0 0 2px #fbbf24,0 2px 16px #fbbf2450}
.cal-lanes{display:flex;flex-direction:column;gap:4px;padding:6px 0;position:relative;z-index:2}
.cal-lane{position:relative;height:50px}

.ub-section{padding:24px 24px 48px}
.ub-header{margin-bottom:20px}
.ub-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.ub-title{font-size:16px;font-weight:900;color:var(--tx1);text-transform:uppercase;letter-spacing:.15em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ub-header-line{height:1px;background:linear-gradient(90deg,rgba(232,0,122,.6) 0%,rgba(232,0,122,.1) 40%,transparent 70%)}
.ub-groups{display:flex;flex-direction:column;gap:24px}
.ub-version-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ub-version-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;padding:2px 8px;border-radius:4px;color:#e75395;background:rgba(232,0,122,.08);border:1px solid rgba(232,0,122,.2);white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ub-version-line{flex:1;height:1px;background:rgba(255,255,255,.04)}
.ub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.lang-btn{display:block;width:100%;margin-bottom:8px;padding:5px;background:transparent;border:1px solid rgba(var(--bdr-rgb),.12);border-radius:4px;color:var(--tx3);font-size:10px;font-weight:700;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.5px;text-transform:uppercase;transition:color .15s,border-color .15s}
.lang-btn:hover{color:var(--tx1);border-color:rgba(var(--bdr-rgb),.3)}
.lang-btn.active-lang{color:#e75395;border-color:rgba(231,83,149,.4)}
.wk-wrap{max-width:1100px;margin:0 auto;padding:16px 16px 40px}
.sdb-wiki-grp{width:100%}
.sdb-wiki-hdr{display:flex;align-items:center;gap:10px;width:100%;padding:10px 20px;border:none;border-left:2px solid transparent;background:none;color:var(--tx-nav);font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;text-align:left;cursor:pointer;transition:color .15s,background .15s;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.sdb-wiki-hdr svg:first-child{flex-shrink:0;opacity:.7;transition:opacity .15s}
.sdb-wiki-hdr:hover{color:var(--tx2);background:rgba(var(--bdr-rgb),.03)}
.sdb-wiki-hdr:hover svg:first-child{opacity:1}
.sdb-wiki-grp.wiki-active .sdb-wiki-hdr{color:#e75395;background:rgba(231,83,149,.08);border-left-color:#e75395}
.sdb-wiki-grp.wiki-active .sdb-wiki-hdr svg:first-child{opacity:1;color:#e75395}
.wiki-caret{margin-left:auto;flex-shrink:0;transition:transform .2s;color:var(--tx5);opacity:.5}
.sdb-wiki-grp.open .wiki-caret{transform:rotate(180deg)}
.sdb-wiki-grp.wiki-active .wiki-caret{color:#e75395;opacity:.8}
.sdb-wiki-sub.hidden{display:none}
.sdb-sub-btn{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;border-left:2px solid transparent;color:var(--tx-sub);font-size:9px;font-weight:700;cursor:pointer;padding:8px 16px 8px 34px;text-align:left;letter-spacing:.15em;text-transform:uppercase;transition:color .15s,background .15s;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-decoration:none}
.sdb-sub-btn svg{flex-shrink:0;opacity:.6;transition:opacity .15s}
.sdb-sub-btn:hover{color:var(--tx2);background:rgba(var(--bdr-rgb),.03)}
.sdb-sub-btn:hover svg{opacity:.8}
.sdb-sub-btn.active{color:#e75395;background:rgba(231,83,149,.08);border-left-color:#e75395}
.sdb-sub-btn.active svg{opacity:1;color:#e75395}
.wk-panel.hidden{display:none}
.wk-char-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.wk-char-card{background:var(--bg-s);border:1px solid rgba(var(--bdr-rgb),.07);border-radius:6px;overflow:hidden}
.wk-char-portrait{width:100%;aspect-ratio:3/4;background:var(--bg) center top/cover;position:relative}
.wk-rarity{position:absolute;top:5px;right:6px;font-size:9px;letter-spacing:1px;text-shadow:0 1px 4px #000}
.wk-op-icons{position:absolute;bottom:5px;left:5px;display:flex;gap:3px}
.wk-op-icon{width:22px;height:22px;border-radius:3px;object-fit:cover;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}
.wk-char-info{padding:7px 8px 8px}
.wk-char-name{font-size:11px;font-weight:700;color:var(--tx-h);margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-char-badges{display:flex;flex-wrap:wrap;gap:3px}
.wk-badge{display:inline-flex;align-items:center;gap:3px;font-size:8px;padding:2px 5px;border-radius:3px;font-weight:700;letter-spacing:.03em}
.wk-badge-icon{width:12px;height:12px;border-radius:2px;object-fit:cover;flex-shrink:0}
.wk-badge-dim{background:rgba(var(--bdr-rgb),.04);color:var(--tx4);border:1px solid rgba(var(--bdr-rgb),.07)}
.wk-wpn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.wk-wpn-card{background:var(--bg-s);border:1px solid rgba(var(--bdr-rgb),.07);border-radius:6px;padding:10px 8px 8px;text-align:center}
.wk-wpn-icon-wrap{display:flex;justify-content:center;margin-bottom:4px}
.wk-wpn-icon{width:60px;height:60px;object-fit:contain}
.wk-wpn-icon-ph{width:60px;height:60px;background:var(--bg-d);border-radius:4px}
.wk-wpn-rarity{font-size:8px;letter-spacing:.5px;margin-bottom:4px}
.wk-wpn-name{font-size:9px;font-weight:600;color:var(--tx2);line-height:1.35;margin-bottom:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wk-wpn-type{font-size:8px;color:var(--tx4);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}
.wk-wpn-stat{font-size:9px;color:var(--tx-sub);margin-top:3px;letter-spacing:.02em}
.dt-wpn-stats{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.dt-wpn-stat{background:var(--bg-i);border:1px solid #2a2a3a;border-radius:4px;padding:3px 8px;font-size:11px}
.dt-wpn-sk{color:var(--tx-sub);margin-right:4px;text-transform:uppercase;font-size:10px}
.dt-wpn-sv{color:var(--tx-h);font-weight:600}
.ub-card{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;min-height:180px;transition:transform .3s ease;background:var(--bg)}
.ub-card:hover{transform:translateY(-2px)}
.ub-card:hover .ub-bg-img{transform:scale(1.1)}
.ub-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;transform:scale(1.05);transition:transform .5s ease}
.ub-fog{position:absolute;inset:0}
.ub-body{position:relative;z-index:10;padding:20px 24px 16px}
.ub-top{display:flex;align-items:center;justify-content:flex-end;margin-bottom:16px}
.ub-phase-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:2px 8px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ub-mid{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.ub-info{min-width:0;flex:1}
.ub-meta{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ub-name{font-size:24px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.1em;line-height:1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;transition:color .2s ease}
.ub-card:hover .ub-name{color:#e75395}
.ub-countdown-block{flex-shrink:0;text-align:right}
.ub-cd-lbl{font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ub-cd-nums{display:flex;align-items:flex-start;gap:4px}
.ub-cd-grp{display:flex;align-items:flex-start;gap:4px}
.ub-cd-unit{text-align:center}
.ub-cd-n{display:block;font-size:18px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ub-cd-u{font-size:8px;text-transform:uppercase;letter-spacing:.1em;line-height:1;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.ub-cd-sep{color:rgba(255,255,255,.2);font-weight:700;font-size:14px;line-height:1;margin-top:2px}
.ub-progress-track{height:3px;background:rgba(255,255,255,.06);border-radius:9999px;overflow:hidden;margin-bottom:4px}
.ub-progress-fill{height:100%;border-radius:9999px}
.ub-dates{display:flex;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--tx4);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
#page-loader{position:fixed;inset:0;z-index:9999;background:var(--bg-d);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease}
.pl-inner{display:flex;flex-direction:column;align-items:center;gap:20px}
.pl-logo-wrap{color:rgba(240,240,248,.75)}
.pl-bar-track{width:160px;height:2px;background:rgba(255,255,255,.05);border-radius:1px;overflow:hidden}
.pl-bar-fill{height:100%;width:0;background:linear-gradient(90deg,rgba(255,255,255,.45) 0%,#e75395 100%);border-radius:1px;transition:width .65s cubic-bezier(.4,0,.2,1)}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .55s,transform .55s}
.reveal.is-visible{opacity:1;transform:translateY(0)}
.wk-char-card{cursor:pointer;transition:border-color .15s,transform .15s}
.wk-char-card:hover{border-color:color-mix(in srgb,var(--hc,#E75395) 40%,transparent);transform:translateY(-2px)}
.wk-wpn-card{cursor:pointer;transition:border-color .15s,transform .15s}
.wk-wpn-card:hover{border-color:color-mix(in srgb,var(--hc,#E75395) 40%,transparent);transform:translateY(-2px)}
.wk-filters{display:flex;align-items:center;gap:6px;padding:0 0 14px;flex-wrap:wrap}.wkf-sep{width:1px;height:22px;background:rgba(var(--bdr-rgb),.1);flex-shrink:0;margin:0 2px}.wkf-group{display:flex;align-items:center;gap:4px}.wkf-chip{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 8px;height:28px;border-radius:6px;border:1px solid color-mix(in srgb,var(--cc,white) 20%,transparent);background:rgba(var(--bdr-rgb),.04);color:color-mix(in srgb,var(--cc,white) 50%,transparent);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;min-width:32px;line-height:1;font-family:inherit}.wkf-chip img{width:18px;height:18px;border-radius:3px;opacity:.4;transition:opacity .15s;object-fit:cover;flex-shrink:0}.wkf-chip:hover{border-color:color-mix(in srgb,var(--cc,white) 40%,transparent);color:color-mix(in srgb,var(--cc,white) 80%,transparent)}.wkf-chip:hover img{opacity:.75}.wkf-chip.active{border-color:var(--cc);background:color-mix(in srgb,var(--cc) 15%,transparent);color:var(--cc)}.wkf-chip.active img{opacity:1}
.bi-en{display:none}
body.lang-en .bi-vi{display:none!important}
body.lang-en .bi-en{display:inline!important}
.lang-btn.active-theme{color:#e75395;border-color:rgba(231,83,149,.4)}
body.light-mode .sdb-logo-svg{color:rgba(20,20,50,.7)}
body.light-mode .pl-logo-wrap{color:rgba(20,20,50,.7)}
body.light-mode .pl-bar-track{background:rgba(20,20,50,.08)}
body.light-mode .pl-bar-fill{background:linear-gradient(90deg,rgba(20,20,50,.3) 0%,#e75395 100%)}
body.light-mode .c-bar-fog{background:linear-gradient(90deg,rgba(240,240,246,.98) 15%,rgba(240,240,246,.8) 48%,rgba(240,240,246,.15) 100%)}
body.light-mode .c-bar-wpn .c-bar-fog{background:linear-gradient(90deg,rgba(240,240,246,.98) 20%,rgba(240,240,246,.7) 55%,rgba(240,240,246,0) 100%)}
body.light-mode .c-bar-wpn:hover .c-bar-fog{background:linear-gradient(90deg,rgba(240,240,246,.92) 18%,rgba(240,240,246,.5) 52%,rgba(240,240,246,0) 100%)}
body.light-mode .c-bar:hover .c-bar-fog{background:linear-gradient(90deg,rgba(240,240,246,.92) 12%,rgba(240,240,246,.6) 48%,rgba(240,240,246,.05) 100%)}
body.light-mode .s50-sep{color:rgba(var(--bdr-rgb),.2)}
body.light-mode .gtable tbody tr:hover td{background:rgba(var(--bdr-rgb),.04)}
body.light-mode .wkf-chip{background:rgba(var(--bdr-rgb),.07);border-color:rgba(var(--bdr-rgb),.18);color:color-mix(in srgb,var(--cc) 75%,var(--tx2))}
body.light-mode .wkf-chip img{opacity:.6}
body.light-mode .wkf-chip:hover{background:rgba(var(--bdr-rgb),.12);border-color:rgba(var(--bdr-rgb),.3);color:var(--cc)}
body.light-mode .wkf-chip:hover img{opacity:.85}
body.light-mode .wkf-sep{background:rgba(var(--bdr-rgb),.18)}
body.light-mode .wk-char-card{border-color:rgba(var(--bdr-rgb),.16)}
body.light-mode .wk-char-card:hover{border-color:color-mix(in srgb,var(--hc,#E75395) 50%,transparent)}
body.light-mode .wk-wpn-card{border-color:rgba(var(--bdr-rgb),.16)}
body.light-mode .wk-wpn-card:hover{border-color:color-mix(in srgb,var(--hc,#E75395) 50%,transparent)}
body.light-mode .wk-badge-dim{background:rgba(var(--bdr-rgb),.09);border-color:rgba(var(--bdr-rgb),.16)}
body.light-mode .dt-wpn-stat{border-color:rgba(var(--bdr-rgb),.14)}
/* Detail page — NTE style */
.dt-hero-nte{display:flex;flex:1;min-height:0;overflow:hidden}
.dt-art-col{width:370px;flex-shrink:0;position:relative;overflow:hidden;background:var(--bg-d)}
.dt-art-blur{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(24px) brightness(.3) saturate(1.5);transform:scale(1.15)}
.dt-art-center{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);z-index:1}
.dt-art-center img{width:140px;height:140px;object-fit:contain;border-radius:8px;filter:drop-shadow(0 8px 32px rgba(0,0,0,.9))}
.dt-art-foot{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:0 22px 24px;background:linear-gradient(transparent 55%,rgba(8,8,13,.85) 75%,#0a0a0e 88%);text-align:center;display:flex;flex-direction:column;align-items:center}
.dt-art-sub{font-size:9px;font-weight:600;color:#e75395;letter-spacing:.2em;text-transform:uppercase;font-family:ui-monospace,monospace;margin-bottom:6px}
.dt-art-name{font-size:26px;font-weight:900;color:var(--tx1);letter-spacing:.1em;text-transform:uppercase;font-family:'SpaceGrotesk',ui-monospace,sans-serif;margin:0 0 12px;line-height:1}
.dt-art-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.dt-art-rarity{margin-bottom:8px}
.dt-art-tag{padding:3px 10px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,monospace;display:flex;align-items:center;gap:4px}
.dt-right-col{flex:1;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid rgba(var(--bdr-rgb),.05);background:var(--bg)}
.dt-back{position:absolute;top:16px;left:16px;z-index:3;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:9999px;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);border:none;cursor:pointer;color:#e75395;font-size:9px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase;transition:all .15s}
.dt-back:hover{color:#f06ba0}
.dt-guide-enter{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0;padding:0 0 40px}
.dt-guide-section{padding:28px 36px;border-bottom:1px solid rgba(var(--bdr-rgb),.05)}
.dt-guide-heading{font-size:9px;font-weight:700;color:var(--tx-nav);text-transform:uppercase;letter-spacing:.2em;font-family:ui-monospace,monospace;display:flex;align-items:center;gap:8px;margin-bottom:20px}
.dt-guide-heading::before{content:'';display:block;width:2px;height:12px;background:#e75395;border-radius:1px;flex-shrink:0}
.dt-meta-name{font-size:22px;font-weight:900;color:var(--tx1);letter-spacing:.05em;font-family:'SpaceGrotesk',ui-monospace,sans-serif;margin-bottom:4px;line-height:1.1}
.dt-meta-sub{font-size:9px;font-weight:600;color:#e75395;letter-spacing:.2em;text-transform:uppercase;font-family:ui-monospace,monospace;margin-bottom:16px}
.dt-meta-chips{display:flex;flex-wrap:wrap;gap:8px}
.dt-meta-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,monospace}
.dt-pull-card{display:flex;align-items:stretch;background:var(--bg-i);border:1px solid rgba(var(--bdr-rgb),.07);border-radius:6px;overflow:hidden;transition:border-color .12s}
.dt-pull-card:hover{border-color:rgba(var(--bdr-rgb),.14)}
.dt-pull-ru{border-left:3px solid #e75395}
.dt-pull-ob{border-left:3px solid #2a2a3a}
.dt-pull-idx{width:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(var(--bdr-rgb),.04);font-size:9px;font-weight:700;color:#2a2a40;font-family:ui-monospace,monospace}
.dt-pull-body{flex:1;padding:11px 14px;display:flex;flex-direction:column;gap:4px}
.dt-pull-banner{font-size:13px;font-weight:600;color:var(--tx-h);font-family:'HarmonyOS_Sans',sans-serif;line-height:1.2}
.dt-pull-sub{display:flex;align-items:center;gap:10px;font-size:9px;font-family:ui-monospace,monospace}
.dt-pull-pity{color:#fbbf24;font-weight:700}
.dt-pull-date{color:#3a3a52}
.dt-pull-end{padding:11px 14px;display:flex;align-items:center;flex-shrink:0}
.dt-badge-ru{padding:3px 8px;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.1em;font-family:ui-monospace,monospace;background:#e7539520;color:#e75395;border:1px solid #e7539540}
.dt-badge-ob{padding:3px 8px;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.1em;font-family:ui-monospace,monospace;background:#2a2a4020;color:var(--tx4);border:1px solid #2a2a4040}
.dt-no-pulls{padding:48px 24px;text-align:center;color:#2a2a40;font-size:10px;font-family:ui-monospace,monospace;letter-spacing:.1em}
.dt-char-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 10%;z-index:0}
.dt-char-img.hidden{display:none}
.dt-3d-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:none;z-index:1}
.view-toggle{position:absolute;right:16px;top:16px;z-index:4;display:inline-flex;align-items:center;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--tx1);font-size:9px;font-weight:600;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;padding:10px 20px;cursor:pointer;transition:all .15s;text-transform:uppercase;user-select:none}
.view-toggle:hover{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.35)}
.view-toggle[data-mode="3d"]{color:#e75395;border-color:rgba(231,83,149,.5);background:rgba(231,83,149,.12)}
.dt-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dt-stat-box{background:var(--bg-i);border:1px solid rgba(var(--bdr-rgb),.07);border-radius:6px;padding:10px 14px;display:flex;flex-direction:column;gap:3px}
.dt-stat-val{font-size:20px;font-weight:900;color:var(--tx1);font-family:'SpaceGrotesk',ui-monospace,sans-serif;line-height:1}
.dt-stat-key{font-size:8px;font-weight:700;color:var(--tx-nav);text-transform:uppercase;letter-spacing:.1em;font-family:ui-monospace,monospace}
.dt-skill-list{display:flex;flex-direction:column;gap:10px}
.dt-skill-item{background:var(--bg-i);border:1px solid rgba(var(--bdr-rgb),.07);border-radius:6px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.dt-skill-head{display:flex;align-items:flex-start;gap:10px}
.dt-skill-icon{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0;border:1px solid rgba(var(--bdr-rgb),.1)}
.dt-skill-icon-ph{width:40px;height:40px;border-radius:6px;flex-shrink:0;background:var(--bg-t);border:1px solid rgba(var(--bdr-rgb),.07);display:flex;align-items:center;justify-content:center;font-size:16px}
.dt-skill-title{flex:1;display:flex;flex-direction:column;gap:4px}
.dt-skill-name{font-size:13px;font-weight:700;color:var(--tx-h);font-family:'SpaceGrotesk',sans-serif;line-height:1.2}
.dt-skill-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dt-skill-type{padding:2px 7px;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,monospace}
.dt-skill-type.basic{background:rgba(var(--bdr-rgb),.07);color:var(--tx-nav)}
.dt-skill-type.battle{background:#6BC5E318;color:#6BC5E3;border:1px solid #6BC5E330}
.dt-skill-type.combo{background:#FFB80018;color:#FFB800;border:1px solid #FFB80030}
.dt-skill-type.ultimate{background:#e7539518;color:#e75395;border:1px solid #e7539530}
.dt-skill-cost{padding:2px 7px;border-radius:3px;font-size:8px;font-weight:600;font-family:ui-monospace,monospace;background:rgba(var(--bdr-rgb),.05);color:var(--tx3)}
.dt-skill-desc{font-size:12px;color:var(--tx2);line-height:1.6}
.dt-lore-faction{font-size:9px;font-weight:700;color:var(--tx-nav);letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,monospace;margin-bottom:10px}
.dt-lore-desc{font-size:12px;color:var(--tx2);line-height:1.7}
/* NTE char detail panel */
/* NTE character detail — fullscreen overlay */
#wk-nte-char-detail.active{position:fixed;top:0;left:220px;right:0;bottom:0;z-index:200;background:var(--bg);overflow:hidden}
.nte-dt-layout{display:flex;height:100%;background:var(--bg)}
.nte-dt-art-col{width:370px;height:100%;flex-shrink:0;position:relative;overflow:hidden;background:#0a0a10}
.nte-dt-char-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:1;pointer-events:none;user-select:none}
.nte-dt-art-col::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,13,.98) 0%,rgba(8,8,13,.5) 40%,rgba(8,8,13,.1) 70%,transparent 100%);pointer-events:none;z-index:2}
.nte-dt-back{position:absolute;top:14px;left:14px;z-index:5;color:rgba(255,255,255,.65);font-size:10px;font-weight:700;text-decoration:none;letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,monospace;background:rgba(0,0,0,.4);padding:5px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:5px;cursor:pointer}
.nte-dt-back:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.nte-dt-art-foot{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:0 20px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}
.nte-dt-art-sub{font-size:9px;font-weight:700;color:#e75395;letter-spacing:.22em;text-transform:uppercase;font-family:ui-monospace,monospace;margin-bottom:4px}
.nte-dt-stars{color:#fbbf24;font-size:14px;letter-spacing:3px;margin-bottom:7px}
.nte-dt-name{font-size:30px;font-weight:900;color:#fff;letter-spacing:.06em;text-transform:uppercase;line-height:1;margin-bottom:9px;font-family:ui-monospace,monospace}
#wk-nte-chars .wk-char-name,#wk-nte-chars .wk-badge{font-family:ui-monospace,monospace}
.nte-dt-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px}
.nte-dt-tag{padding:3px 9px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,monospace;border:1px solid;display:inline-flex;align-items:center;gap:4px}
.nte-dt-sp{font-size:8px;font-family:ui-monospace,monospace;color:rgba(255,255,255,.3);letter-spacing:.04em;line-height:1.6;margin-top:7px}
/* Right column */
.nte-dt-right-col{flex:1;overflow-y:auto;height:100%;padding:22px 30px 56px;min-width:0;box-sizing:border-box}
/* Build / Kit tabs */
.nte-dt-tabs{display:flex;gap:4px;margin-bottom:24px;padding:4px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06)}
.nte-dt-tab{flex:1;text-align:center;padding:10px 0;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .2s;border:1px solid transparent;color:rgba(255,255,255,.3)}
/* info bar */
.nte-dt-infobar{font-size:10px;font-family:ui-monospace,monospace;color:var(--tx4);margin-bottom:26px;line-height:1.9;letter-spacing:.05em}
.nte-dt-infobar b{color:var(--tx-h);font-weight:700;letter-spacing:.06em}
.nte-dt-infobar-sep{padding:0 11px;opacity:.22}
/* section head */
.nte-dt-sec{margin-bottom:36px}
.nte-dt-sec-head{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.06)}
.nte-dt-sec-title{font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#fff;padding-left:12px;border-left:3px solid #FFB800;font-family:ui-monospace,monospace;line-height:1.1;display:inline-block}
.nte-dt-sub-head{font-size:9px;font-weight:700;font-family:ui-monospace,monospace;color:var(--tx4);letter-spacing:.16em;text-transform:uppercase;margin-bottom:13px}
/* Arc cards */
.nte-dt-arc-card{display:flex;align-items:center;gap:18px;padding:16px 20px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.005));border:1px solid rgba(255,255,255,.07);margin-bottom:12px}
.nte-dt-arc-card:last-child{margin-bottom:0}
.nte-dt-arc-card.bis{border-color:rgba(255,184,0,.35);box-shadow:inset 0 0 0 1px rgba(255,184,0,.08),0 6px 26px -10px rgba(255,184,0,.18)}
.nte-dt-arc-icon-wrap{position:relative;flex-shrink:0;width:86px;height:86px}
.nte-dt-arc-icon{width:86px;height:86px;border-radius:10px;object-fit:cover;display:block;border:2px solid #FFB800}
.nte-dt-arc-icon.acc-a{border-color:#9454C4}
.nte-dt-arc-rarity{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:7px;font-weight:900;font-family:ui-monospace,monospace;letter-spacing:.09em;color:#FFB800;text-shadow:0 1px 3px #000,0 0 6px #000}
.nte-dt-arc-rarity.acc-a{color:#cb9af2}
.nte-dt-arc-body{flex:1;min-width:0}
.nte-dt-arc-head{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.nte-dt-arc-tag{font-size:8px;font-weight:900;letter-spacing:.09em;border-radius:4px;padding:3px 7px;font-family:ui-monospace,monospace}
.tag-bis,.tag-alt,.tag-budget{background:rgba(255,184,0,.14);color:#FFB800;border:1px solid rgba(255,184,0,.38)}
.tag-f2p{background:rgba(148,85,204,.16);color:#b07fe8;border:1px solid rgba(148,85,204,.42)}
.nte-dt-arc-type-icon{width:16px;height:16px;object-fit:contain;opacity:.75;flex-shrink:0}
.nte-dt-arc-name{font-size:15px;font-weight:800;color:#fff;letter-spacing:.07em;text-transform:uppercase;font-family:ui-monospace,monospace}
.nte-dt-arc-desc{font-size:12px;color:var(--tx3);line-height:1.55;font-family:ui-monospace,monospace;margin-bottom:9px}
.nte-dt-arc-details{font-size:9px;font-weight:800;color:#FFB800;letter-spacing:.1em;text-transform:uppercase;font-family:ui-monospace,monospace;display:inline-flex;align-items:center;gap:4px}
.nte-dt-arc-details.acc-a{color:#b07fe8}
/* Modules */
.nte-dt-mod-core{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:12px;margin-bottom:8px}
.nte-dt-mod-core-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0}
.nte-dt-mod-core-mid{flex:1;min-width:0}
.nte-dt-mod-core-sublbl{font-size:7px;font-weight:700;font-family:ui-monospace,monospace;letter-spacing:.35em;text-transform:uppercase;margin-bottom:4px}
.nte-dt-mod-core-name{font-size:12px;font-weight:900;color:#fff;letter-spacing:.05em;text-transform:uppercase;font-family:ui-monospace,monospace}
.nte-dt-mod-core-bis{font-size:7px;font-weight:900;font-family:ui-monospace,monospace;letter-spacing:.09em;padding:4px 8px;border-radius:4px;flex-shrink:0}
.nte-dt-mod-types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:4px}
.nte-dt-mod-type{display:flex;flex-direction:column;align-items:center;gap:6px}
.nte-dt-mod-type-box{width:100%;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.nte-dt-mod-type-lbl{font-size:7px;color:#4b5563;font-family:ui-monospace,monospace;text-align:center;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
/* Stats */
.nte-dt-stat-row{position:relative;display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;overflow:hidden;transition:transform .2s;cursor:default;margin-bottom:8px}
.nte-dt-stat-row:hover{transform:translateY(-2px)}
.nte-dt-stat-slot{font-size:8px;font-weight:900;font-family:ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;width:40px;flex-shrink:0}
.nte-dt-stat-div{width:1px;height:20px;flex-shrink:0}
.nte-dt-sub-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;overflow:hidden;cursor:default;transition:filter .2s;margin-bottom:6px}
.nte-dt-sub-row:hover{filter:brightness(1.25)}
.nte-dt-sub-num{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;font-family:ui-monospace,monospace;flex-shrink:0}
.nte-dt-sub-icon{width:15px;height:15px;object-fit:contain;flex-shrink:0;opacity:.85}
.nte-dt-sub-name{flex:1;font-size:11px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;font-family:ui-monospace,monospace}
.nte-dt-sub-best{font-size:7px;font-weight:900;font-family:ui-monospace,monospace;letter-spacing:.09em;padding:2px 8px;border-radius:4px;flex-shrink:0}
/* Skill Priority */
.nte-sp-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.nte-sp-bar{width:3px;height:20px;border-radius:9999px;flex-shrink:0}
.nte-sp-title{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#fff;flex:1}
.nte-sp-divider{height:1px;margin-bottom:24px}
.nte-sp-sublbl{font-size:10px;text-transform:uppercase;letter-spacing:.25em;font-weight:700;color:rgba(255,255,255,.5);margin-bottom:12px}
.nte-sp-res-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.nte-sp-skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.nte-sp-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 8px;border-radius:16px;overflow:hidden;transition:transform .3s}
.nte-sp-card:hover{transform:scale(1.03) translateY(-2px)}
.nte-sp-card-rank{position:absolute;top:8px;left:10px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.nte-sp-card-img{width:56px;height:56px;object-fit:contain;padding:4px;transition:transform .3s}
.nte-sp-card:hover .nte-sp-card-img{transform:scale(1.1)}
.nte-sp-card-name{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;text-align:center;line-height:1.3}
.nte-sp-card-dim .nte-sp-card-img{opacity:.4}
.nte-sp-card-dim .nte-sp-card-name,.nte-sp-card-dim .nte-sp-card-rank{color:rgba(255,255,255,.25)}
/* Teams */
.nte-dt-teams-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nte-dt-team{padding:16px;border-radius:12px;background:rgba(255,255,255,.018);border:1px solid rgba(255,255,255,.07)}
.nte-dt-team-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.nte-dt-team-role{font-size:8px;font-weight:900;font-family:ui-monospace,monospace;color:#FFB800;letter-spacing:.09em;border:1px solid rgba(255,184,0,.42);background:rgba(255,184,0,.08);padding:5px 10px;border-radius:5px;text-transform:uppercase}
.nte-dt-team-n{font-size:10px;color:var(--tx4);font-family:ui-monospace,monospace;letter-spacing:.06em}
.nte-dt-team-members{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.nte-dt-member{display:flex;flex-direction:column;align-items:center;text-align:center}
.nte-dt-member-pf{position:relative;width:100%;aspect-ratio:1;margin-bottom:9px}
.nte-dt-member-icon{width:100%;height:100%;border-radius:10px;object-fit:cover;border:1px solid rgba(255,255,255,.08)}
.nte-dt-member-pf.star .nte-dt-member-icon{border:2px solid #FFB800}
.nte-dt-member-star{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#FFB800;color:#1a1505;font-size:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg);z-index:2}
.nte-dt-member-el{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:rgba(8,8,13,.92);border:1px solid rgba(255,255,255,.15);object-fit:contain;padding:3px;box-sizing:border-box;z-index:2}
.nte-dt-member-name{display:flex;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:700;color:#fff;font-family:ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;margin-bottom:3px}
.nte-dt-member-name img{width:12px;height:12px;object-fit:contain}
.nte-dt-member-role{font-size:9px;color:var(--tx4);font-family:ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase}
/* Awakening */
.nte-dt-awk-summary{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;font-size:11px;color:var(--tx3);font-family:ui-monospace,monospace;letter-spacing:.05em}
.nte-dt-awk-summary::first-letter{color:#FFB800}
.nte-dt-awk-prio{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.nte-dt-awk-prio-badge{font-size:8px;font-weight:900;font-family:ui-monospace,monospace;color:#FFB800;letter-spacing:.09em;border:1px solid rgba(255,184,0,.42);background:rgba(255,184,0,.08);padding:5px 10px;border-radius:5px;flex-shrink:0}
.nte-dt-awk-prio-text{font-size:11px;color:var(--tx3);font-family:ui-monospace,monospace;letter-spacing:.04em}
.nte-dt-awk-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.nte-dt-awk-col{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;user-select:none}
.nte-dt-awk-box{width:100%;height:68px;box-sizing:border-box;border-radius:12px;overflow:hidden;position:relative;border:2px solid transparent;background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s}
.nte-dt-awk-box.best{border-color:rgba(var(--cr),.55);background:rgba(var(--cr),.06)}
.nte-dt-awk-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:8px}
.nte-dt-awk-box-id{font-size:18px;font-weight:900;font-family:ui-monospace,monospace;color:rgba(255,255,255,.18);letter-spacing:.04em}
.nte-dt-awk-box-best{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:2px 0;background:linear-gradient(to top,rgba(var(--cr),.85),rgba(var(--cr),.55));font-size:8px;font-weight:900;color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;z-index:2}
.nte-dt-awk-cap{font-size:9px;font-weight:700;font-family:ui-monospace,monospace;color:var(--tx4);letter-spacing:.04em;transition:color .15s}
.nte-dt-awk-col.active .nte-dt-awk-box{border-color:rgb(var(--cr));box-shadow:0 0 14px rgba(var(--cr),.28)}
.nte-dt-awk-col.active .nte-dt-awk-cap{color:rgb(var(--cr))}
.nte-dt-awk-detail{display:flex;gap:16px;margin-top:18px}
.nte-dt-awk-detail-bar{width:2px;flex-shrink:0;border-radius:2px;background:linear-gradient(to bottom,rgb(var(--cr)),rgba(var(--cr),.15))}
.nte-dt-awk-detail-body{flex:1;min-width:0}
.nte-dt-awk-detail-head{display:flex;align-items:center;gap:9px;margin-bottom:9px;flex-wrap:wrap}
.nte-dt-awk-detail-id{font-size:9px;font-weight:900;font-family:ui-monospace,monospace;color:rgb(var(--cr));letter-spacing:.09em;border:1px solid rgba(var(--cr),.38);background:rgba(var(--cr),.12);padding:3px 8px;border-radius:4px}
.nte-dt-awk-detail-name{font-size:13px;font-weight:800;color:#fff;font-family:ui-monospace,monospace;letter-spacing:.04em}
.nte-dt-awk-detail-prio{font-size:8px;font-weight:900;font-family:ui-monospace,monospace;color:rgb(var(--cr));letter-spacing:.09em;border:1px solid rgba(var(--cr),.45);background:rgba(var(--cr),.12);padding:3px 8px;border-radius:4px}
.nte-dt-awk-detail-desc{font-size:12px;color:var(--tx3);line-height:1.6;font-family:ui-monospace,monospace}
/* Kit placeholder */
.nte-dt-kit-empty{padding:60px 0;text-align:center;color:var(--tx4);font-size:11px;font-family:ui-monospace,monospace;letter-spacing:.06em}
/* Kit tab */
.nte-kit-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.nte-kit-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgba(255,255,255,.35);transition:all .2s;font-family:ui-monospace,monospace}
.nte-kit-tab img{width:18px;height:18px;object-fit:contain;opacity:.5;transition:opacity .2s}
.nte-kit-tab.active img{opacity:1}
.nte-kit-sec-head{display:flex;align-items:center;gap:9px;margin-bottom:16px}
.nte-kit-diamond{font-size:9px;flex-shrink:0}
.nte-kit-sec-title{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.6);font-family:ui-monospace,monospace}
.nte-kit-skill-card{padding:14px 18px;border-radius:10px;background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.07);margin-bottom:8px}
.nte-kit-skill-card:last-child{margin-bottom:0}
.nte-kit-skill-head{display:flex;align-items:center;gap:8px;margin-bottom:9px;flex-wrap:wrap}
.nte-kit-skill-type-badge{font-size:8px;font-weight:900;font-family:ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:4px;border:1px solid;flex-shrink:0}
.nte-kit-skill-name{font-size:14px;font-weight:800;letter-spacing:.05em;font-family:ui-monospace,monospace}
.nte-kit-skill-desc{font-size:12px;color:var(--tx3);line-height:1.65;font-family:ui-monospace,monospace}
.nte-kit-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.nte-kit-tag{font-size:8px;font-weight:700;font-family:ui-monospace,monospace;letter-spacing:.07em;padding:3px 8px;border-radius:4px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.1)}
.nte-kit-passive-card{padding:16px 18px;border-radius:10px;background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.07)}
.nte-kit-passive-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.nte-kit-passive-icon{width:36px;height:36px;border-radius:8px;object-fit:contain;background:rgba(255,255,255,.06);flex-shrink:0;padding:4px;box-sizing:border-box}
.nte-kit-passive-name{font-size:13px;font-weight:800;color:#fff;letter-spacing:.05em;font-family:ui-monospace,monospace}
.nte-kit-passive-lore{font-size:11px;color:rgba(255,255,255,.28);font-style:italic;margin-top:8px;line-height:1.55;font-family:ui-monospace,monospace}
.nte-kit-icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}
.nte-kit-ig-btn{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;border:none;background:none;padding:0}
.nte-kit-ig-frame{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;position:relative}
.nte-kit-ig-frame img{width:100%;height:100%;object-fit:contain;padding:8px;box-sizing:border-box}
.nte-kit-ig-label{font-size:9px;font-weight:900;font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em;color:rgba(255,255,255,.3);transition:color .2s;text-align:center;white-space:nowrap}
.nte-kit-accordion{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08);margin-bottom:6px}
.nte-kit-accordion:last-child{margin-bottom:0}
.nte-kit-acc-hdr{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;cursor:pointer;gap:12px;background:transparent;border:none;text-align:left;color:inherit;font-family:inherit;box-sizing:border-box}
.nte-kit-acc-hdr:hover .nte-kit-skill-name{opacity:.6}
.nte-kit-acc-sep{height:1px;margin:0 16px;opacity:.7}
.nte-kit-acc-body{overflow:hidden;max-height:1200px;transition:max-height .35s ease-in-out,opacity .25s ease-in-out;opacity:1}
.nte-kit-acc-body.closed{max-height:0;opacity:0}
.nte-kit-acc-content{display:flex;gap:12px;padding:16px 16px 20px}
.nte-kit-acc-bar{flex-shrink:0;width:2px;border-radius:2px;align-self:stretch}
.nte-kit-acc-arrow{flex-shrink:0;color:rgba(255,255,255,.35);transition:transform .3s,color .2s}
.nte-kit-acc-hdr.closed .nte-kit-acc-arrow{transform:rotate(-90deg)}
.nte-kit-acc-hdr:hover .nte-kit-acc-arrow{color:rgba(255,255,255,.6)}