:root{--background:#eef0f3;--surface:#f8fafc;--surface-muted:#f1f4f7;--line:#d5d9e1;--line-soft:#e1e5eb;--text:#132033;--text-muted:#66758a;--brand:#1aa890;--brand-deep:#0a705f;--brand-soft:#e7f3f1;--rank:#f5a623;--shadow:0 10px 24px rgba(20,24,34,0.055);--accent:var(--brand-deep);--accent-soft:var(--brand-soft);--accent-strong:var(--brand-deep);--muted:var(--text-muted);--muted-strong:#405066;--shadow-sm:var(--shadow);--surface-strong:var(--surface-muted)}.rankings-frame{align-items:flex-start}.navigation-progress{background:rgba(11,31,43,.82);box-shadow:0 2px 10px rgba(11,31,43,.22);height:6px;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:100%;z-index:20}.navigation-progress:after{animation:navigation-progress-slide .92s ease-in-out infinite;background:linear-gradient(90deg,rgba(33,198,168,0),var(--brand),#ffffff,var(--rank),rgba(245,166,35,0));box-shadow:0 0 18px rgba(33,198,168,.42);content:"";display:block;height:100%;width:52%}@keyframes navigation-progress-slide{0%{transform:translateX(-110%)}to{transform:translateX(250%)}}.legions-frame{align-items:flex-start;padding-top:24px}.legions-column{display:grid;gap:18px}.legion-basis,.legion-card,.legion-empty,.legion-results-summary,.legion-search-panel,.legions-head{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.legions-head{padding:24px}.legions-head h1{color:var(--text);font-size:28px;font-weight:950;line-height:1.2;margin:0}.legions-head p{color:var(--text-muted);font-size:14px;font-weight:750;line-height:1.5;margin:8px 0 0}.legion-search-panel{align-items:center;display:grid;gap:10px;grid-template-columns:118px 160px minmax(240px,1fr) 82px auto;justify-self:end;padding:14px;width:100%}.legion-search-panel input,.legion-search-panel select{background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:14px;font-weight:850;height:42px;min-width:0;padding:0 12px;width:100%}.legion-search-panel input::placeholder{color:var(--muted)}.legion-search-panel a,.legion-search-panel button{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-size:14px;font-weight:900;height:42px;justify-content:center;min-width:76px;padding:0 16px;text-decoration:none;white-space:nowrap}.legion-search-panel button{background:var(--brand-deep);color:#ffffff;cursor:pointer}.legion-search-panel a{background:var(--surface-muted);border-color:var(--line);color:var(--muted-strong)}.legion-promotion-banner{background:#ffffff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.legion-promotion-banner-empty{align-items:center;background:linear-gradient(135deg,rgba(22,48,71,.92),rgba(15,23,42,.96)),radial-gradient(circle at top right,rgba(33,198,168,.2),transparent 44%);color:#ffffff;display:flex;min-height:132px;padding:22px}.legion-promotion-banner-empty strong{display:block;font-size:20px;font-weight:950;line-height:1.2}.legion-promotion-banner-empty p{color:#dbeafe;font-size:13px;font-weight:800;line-height:1.5;margin:8px 0 0}.legion-promotion-track{display:flex;transition:transform .52s ease;width:100%}.legion-promotion-card{aspect-ratio:4/1;background:#0f172a;display:block;flex:0 0 100%;min-height:170px;overflow:hidden;position:relative;text-decoration:none}.legion-promotion-card:hover .legion-promotion-card-image{transform:scale(1.012)}.legion-promotion-dots{align-items:center;bottom:12px;background:rgba(255,255,255,.82);border:1px solid rgba(15,23,42,.1);border-radius:999px;display:flex;gap:6px;padding:6px 7px;position:absolute;right:14px;z-index:3}.legion-promotion-banner.is-rolling{position:relative}.legion-promotion-dots button{background:rgba(15,23,42,.28);border:0;border-radius:999px;cursor:pointer;height:7px;padding:0;width:7px}.legion-promotion-dots button[aria-current=true]{background:var(--brand-deep);width:18px}.legion-promotion-card-bg,.legion-promotion-card-image{height:100%;inset:0;position:absolute;width:100%}.legion-promotion-card-bg{filter:blur(16px);object-fit:cover;opacity:.5;transform:scale(1.08)}.legion-promotion-card-image{object-fit:contain;transition:transform .22s ease;z-index:1}.legion-promotion-label{bottom:16px;color:#ffffff;display:grid;gap:3px;left:18px;max-width:calc(100% - 92px);position:absolute;text-shadow:-1px -1px 0 rgba(0,0,0,.9),1px -1px 0 rgba(0,0,0,.9),-1px 1px 0 rgba(0,0,0,.9),1px 1px 0 rgba(0,0,0,.9),0 2px 8px rgba(0,0,0,.82);z-index:2}.legion-promotion-label strong{font-size:21px;font-weight:950;line-height:1.12}.legion-promotion-label em{font-size:13px;font-style:normal;font-weight:850}.legion-basis{align-items:center;display:flex;gap:10px;padding:13px 16px}.legion-basis strong{background:var(--brand-soft);border-radius:999px;color:var(--brand-deep);flex:0 0 auto;font-size:12px;font-weight:950;padding:6px 10px}.legion-basis span{color:var(--muted);font-size:13px;font-weight:800;line-height:1.45}.legion-results-summary{align-items:center;display:flex;justify-content:space-between;min-height:48px;padding:0 16px}.legion-results-summary span{color:var(--text);font-size:14px;font-weight:950}.legion-results-summary strong{color:var(--brand-deep);font-size:13px;font-weight:950}.legion-list{display:grid;gap:12px}.legion-card{align-items:center;display:grid;gap:16px;grid-template-columns:minmax(240px,1fr) minmax(360px,1.25fr);padding:16px;position:relative;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.legion-card:hover{border-color:rgba(33,198,168,.48);box-shadow:0 16px 32px rgba(18,24,32,.1);transform:translateY(-1px)}.legion-card.is-navigating{border-color:rgba(33,198,168,.72);box-shadow:0 18px 36px rgba(11,135,111,.16);opacity:.88;pointer-events:none;transform:translateY(0)}.character-card-pending,.legion-card-pending{right:14px;bottom:14px;z-index:4;min-height:30px;border:1px solid rgba(11,135,111,.22);border-radius:999px;padding:0 12px;background:rgba(255,255,255,.94);color:var(--brand-deep);font-size:12px;font-weight:950;box-shadow:0 10px 24px rgba(20,24,34,.12)}.character-card-pending,.legion-card-favorite-marker,.legion-card-pending{position:absolute;display:inline-flex;align-items:center;justify-content:center}.legion-card-favorite-marker{top:0;right:18px;z-index:2;width:34px;height:42px;border:1px solid rgba(23,33,46,.14);border-top:0;border-radius:0 0 11px 11px;background:linear-gradient(180deg,#f9fbfd,#eef3f8);box-shadow:0 10px 20px rgba(18,24,32,.08)}.legion-card-favorite-marker .favorite-star-icon{width:20px;height:20px;fill:rgba(255,255,255,.52);stroke:#9aa8b8}.legion-card-favorite-marker.active{border-color:rgba(217,151,20,.36);background:linear-gradient(180deg,#ffffff,#fff8e7)}.legion-card-favorite-marker.active .favorite-star-icon{fill:#f4b74d;stroke:#d99714;filter:drop-shadow(0 2px 4px rgba(217,151,20,.18))}.legion-card-main{align-items:center;display:flex;gap:14px;min-width:0}.legion-rank-badge{align-items:center;background:#eef3f8;border-radius:6px;color:#596b80;display:inline-flex;flex:0 0 30px;font-size:13px;font-weight:900;height:30px;justify-content:center;line-height:1;width:30px}.legion-card h2{color:var(--text);font-size:19px;font-weight:950;line-height:1.25;margin:0;overflow-wrap:anywhere}.legion-card-main p{color:var(--muted);font-size:13px;font-weight:850;margin:5px 0 0}.legion-metrics{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.legion-metrics div{background:var(--surface-muted);border:1px solid var(--line-soft);border-radius:7px;display:grid;gap:3px;min-width:0;padding:10px}.legion-metrics span{color:var(--muted);font-size:11px;font-weight:900}.legion-metrics strong{color:var(--text);font-size:15px;font-weight:950}.legion-info-link{align-items:center;border:1px solid rgba(33,198,168,.35);border-radius:7px;color:var(--brand-deep);display:inline-flex;font-size:12px;font-weight:950;height:36px;justify-content:center;padding:0 10px;text-decoration:none;white-space:nowrap;width:fit-content}.legion-empty{display:grid;gap:8px;justify-items:center;padding:44px 20px;text-align:center}.legion-empty strong{color:var(--text);font-size:18px;font-weight:950}.legion-empty p{color:var(--muted);font-size:14px;font-weight:750;margin:0}.legion-pagination{align-items:center;display:flex;gap:10px;justify-content:center}.legion-pagination a,.legion-pagination span,.legion-pagination strong{background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:13px;font-weight:900;min-width:58px;padding:9px 12px;text-align:center;text-decoration:none}.legion-pagination span{background:var(--surface-muted);color:var(--muted)}.legion-detail-column{display:grid;gap:18px}.legion-detail-hero,.legion-detail-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm)}.legion-detail-hero{align-items:center;display:grid;gap:18px;grid-template-columns:minmax(0,.72fr) minmax(520px,1fr);padding:24px}.legion-detail-hero span{color:var(--brand-deep);display:block;font-size:13px;font-weight:900;margin-bottom:7px}.legion-detail-hero h1{color:var(--text);font-size:30px;font-weight:900;line-height:1.2;margin:0;overflow-wrap:anywhere}.legion-detail-title-row{align-items:center;display:flex;gap:10px;min-width:0}.legion-favorite-button{align-items:center;background:linear-gradient(180deg,#ffffff,#f7fafc);border:1px solid rgba(217,151,20,.26);border-radius:999px;color:#6b5530;cursor:pointer;display:inline-flex;flex:0 0 38px;height:38px;justify-content:center;line-height:1;padding:0;width:38px;box-shadow:0 10px 20px rgba(18,24,32,.08);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.legion-favorite-button.active{background:linear-gradient(180deg,#fff8e7,#ffffff);border-color:rgba(217,151,20,.42);color:#4f3c0d}.legion-favorite-button:hover{border-color:rgba(217,151,20,.5);box-shadow:0 14px 26px rgba(18,24,32,.12);transform:translateY(-1px)}.legion-favorite-button .favorite-star-icon{width:22px;height:22px}.legion-favorite-button.active .favorite-star-icon{fill:#f4b74d;filter:drop-shadow(0 2px 4px rgba(217,151,20,.22))}.legion-detail-hero dl{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0}.legion-detail-hero dl div{background:var(--surface-muted);border:1px solid var(--line-soft);border-radius:8px;min-width:0;padding:11px 12px}.legion-detail-hero dd,.legion-detail-hero dt{margin:0}.legion-detail-hero dt{color:var(--muted);font-size:11px;font-weight:900}.legion-detail-hero dd{color:var(--text);font-size:16px;font-weight:950;margin-top:5px}.legion-detail-panel{padding:18px}.legion-detail-panel-title{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.legion-detail-panel-title h2{color:var(--text);font-size:18px;font-weight:950;line-height:1.2;margin:0}.legion-detail-panel-title p{color:var(--muted);font-size:12px;font-weight:800;line-height:1.4;margin:0;text-align:right}.legion-breakdown-list{display:grid;gap:9px}.class-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}.legion-breakdown-row{align-items:center;display:grid;gap:10px;grid-template-columns:76px minmax(0,1fr) 54px 54px;min-width:0}.legion-breakdown-row span{color:var(--text);font-size:13px;font-weight:900}.legion-breakdown-track{background:#edf1f5;border-radius:999px;height:8px;min-width:0;overflow:hidden}.legion-breakdown-track i{background:var(--brand);border-radius:inherit;display:block;height:100%;min-width:4px}.role-breakdown .legion-breakdown-row:first-child .legion-breakdown-track i{background:#f5a623}.role-breakdown .legion-breakdown-row:nth-child(2) .legion-breakdown-track i{background:#4f8df7}.role-breakdown .legion-breakdown-row:nth-child(3) .legion-breakdown-track i{background:var(--brand)}.legion-breakdown-row em,.legion-breakdown-row strong{font-size:13px;font-style:normal;font-weight:900;text-align:right}.legion-breakdown-row strong{color:var(--text)}.legion-breakdown-row em{color:var(--muted)}.legion-member-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.legion-member-filter button{background:var(--surface-muted);border:1px solid var(--line);border-radius:999px;color:var(--muted-strong);cursor:pointer;font-size:13px;font-weight:900;min-height:34px;padding:0 13px}.legion-member-filter button.active{background:var(--brand-soft);border-color:rgba(33,198,168,.42);color:var(--brand-deep)}.legion-member-list{margin-top:4px}.rankings-column{display:grid;gap:18px}.rankings-head{align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;gap:16px;justify-content:space-between;padding:24px}.rankings-head h1{color:var(--text);font-size:28px;font-weight:950;line-height:1.2;margin:0}.rankings-head p{color:var(--text-muted);font-size:14px;font-weight:750;line-height:1.5;margin:8px 0 0}.ranking-season-select{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px;margin-top:2px}.ranking-season-select span{color:var(--text-muted);font-size:13px;font-weight:900;white-space:nowrap}.ranking-season-select select{background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:13px;font-weight:900;height:36px;min-width:120px;padding:0 10px}.ranking-tabs-page{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px}.ranking-tabs-page a{align-items:center;border:1px solid transparent;border-radius:6px;color:var(--muted-strong);display:flex;font-size:14px;font-weight:800;justify-content:center;min-height:40px;min-width:0;padding:0 10px;text-align:center;text-decoration:none;word-break:keep-all}.ranking-tabs-page a.is-active{background:var(--accent-soft);border-color:rgba(47,111,93,.22);color:var(--accent-strong)}.ranking-filter-panel{display:grid;gap:14px}.ranking-search-panel{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);display:grid;gap:10px;grid-template-columns:118px 160px minmax(240px,1fr) 82px auto;justify-self:end;max-width:none;width:100%;padding:14px}.ranking-search-field{display:grid;min-width:0}.ranking-search-panel input[type=search],.ranking-search-panel select{background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:14px;font-weight:800;height:42px;min-width:0;padding:0 12px;width:100%}.ranking-search-panel input[type=search]{padding-left:14px;padding-right:14px}.ranking-search-panel input[type=search]::placeholder{color:var(--muted);font-weight:700}.ranking-search-panel input[type=search]:focus,.ranking-search-panel select:focus{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent);outline:none}.ranking-search-panel a,.ranking-search-panel button{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-size:14px;font-weight:900;height:42px;justify-content:center;min-width:76px;padding:0 16px;text-decoration:none;white-space:nowrap}.ranking-search-panel button{background:var(--brand-deep);color:#fff;cursor:pointer}.ranking-search-panel button:disabled{background:#9aa8b7;cursor:progress}.ranking-search-panel a{background:var(--surface-muted);border-color:var(--line);color:var(--muted-strong)}.ranking-character-search{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);display:flex;gap:10px;padding:14px}.ranking-character-search input[type=search]{background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;color:var(--text);flex:1 1;font-size:14px;font-weight:800;height:42px;min-width:0;padding:0 14px}.ranking-character-search input[type=search]::placeholder{color:var(--muted);font-weight:700}.ranking-character-search input[type=search]:focus{border-color:color-mix(in srgb,var(--brand) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent);outline:none}.ranking-character-search a,.ranking-character-search button{align-items:center;border:1px solid transparent;border-radius:6px;display:inline-flex;font-size:14px;font-weight:900;height:42px;justify-content:center;min-width:76px;padding:0 16px;text-decoration:none;white-space:nowrap}.ranking-character-search button{background:var(--brand-deep);color:#fff;cursor:pointer}.ranking-character-search a{background:var(--surface-muted);border-color:var(--line);color:var(--muted-strong)}.ranking-order-notice{background:color-mix(in srgb,var(--brand) 7%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-radius:8px;box-shadow:var(--shadow-sm);display:grid;gap:5px;padding:14px 16px}.ranking-order-notice strong{color:var(--brand-deep);font-size:14px;font-weight:900;line-height:1.3}.ranking-order-notice p{color:var(--muted-strong);font-size:13px;font-weight:700;line-height:1.55;margin:0}.ranking-filter-section{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);display:grid;gap:0;overflow:hidden}.ranking-filter-title{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;gap:12px;justify-content:flex-start;min-height:52px;padding:0 16px}.ranking-filter-title h2{color:var(--text);font-size:16px;font-weight:900;line-height:1.25;margin:0}.ranking-world-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 16px}.ranking-world-list a{align-items:center;background:#ffffff;border:1px solid var(--line-soft);border-radius:999px;color:var(--muted-strong);display:inline-flex;font-size:13px;font-weight:800;height:32px;justify-content:center;min-width:64px;padding:0 13px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.ranking-race-segments{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 10px}.ranking-race-segments a{align-items:center;background:var(--surface-muted);border:1px solid var(--line-soft);border-radius:999px;color:var(--muted-strong);display:inline-flex;font-size:13px;font-weight:900;height:32px;justify-content:center;min-width:86px;padding:0 14px;text-decoration:none}.ranking-race-segments a[aria-current=true]{background:var(--brand-deep);border-color:rgba(33,198,168,.34);box-shadow:0 8px 18px rgba(47,111,93,.18);color:#ffffff}.ranking-world-list a[aria-current=true]{background:var(--brand-soft);border-color:rgba(33,198,168,.38);color:var(--brand-deep)}.ranking-class-list{display:grid;gap:12px 10px;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));padding:16px}.ranking-class-card{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text);display:grid;gap:7px;justify-items:center;min-height:90px;padding:7px 5px 8px;position:relative;text-decoration:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.ranking-class-card:hover{background:var(--surface-muted);border-color:rgba(33,198,168,.32);box-shadow:0 8px 16px rgba(20,24,34,.06);transform:translateY(-1px)}.ranking-class-card[aria-current=true]{background:rgba(232,251,247,.72);border-color:rgba(33,198,168,.56);box-shadow:inset 0 0 0 1px rgba(33,198,168,.1)}.ranking-class-card strong{color:var(--text);font-size:13px;font-weight:900;line-height:1.2}.ranking-class-symbol,.ranking-class-symbol-fallback{align-items:center;background:linear-gradient(145deg,#2f3540,#171c24);border:1px solid rgba(19,32,51,.14);border-radius:8px;color:#ffffff;display:inline-flex;height:62px;justify-content:center;overflow:hidden;position:relative;width:62px}.ranking-class-symbol{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -7px 16px rgba(0,0,0,.18),0 8px 18px rgba(20,24,34,.08);padding:7px}.ranking-class-symbol img{display:block;filter:brightness(0) invert(1);height:100%;object-fit:contain;opacity:.95;width:100%}.ranking-class-symbol-fallback{background:linear-gradient(145deg,#eefbf6,#ffffff);border:1px solid rgba(33,198,168,.2);border-radius:8px;box-shadow:inset 0 -4px 10px rgba(33,198,168,.1);color:var(--brand-deep);filter:none;font-size:12px;font-weight:900;letter-spacing:0}.ranking-list-table{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);max-width:100%;overflow-x:auto;overflow-y:hidden}.ranking-list-table table{border-collapse:collapse;min-width:980px;table-layout:fixed;width:100%}.ranking-list-table table.no-grade-column{min-width:820px}.ranking-list-table .rank-col{width:64px}.ranking-list-table .character-col{width:280px}.ranking-list-table .server-col{width:128px}.ranking-list-table .class-col{width:96px}.ranking-list-table .score-col{width:160px}.ranking-list-table .pvp-col{width:184px}.ranking-list-table .grade-col{width:116px}.ranking-list-table th{background:var(--surface-strong);color:var(--muted-strong);font-size:12.5px;font-weight:800;padding:12px 14px;text-align:left}.ranking-list-table td{border-top:1px solid var(--line);color:var(--text);font-size:14px;padding:13px 14px;vertical-align:middle}.ranking-list-table td,.ranking-list-table th{overflow:hidden}.ranking-list-table .class-cell,.ranking-list-table .grade-cell,.ranking-list-table .rank-cell{text-align:center}.ranking-list-table .server-cell{color:var(--muted-strong);font-weight:850;text-align:center;white-space:nowrap}.ranking-list-table .pvp-cell,.ranking-list-table .score-cell{text-align:center}.ranking-list-table td a{color:inherit;text-decoration:none}.ranking-list-table td a:hover{color:var(--accent-strong)}.ranking-character-link{align-items:center;display:inline-flex;gap:11px;max-width:100%;min-width:0}.ranking-character-link>span:last-child{display:grid;gap:3px;min-width:0}.ranking-character-link strong{color:var(--text);font-size:14.5px;font-weight:900;line-height:1.2}.ranking-character-link em{color:var(--text-muted);font-size:12.5px;font-style:normal;font-weight:750;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-profile{align-items:center;background:var(--surface-muted);border:1px solid var(--line-soft);border-radius:50%;color:var(--brand-deep);display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:950;height:40px;justify-content:center;overflow:hidden;width:40px}.ranking-profile img{display:block;height:100%;object-fit:cover;width:100%}.ranking-list-table .score-cell{white-space:nowrap}.ranking-list-table .score-cell strong{display:block;font-size:15.5px;font-weight:900}.ranking-list-table .score-cell span{color:var(--muted);display:block;font-size:11.5px;font-weight:700;margin-top:2px}.pvp-cell{white-space:nowrap}.pvp-cell strong{color:var(--text);display:block;font-size:14px;font-weight:900}.pvp-cell span{color:var(--text-muted);display:block;font-size:11.5px;font-weight:800;margin-top:3px}.grade-chip{align-items:center;background:color-mix(in srgb,var(--brand) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line-soft));border-radius:8px;color:var(--brand-deep);display:inline-grid;font-size:12px;gap:4px;font-weight:900;justify-items:center;line-height:1.1;min-height:58px;min-width:72px;padding:6px 9px;white-space:nowrap}.grade-chip img{display:block;flex:0 0 auto;height:30px;object-fit:contain;width:30px}.grade-chip span{display:block}.ranking-class-table-symbol{align-items:center;background:#ffffff;border:1px solid var(--line-soft);border-radius:8px;color:var(--text);display:inline-grid;font-size:12px;font-weight:900;gap:4px;justify-items:center;line-height:1.1;min-height:58px;min-width:72px;padding:6px 7px;white-space:nowrap}.ranking-class-table-symbol>span:last-child{color:var(--muted-strong);display:block}.ranking-class-table-symbol .ranking-class-symbol{border-radius:6px;height:32px;padding:4px;width:32px}.ranking-class-table-fallback{align-items:center;background:var(--surface-muted);border:1px solid var(--line-soft);border-radius:8px;color:var(--muted);display:inline-flex;font-size:13px;font-weight:900;height:56px;justify-content:center;width:50px}.rankings-empty{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);padding:44px 24px;text-align:center}.rankings-empty strong{color:var(--text);display:block;font-size:17px;font-weight:900}.rankings-empty p{color:var(--muted);font-size:14px;line-height:1.5;margin:8px 0 0}.ranking-results-wrap{position:relative;display:grid;gap:14px;min-width:0}.ranking-results-wrap.is-loading .ranking-list-table,.ranking-results-wrap.is-loading .ranking-pagination,.ranking-results-wrap.is-loading .rankings-empty{filter:saturate(.78);opacity:.56;pointer-events:none}.ranking-inline-loading{position:sticky;top:122px;z-index:5;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px 12px;align-items:center;overflow:hidden;border:1px solid rgba(33,198,168,.42);border-radius:8px;background:linear-gradient(135deg,rgba(232,251,247,.98),rgba(255,255,255,.98) 58%,rgba(255,247,229,.96));box-shadow:0 14px 28px rgba(20,24,34,.12),inset 0 1px 0 rgba(255,255,255,.88);color:var(--text);padding:13px 14px 12px}.ranking-inline-loading:before{position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--brand),#f4b74d);content:""}.ranking-loading-spinner{display:inline-flex;width:28px;height:28px;border:3px solid rgba(33,198,168,.18);border-top:3px solid var(--brand-deep);border-radius:50%;animation:loading-spin .78s linear infinite}.ranking-inline-loading strong{display:block;color:var(--brand-deep);font-size:14px;font-weight:950;line-height:1.25}.ranking-inline-loading small{display:block;margin-top:3px;color:var(--muted-strong);font-size:12.5px;font-weight:800;line-height:1.35}.ranking-inline-loading i{position:relative;display:block;grid-column:1/-1;overflow:hidden;height:4px;border-radius:999px;background:rgba(33,198,168,.14)}.ranking-inline-loading i:before{position:absolute;inset:0 auto 0 0;width:42%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#f4b74d);animation:ranking-inline-progress 1s ease-in-out infinite;content:""}@keyframes ranking-inline-progress{0%{transform:translateX(-110%)}to{transform:translateX(250%)}}.ranking-pagination{align-items:center;display:flex;gap:12px;justify-content:center}.ranking-pagination a,.ranking-pagination span,.ranking-pagination strong{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:6px;color:var(--text);display:inline-flex;font-size:14px;font-weight:800;height:38px;justify-content:center;min-width:64px;padding:0 12px;text-decoration:none}.ranking-pagination span{color:var(--muted)}.home-ranking-empty{align-items:center;background:var(--surface-muted);border:1px dashed var(--line);border-radius:8px;color:var(--text-muted);display:flex;font-size:13px;font-weight:800;justify-content:center;min-height:68px;padding:18px;text-align:center}@media (max-width:900px){.rankings-head{align-items:flex-start;flex-direction:column;gap:14px;padding:20px}.ranking-tabs-page{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-tabs-page a{font-size:13.5px;padding:0 8px}.ranking-filter-title{align-items:flex-start;flex-direction:column;gap:7px;justify-content:center;padding:12px 14px}.ranking-character-search{align-items:stretch;flex-direction:column}.ranking-search-panel{align-items:stretch;grid-template-columns:1fr;justify-self:stretch;max-width:none}.ranking-search-panel a,.ranking-search-panel button{width:100%}.legions-head{padding:20px}.legion-card,.legion-search-panel{grid-template-columns:1fr}.legion-promotion-card{aspect-ratio:4/1;min-height:118px}.legion-promotion-label{bottom:12px;left:14px;max-width:calc(100% - 78px)}.legion-promotion-label strong{font-size:18px}.legion-promotion-label em{font-size:12px}.legion-info-link,.legion-search-panel a,.legion-search-panel button{width:100%}.legion-basis,.legion-results-summary{align-items:flex-start;flex-direction:column}.legion-results-summary{gap:6px;justify-content:center;padding:12px 16px}.legion-detail-hero{grid-template-columns:1fr;padding:20px}.class-breakdown,.legion-detail-hero dl{grid-template-columns:repeat(2,minmax(0,1fr))}.legion-detail-panel-title{align-items:flex-start;flex-direction:column;gap:6px}.legion-detail-panel-title p{text-align:left}.ranking-character-search a,.ranking-character-search button{width:100%}.ranking-class-list{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));padding:12px}.ranking-race-segments,.ranking-world-list{padding-left:14px;padding-right:14px}.ranking-list-table{background:transparent;border:0;border-radius:0;box-shadow:none;max-width:100%;min-width:0;overflow:visible}.ranking-list-table table,.ranking-list-table tbody{display:block;max-width:100%;min-width:0;width:100%}.ranking-list-table table.has-grade-column,.ranking-list-table table.no-grade-column{min-width:0}.ranking-list-table colgroup,.ranking-list-table thead{display:none}.ranking-list-table tr{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);display:grid;gap:6px 10px;grid-template-columns:34px minmax(0,1fr) auto;margin-bottom:10px;max-width:100%;min-width:0;padding:12px 10px;width:100%}.ranking-list-table td{border:0;display:block;min-width:0;overflow:visible;padding:0}.ranking-list-table .rank-cell{align-self:start;grid-column:1;grid-row:1/span 3;text-align:left}.ranking-list-table .character-data{grid-column:2/4;grid-row:1}.ranking-list-table .server-cell{grid-column:2;grid-row:2}.ranking-list-table .class-cell{grid-column:3;grid-row:1;align-self:start}.ranking-list-table .score-cell{grid-column:2;grid-row:3}.ranking-list-table .pvp-cell{grid-column:2/4;grid-row:4}.ranking-list-table .grade-cell{grid-column:3;grid-row:2/4;align-self:center}.ranking-list-table .pvp-cell,.ranking-list-table .score-cell,.ranking-list-table .server-cell{align-items:center;display:flex;gap:6px;justify-content:flex-start;min-height:24px;min-width:0;text-align:left}.ranking-list-table .class-cell,.ranking-list-table .grade-cell{align-items:center;display:flex;justify-content:flex-end;min-height:0;min-width:0;text-align:right}.ranking-list-table .pvp-cell,.ranking-list-table .score-cell{text-align:left}.ranking-list-table td[data-label]:before{color:var(--muted);content:attr(data-label);flex:0 0 34px;font-size:11px;font-weight:900;text-align:left}.ranking-list-table .character-data:before,.ranking-list-table .class-cell:before,.ranking-list-table .grade-cell:before,.ranking-list-table .score-cell:before,.ranking-list-table .server-cell:before{display:none}.ranking-list-table .server-cell{color:var(--text-muted);font-size:12px;font-weight:800}.pvp-cell strong,.ranking-list-table .score-cell strong{font-size:14px}.pvp-cell,.pvp-cell strong{white-space:normal}.pvp-cell strong{max-width:none;overflow-wrap:anywhere;text-align:left}.pvp-cell span,.ranking-list-table .score-cell span{flex:0 0 auto;margin-top:1px;color:var(--muted);font-size:10.5px;white-space:nowrap;display:none}.ranking-class-table-symbol{min-height:31px;min-width:40px;padding:4px 6px;border-radius:7px;font-size:10.5px}.ranking-class-table-symbol .ranking-class-symbol{height:20px;width:20px}.grade-chip{min-height:32px;min-width:44px;padding:4px 7px;border-radius:7px;font-size:10.5px}.grade-chip img{height:22px;width:22px}.ranking-character-link{gap:9px;min-width:0;width:100%}.ranking-character-link strong{font-size:14px}.ranking-character-link em{color:#95a1b2;font-size:11px;font-weight:750}.ranking-profile{height:32px;width:32px}}@media (max-width:420px){.ranking-tabs-page{gap:7px;padding:8px}.ranking-tabs-page a{font-size:12.5px;min-height:38px;padding:0 6px}}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--background);color:var(--text);font-family:Noto Sans,Noto Sans KR,-apple-system,BlinkMacSystemFont,Roboto,Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}button,input,select{font:inherit}.site-shell{min-height:100vh}.site-footer{border-top:1px solid rgba(22,48,71,.08);background:#1f2026;color:#d7dbe3}.site-footer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;width:min(1120px,100%);margin:0 auto;padding:28px 20px}.site-footer-brand{display:grid;gap:6px;min-width:0}.site-footer-brand strong{color:#ffffff;font-size:15px;font-weight:950}.site-footer-brand span,.site-footer-copy,.site-footer-note{margin:0;color:#aeb6c4;font-size:12px;font-weight:750;line-height:1.55}.site-footer-links{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:start;justify-content:flex-end;color:#f5f7fb;font-size:12px;font-weight:900}.site-footer-links a:hover{color:var(--brand)}.site-footer-copy,.site-footer-note{grid-column:1/-1;max-width:880px}.site-footer-copy{color:#f5f7fb}.contact-floating-button{position:fixed;right:24px;bottom:24px;z-index:60;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:0;border-radius:50%;padding:0;background:#0f9f8a;color:#ffffff;box-shadow:0 18px 42px rgba(8,11,18,.28);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.contact-floating-button:hover{background:var(--brand);box-shadow:0 20px 46px rgba(8,11,18,.34);transform:translateY(-2px)}.contact-floating-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px}.contact-floating-icon svg{width:37px;height:37px;fill:none;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.55;transition:stroke .16s ease}.contact-floating-icon circle{fill:#ffffff;stroke:none;transition:fill .16s ease}.contact-floating-button:hover .contact-floating-icon svg{stroke:#ffffff}.contact-floating-button:hover .contact-floating-icon circle{fill:#ffffff}.contact-modal-layer{position:fixed;inset:0;z-index:110;display:grid;place-items:center;padding:20px}.contact-modal-backdrop{position:fixed;inset:0;border:0;background:rgba(9,12,18,.56);cursor:pointer}.contact-modal{position:relative;z-index:1;display:grid;gap:18px;width:min(560px,100%);border:1px solid rgba(22,48,71,.1);border-radius:12px;padding:22px;background:#ffffff;box-shadow:0 24px 60px rgba(8,11,18,.32)}.contact-modal-header{display:flex;align-items:start;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(22,48,71,.09);padding-bottom:14px}.contact-modal-header h2{margin:0;color:var(--text);font-size:24px;font-weight:950}.contact-modal-header p{margin:6px 0 0;color:var(--text-muted);font-size:13px;font-weight:800;line-height:1.5}.contact-modal-header button{width:34px;height:34px;border:1px solid rgba(22,48,71,.1);border-radius:8px;background:#f7fafc;color:var(--text);cursor:pointer;font-size:20px;font-weight:900}.contact-form{display:grid;gap:14px}.contact-category-field{display:grid;gap:8px;min-width:0;border:0;margin:0;padding:0}.contact-category-field legend,.contact-message-field span{color:var(--text);font-size:13px;font-weight:950}.contact-category-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.contact-category-options label{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(22,48,71,.12);border-radius:8px;background:#f8fafc;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:900}.contact-category-options label.is-selected{border-color:rgba(33,198,168,.55);background:rgba(33,198,168,.12);color:var(--brand-deep)}.contact-category-options input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.contact-message-field{display:grid;gap:6px}.contact-form textarea,.contact-message-field input{width:100%;border:1px solid rgba(22,48,71,.12);border-radius:8px;padding:10px 12px;background:#ffffff;color:var(--text);font-size:14px;font-weight:750}.contact-message-field input{min-height:44px}.contact-form textarea{min-height:158px;resize:vertical;line-height:1.55}.contact-promotion-fields{display:grid;gap:10px}.contact-promotion-grid{display:grid;gap:10px;grid-template-columns:120px minmax(0,1fr)}.contact-promotion-fields label{color:#475569;display:grid;font-size:13px;font-weight:800;gap:6px}.contact-promotion-fields input,.contact-promotion-fields select{background:#ffffff;border:1px solid rgba(148,163,184,.55);border-radius:8px;color:#0f172a;font:inherit;padding:10px 11px}.contact-promotion-fields input[type=file]{height:1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}.contact-promotion-file-field{color:#475569;display:grid;font-size:13px;font-weight:800;gap:6px;position:relative}.contact-upload-zone{align-items:center;background:linear-gradient(180deg,rgba(248,250,252,.98),rgba(241,245,249,.85)),radial-gradient(circle at top left,rgba(33,198,168,.13),transparent 40%);border:1px dashed rgba(22,48,71,.24);border-radius:10px;cursor:pointer;display:grid;gap:4px;grid-template-columns:42px minmax(0,1fr);min-height:86px;padding:14px}.contact-upload-zone:hover{border-color:rgba(33,198,168,.7);box-shadow:0 12px 28px rgba(22,48,71,.08)}.contact-upload-icon{align-items:center;background:#ffffff;border:1px solid rgba(33,198,168,.26);border-radius:10px;box-shadow:0 10px 22px rgba(22,48,71,.08);display:flex;grid-row:span 2;height:42px;justify-content:center;width:42px}.contact-upload-icon:before{color:var(--brand-deep);content:"+";font-size:24px;font-weight:950;line-height:1}.contact-upload-zone strong{align-self:end;color:var(--text);font-size:13px;font-weight:950;min-width:0}.contact-upload-zone em{align-self:start;color:#64748b;font-size:12px;font-style:normal;font-weight:800;min-width:0}.contact-upload-zone.has-file{background:linear-gradient(180deg,#f0fdfa,#ffffff);border-style:solid;border-color:rgba(15,118,110,.36)}.contact-upload-zone.has-file .contact-upload-icon{background:#0f766e;border-color:rgba(15,118,110,.3)}.contact-upload-zone.has-file .contact-upload-icon:before{content:"✓";color:#ffffff;font-size:20px}.contact-upload-file{align-items:center;background:#ffffff;border:1px solid rgba(148,163,184,.28);border-radius:8px;display:flex;gap:10px;justify-content:space-between;padding:9px 10px}.contact-upload-file span{display:grid;gap:2px;min-width:0}.contact-upload-file strong{color:#334155;font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-upload-file em,.contact-upload-rule{color:#64748b;font-size:12px;font-style:normal;font-weight:700}.contact-upload-file button{background:#f8fafc;border:1px solid rgba(148,163,184,.42);border-radius:6px;color:#475569;cursor:pointer;flex:0 0 auto;font-size:12px;font-weight:900;height:30px;padding:0 10px}.contact-upload-file button:hover{background:#fee2e2;border-color:rgba(220,38,38,.2);color:#991b1b}@media (max-width:560px){.contact-category-options{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-promotion-grid{grid-template-columns:1fr}}.contact-form-footer{display:flex;justify-content:space-between;gap:12px}.contact-form-footer span,.contact-form-guide,.contact-form-status{margin:0;font-size:12px;font-weight:800;line-height:1.55}.contact-form-guide{color:var(--text-muted)}.contact-form-footer span{flex:0 0 auto;color:#8895a7}.contact-form-status.success{color:#0f766e}.contact-form-status.error{color:#b42318}.contact-form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.contact-form-actions button{min-width:82px;height:38px;border:0;border-radius:8px;background:var(--brand-deep);color:#ffffff;cursor:pointer;font-size:13px;font-weight:950}.contact-form-actions button.secondary{border:1px solid rgba(22,48,71,.12);background:#ffffff;color:var(--text-muted)}.contact-form-actions button:disabled{cursor:not-allowed;opacity:.6}.site-header{position:sticky;top:0;z-index:10;background:#202126;box-shadow:0 12px 28px rgba(16,20,29,.16)}.header-primary{border-bottom:1px solid rgba(255,255,255,.055);background:#1f2026}.header-inner{display:flex;align-items:center;gap:14px;max-width:1120px;height:64px;margin:0 auto;padding:0 20px}.brand{gap:10px;color:var(--brand);font-size:22px;font-weight:900;letter-spacing:0;line-height:1}.brand,.brand-mark{display:inline-flex;align-items:center;flex:0 0 auto}.brand-mark{width:40px;height:30px;justify-content:center}.brand-mark img{display:block;width:40px;height:30px;object-fit:contain}.brand-wordmark,.hero-brand-wordmark{display:inline-flex;align-items:baseline;gap:0;white-space:nowrap}.brand-wordmark span:first-child,.hero-brand-wordmark span:first-child{color:#ffffff}.brand-wordmark span:last-child,.hero-brand-wordmark span:last-child{color:var(--brand)}.header-search{display:grid;grid-template-columns:minmax(0,1fr) 40px;width:min(250px,32vw);height:34px;margin-left:auto;overflow:visible;border:1px solid rgba(33,198,168,.62);border-radius:6px;background:#292a33;box-shadow:inset 0 0 0 1px rgba(176,82,255,.18)}.header-search input{display:block;box-sizing:border-box;height:100%;min-width:0;border:0;background:transparent;color:#f5f7fb;font-size:13px;font-weight:750;line-height:34px;padding:0 12px;outline:none}.header-search input::placeholder{color:#a6afbd}.header-search button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#ffffff;cursor:pointer;font-size:23px;line-height:1}.header-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(33,198,168,.16),inset 0 0 0 1px rgba(176,82,255,.2)}.character-search-autocomplete{position:relative;display:block;width:100%;min-width:0;height:100%}.character-search-autocomplete input{width:100%}.character-suggest-panel{position:absolute;z-index:80;top:calc(100% + 8px);left:0;width:min(420px,max(100%,280px),92vw);max-height:min(360px,calc(100vh - 320px));overflow-x:hidden;overflow-y:auto;border:1px solid rgba(33,198,168,.42);border-radius:8px;background:rgba(12,15,22,.98);box-shadow:0 18px 40px rgba(0,0,0,.34);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(33,198,168,.65) rgba(255,255,255,.06)}.header-search .character-suggest-panel{right:auto;left:0;width:min(360px,max(100%,250px),92vw);max-height:min(420px,calc(100vh - 88px));text-align:left}.search-form .character-suggest-panel{max-height:min(300px,calc(100vh - 320px))}.header-search .character-suggest-option{display:grid;grid-template-columns:34px minmax(0,1fr) 58px;align-items:center;justify-content:stretch;font-size:inherit;line-height:normal}.results-search-form .character-suggest-panel{width:100%;max-height:min(420px,calc(100vh - 180px));border-color:rgba(148,163,184,.34);background:rgba(248,251,255,.98);box-shadow:0 18px 36px rgba(15,23,42,.18)}.results-search-form .character-suggest-option:focus-visible,.results-search-form .character-suggest-option:hover{background:rgba(33,198,168,.1)}.results-search-form .character-suggest-option strong{color:#111827}.results-search-form .character-suggest-class{background:rgba(15,23,42,.08);color:#334155}.results-search-form .character-suggest-power{color:#a8661c}.character-suggest-option{display:grid;width:100%;grid-template-columns:34px minmax(0,1fr) 58px;align-items:center;gap:10px;border:0;border-bottom:1px solid rgba(255,255,255,.07);padding:10px 12px;background:transparent;color:#f7fafc;cursor:pointer;justify-items:stretch;text-align:left}.character-suggest-option:focus-visible,.character-suggest-option:hover{background:rgba(33,198,168,.16);outline:none}.character-suggest-option strong{min-width:0;overflow:hidden;color:#ffffff;font-size:14px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.character-suggest-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(33,198,168,.12);color:#ffffff;font-size:13px;font-weight:900}.character-suggest-avatar img{width:100%;height:100%;object-fit:cover}.character-suggest-avatar-fallback{background:linear-gradient(135deg,rgba(33,198,168,.36),rgba(176,82,255,.24))}.character-suggest-main{display:grid;min-width:0;gap:4px}.character-suggest-meta{display:flex;align-items:center;min-width:0;gap:5px}.character-suggest-class,.character-suggest-power,.character-suggest-server{color:#cfd8e6;font-size:12px;font-style:normal;font-weight:850;white-space:nowrap}.character-suggest-server{overflow:hidden;max-width:86px;min-height:20px;padding:3px 7px;font-weight:950;text-overflow:ellipsis}.character-suggest-class,.character-suggest-server{display:inline-flex;align-items:center;border-radius:999px;color:#ffffff;font-size:11px}.character-suggest-class{min-height:18px;padding:2px 6px;font-weight:900}.character-suggest-server-elyos{background:rgba(64,122,255,.12);color:rgb(49,91,189)}.character-suggest-server-asmodian{background:rgba(236,92,92,.12);color:rgb(184,47,52)}.header-search .character-suggest-server,.search-form .character-suggest-server{border:1px solid rgba(226,232,240,.22)}.header-search .character-suggest-server-elyos,.search-form .character-suggest-server-elyos{border-color:rgba(132,174,255,.55);background:rgba(93,147,255,.26);color:#d9e6ff}.header-search .character-suggest-server-asmodian,.search-form .character-suggest-server-asmodian{border-color:rgba(248,113,113,.52);background:rgba(236,92,92,.24);color:#ffd7d7}.character-suggest-class{background:rgba(255,255,255,.1);color:#e8eef7}.character-suggest-power{color:#f0b35f;text-align:right}.character-suggest-empty{padding:11px 12px;color:#cfd8e6;font-size:13px;font-weight:850}.header-nav-band{display:flex;justify-content:center;min-height:48px;background:#28292f;overflow:visible}.desktop-nav{display:flex;align-items:center;gap:24px;width:min(1120px,100%);min-width:0;color:#d7dbe3;font-size:14px;font-weight:700;padding:0 20px;overflow:visible;scrollbar-width:none}.desktop-nav::-webkit-scrollbar{display:none}.desktop-nav-item{position:relative;flex:0 0 auto}.desktop-nav-item,.desktop-nav-link{display:inline-flex;height:48px;align-items:center}.desktop-nav-link{border-bottom:2px solid transparent;color:#d7dbe3;white-space:nowrap}.desktop-nav-link:hover{color:var(--brand)}.desktop-nav-link[aria-current=page]{border-bottom-color:rgba(255,255,255,.8);color:#ffffff}.desktop-nav-item.has-children:after{width:0;height:0;border-top:4px solid #8792a1;border-right:4px solid transparent;border-left:4px solid transparent;margin-left:6px;content:""}.desktop-subnav{position:absolute;top:48px;left:50%;z-index:30;display:grid;min-width:138px;gap:2px;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:7px;background:#2b2c33;box-shadow:0 16px 34px rgba(8,11,18,.32);opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:opacity .14s ease,transform .14s ease}.desktop-nav-item:focus-within .desktop-subnav,.desktop-nav-item:hover .desktop-subnav{opacity:1;pointer-events:auto;transform:translate(-50%)}.desktop-subnav a{display:flex;min-height:34px;align-items:center;border-radius:6px;padding:0 10px;color:#cbd2df;font-size:13px;font-weight:900;white-space:nowrap}.desktop-subnav a:hover,.desktop-subnav a[aria-current=page]{background:rgba(33,198,168,.14);color:#ffffff}.mobile-menu-backdrop{display:none}.menu-button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);display:none;width:40px;height:40px;border-radius:8px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-button span{width:18px;height:2px;border-radius:999px;background:#ffffff}.search-hero{position:relative;z-index:2;overflow:hidden;min-height:420px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 50% 8%,rgba(38,166,154,.18),transparent 28%),linear-gradient(rgba(12,16,24,.78),rgba(12,16,24,.82)),linear-gradient(135deg,#141b26,#211f29 46%,#101720)}.search-hero:after,.search-hero:before{position:absolute;bottom:-42px;width:420px;height:250px;border-radius:26px;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 0) 0 0 /72px 100%,linear-gradient(180deg,rgba(255,255,255,.07) 1px,transparent 0) 0 0 /100% 52px,rgba(255,255,255,.035);content:"";transform:rotate(4deg)}.search-hero:before{left:-92px}.search-hero:after{right:-90px;transform:rotate(-4deg)}.home-main-column .notice-panel,.home-main-column .ranking-panel,.home-main-column .section-block,.home-main-column .wide-ad{border-color:rgba(148,163,184,.28);background:#f3f6f9;box-shadow:0 14px 30px rgba(20,24,34,.055)}.hero-inner{position:relative;z-index:1;display:flex;max-width:560px;margin:0 auto;padding:82px 20px 70px;flex-direction:column;align-items:stretch}.hero-brand{align-self:center;gap:14px;margin-bottom:26px;font-size:46px;font-weight:900;line-height:1}.hero-brand,.hero-brand-mark{display:inline-flex;align-items:center;justify-content:center}.hero-brand-mark{width:72px;height:54px;flex:0 0 auto}.hero-brand-mark img{display:block;width:72px;height:54px;object-fit:contain}.page-frame{display:grid;grid-template-columns:160px minmax(0,1120px) 160px;gap:24px;justify-content:center;align-items:start;width:100%;padding:0 24px 48px}.page-frame.legions-frame{padding-top:24px}.main-column{display:flex;min-width:0;flex-direction:column;gap:22px;margin-top:0}.home-main-column{margin-top:-88px}.main-column.rankings-column{display:grid;margin-top:24px}.legal-frame{grid-template-columns:minmax(0,1120px);padding-top:24px}.legal-column{display:grid;gap:16px;border:1px solid var(--line-soft);border-radius:8px;padding:24px;background:#ffffff;box-shadow:0 10px 24px rgba(22,48,71,.05)}.legal-page-header{display:grid;gap:8px;border-bottom:1px solid rgba(22,48,71,.08);padding-bottom:16px}.legal-page-header span{color:var(--brand-deep);font-size:12px;font-weight:950}.legal-page-header h1{margin:0;color:var(--text);font-size:28px;font-weight:950;line-height:1.18}.legal-footer p,.legal-page-header p,.legal-section li,.legal-section p{color:var(--text-muted);font-size:14px;font-weight:750;line-height:1.7}.legal-section{display:grid;gap:8px}.legal-section h2{margin:0;color:var(--text);font-size:16px;font-weight:950}.legal-section ul{display:grid;gap:6px;margin:0;padding-left:18px}.legal-footer{border-top:1px solid rgba(22,48,71,.08);padding-top:14px}@media (max-width:760px){.site-footer-inner{grid-template-columns:minmax(0,1fr);padding:24px 16px}.site-footer-links{justify-content:flex-start}.contact-floating-button{right:16px;bottom:16px;width:54px;height:54px}.contact-modal-layer{align-items:end;padding:12px}.contact-modal{max-height:calc(100vh - 24px);overflow-y:auto;padding:18px}.contact-category-options{grid-template-columns:repeat(2,minmax(0,1fr))}.legal-frame{padding-top:14px}.legal-column{padding:18px}.legal-page-header h1{font-size:24px}}.ad-rail{position:sticky;top:134px;display:flex;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:14px;color:#91a0b5;font-size:14px;font-weight:800}.ad-rail-timers{display:grid;gap:10px;width:100%;min-width:0;border:1px solid rgba(202,214,229,.82);border-radius:8px;padding:12px;background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(22,48,71,.07)}.page-frame>.ad-rail:first-child .content-timer-boss,.page-frame>.ad-rail:last-child .content-timer-content{display:none}.content-timer{display:grid;gap:10px;width:100%;min-width:0;max-width:100%}.content-timer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid rgba(41,73,104,.12);padding-bottom:8px;color:#0d4f61;font-size:13px;font-weight:950;line-height:1.2}.content-timer-boss .content-timer-head{border-bottom-color:rgba(13,79,97,.14);color:#24455c}.content-timer-title{display:inline-flex;min-width:0;align-items:center;gap:7px}.content-timer-title span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-timer-icon{position:relative;display:inline-flex;flex:none;width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:#e8f6ef;box-shadow:inset 0 0 0 1px rgba(15,122,85,.18)}.content-timer-icon:before{width:10px;height:10px;border:2px solid #0f7a55;border-radius:999px;content:""}.content-timer-icon:after{position:absolute;top:5px;left:10px;width:2px;height:7px;background:#0f7a55;box-shadow:-3px 4px 0 -1px #0f7a55,4px -3px 0 0 #21c6a8;content:"";transform-origin:bottom center}.content-timer-boss .content-timer-icon{background:#eef6fb;box-shadow:inset 0 0 0 1px rgba(36,69,92,.16)}.content-timer-boss .content-timer-icon:before{border-color:#24455c}.content-timer-boss .content-timer-icon:after{background:#24455c;box-shadow:-3px 4px 0 -1px #24455c,4px -3px 0 0 #21c6a8}.content-timer-primary{display:grid;gap:5px;width:100%;min-width:0;border-radius:8px;padding:10px;background:#0b3f52;color:#ffffff}.content-timer-boss .content-timer-primary{background:#20384d}.content-timer-name,.content-timer-row-name{display:inline-flex;min-width:0;align-items:center;gap:5px}.content-timer-name span:first-child,.content-timer-row-name span:first-child{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}.content-timer-primary>.content-timer-name{font-size:12px;font-weight:950;line-height:1.18}.content-timer-primary strong{color:#77efd7;font-size:20px;font-weight:950;line-height:1.05}.content-timer-boss .content-timer-primary strong{color:#a8f5e8}.content-timer-primary em{overflow:hidden;color:rgba(226,241,251,.82);font-size:11px;font-style:normal;font-weight:850;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.content-timer-random{flex:none;border-radius:999px;padding:3px 5px;background:rgba(33,198,168,.15);color:#067263;font-size:10.5px;font-weight:950;line-height:1}.content-timer-primary .content-timer-random{background:rgba(255,255,255,.16);color:#b9fff2}.content-timer-boss .content-timer-random{background:rgba(33,198,168,.13);color:#0b6f72}.content-timer-boss .content-timer-primary .content-timer-random{background:rgba(255,255,255,.15);color:#c8fff4}.content-timer-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}.content-timer-list li{display:grid;min-height:46px;width:100%;min-width:0;align-items:center;gap:3px;border:1px solid #e0e8f0;border-radius:7px;padding:8px;background:#ffffff;color:#27495d;font-size:13px;font-weight:850}.content-timer-boss .content-timer-list li{border-color:#d9e6ee;color:#24455c}.content-timer-list .content-timer-row-name,.content-timer-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-timer-list .content-timer-row-name{min-width:0}.content-timer-list strong{color:#0d4f61;font-size:15px;font-weight:950}.content-timer-boss .content-timer-list strong{color:#0b6f72}.ad-rail-slot{display:flex;min-height:600px;flex-direction:column;gap:10px;border:1px dashed #c5d3e2;border-radius:8px;background:rgba(255,255,255,.72);color:#91a0b5;box-shadow:0 10px 24px rgba(22,48,71,.04)}.ad-mark,.ad-rail-slot{align-items:center;justify-content:center}.ad-mark{display:inline-flex;width:42px;height:24px;border-radius:999px;background:#eef4fa;color:#74859b;font-size:12px}.notice-panel,.ranking-panel,.search-panel,.section-block,.wide-ad{border:1px solid var(--line-soft);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.search-form{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;align-items:center}.search-form button,.search-form input{height:54px;border-radius:8px}.search-form input{border:1px solid rgba(33,198,168,.85);background:rgba(15,18,26,.92);color:#ffffff;min-width:0;padding:0 18px;font-size:17px}.search-form input::placeholder{color:#a8b1c0}.search-form button{border:0;background:#24b89f;color:#071313;font-weight:900;cursor:pointer}.header-search .character-suggest-option,.results-search-form .character-suggest-option,.search-form .character-suggest-option{height:auto;border-radius:0;background:transparent;color:#f7fafc;font-weight:850}.results-search-form .character-suggest-option{color:#172033}.trend-row{display:flex;min-width:0;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px;color:#c9d1df;font-size:13px;font-weight:800}.trend-keyword{display:inline-flex;height:28px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:0 10px;background:rgba(255,255,255,.065);color:#dce5ef;text-decoration:none}.trend-keyword:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.11);color:#ffffff}.trend-keyword-empty{color:#aeb9c6}.hero-ranking{overflow:hidden;margin-top:18px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(8,11,17,.62);color:#ffffff}.hero-ranking-title{display:flex;align-items:center;justify-content:space-between;height:38px;border-bottom:1px solid rgba(255,255,255,.1);padding:0 14px;font-size:13px;font-weight:900}.hero-ranking-title a{color:#bac4d1;font-size:12px}.top-strip{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.top-strip li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 14px;background:transparent}.top-strip li:last-child{border-bottom:0}.ranking-character-link,.top-strip a{min-width:0;color:inherit;text-decoration:none}.ranking-character-link,.top-strip-character{display:inline-flex;align-items:center;gap:8px}.top-strip-avatar{width:30px;height:30px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));color:#dce5ef;font-size:12px}.ranking-table-avatar,.top-strip-avatar{display:inline-flex;overflow:hidden;align-items:center;justify-content:center;flex:0 0 auto;font-weight:900}.ranking-table-avatar{width:26px;height:26px;border:1px solid rgba(84,196,255,.2);border-radius:50%;background:#edf4fb;color:#526273;font-size:11px}.ranking-table-avatar img,.top-strip-avatar img{display:block;width:100%;height:100%;object-fit:cover}.home-ranking-class-fallback,.home-ranking-class-symbol{width:28px;height:28px;border-radius:7px}.home-ranking-class-symbol{padding:2px}.home-ranking-class-fallback{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(33,198,168,.18);background:#eefbf6;color:var(--brand-deep);font-size:12px;font-weight:900}.top-strip a:hover strong{color:#ffffff;text-decoration:underline;text-underline-offset:3px}.top-strip strong{font-size:13px}.ranking-character-link strong,.top-strip strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-strip em{color:#dce5ef;font-style:normal}.rank-badge,.top-strip em{font-size:12px;font-weight:900}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;background:#eef3f8;color:#596b80}.top-rank,.top-strip .rank-badge{background:#fff4df;color:#a76700}.top-strip .rank-badge{width:28px;height:28px;border-width:0;border-radius:8px;font-size:12px;line-height:1}.rank-badge.top-rank-first{background:linear-gradient(135deg,#fff2b8,#f7c948);color:#5f4100}.rank-badge.top-rank-second{background:linear-gradient(135deg,#f4f7fb,#cbd5e1);color:#31404f}.rank-badge.top-rank-third{background:linear-gradient(135deg,#ffe0c2,#d99145);color:#5a2f08}.section-block{padding:24px}.panel-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}h2,h3,p{margin:0}.panel-heading h2,.section-heading h2{font-size:18px;font-weight:900}.ranking-number-one-title{align-items:center;display:inline-flex;min-width:0}.ranking-number-one-title img{display:block;height:48px;max-width:214px;width:min(214px,100%)}.panel-heading a,.section-heading a{color:var(--text-muted);font-size:13px;font-weight:800}.winner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.character-card{display:flex;position:relative;overflow:hidden;min-height:276px;flex-direction:column;justify-content:space-between;border:1px solid #dde6ef;border-radius:8px;padding:18px;background:linear-gradient(180deg,rgba(255,255,255,.98),#ffffff 58%,#f6f9fc);box-shadow:0 14px 30px rgba(20,24,34,.09);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.character-card:before{position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 0) 0 0 /30px 100%,linear-gradient(135deg,#172331,#253140 52%,#0f181f);content:""}.character-card:after{position:absolute;top:110px;right:0;left:0;height:4px;background:linear-gradient(90deg,#26a69a,#f4b74d,#6f9fe8);content:""}.character-card:hover{border-color:rgba(33,198,168,.68);box-shadow:0 20px 38px rgba(20,24,34,.14);transform:translateY(-2px)}.character-card.is-navigating{border-color:rgba(33,198,168,.76);box-shadow:0 22px 42px rgba(11,135,111,.18);opacity:.88;pointer-events:none;transform:translateY(0)}.character-card-favorite-marker{position:absolute;top:0;right:18px;z-index:2;display:inline-flex;width:36px;height:44px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.34);border-top:0;border-radius:0 0 12px 12px;background:linear-gradient(180deg,rgba(22,33,45,.96),rgba(31,46,58,.88));color:rgba(255,255,255,.52);box-shadow:0 12px 22px rgba(12,18,25,.2);line-height:1;text-shadow:0 1px 1px rgba(0,0,0,.32)}.character-card-favorite-marker .favorite-star-icon{width:21px;height:21px;fill:rgba(255,255,255,.18);stroke:rgba(255,255,255,.72)}.character-card-favorite-marker.active{border-color:rgba(255,215,104,.74);background:linear-gradient(180deg,#273746,#1c2a35);color:#f6c94e}.character-card-favorite-marker.active .favorite-star-icon{fill:#f4b74d;stroke:#d99714;filter:drop-shadow(0 2px 4px rgba(217,151,20,.26))}.compact-character-card{min-height:214px;justify-content:flex-start;background:linear-gradient(180deg,rgba(255,255,255,.98),#ffffff 72%,#f6f9fc)}.character-card-head{position:relative;z-index:1;display:grid;grid-template-columns:92px minmax(0,1fr);gap:15px;align-items:center;min-height:116px}.character-card-avatar{display:flex;width:92px;height:92px;align-items:center;justify-content:center;border:4px solid rgba(255,255,255,.94);border-radius:24px;background:radial-gradient(circle at 35% 30%,#ffffff 0,#c9fff4 32%,#73dfca 100%);color:var(--brand-deep);box-shadow:0 16px 28px rgba(0,0,0,.22);font-size:34px;font-weight:900;object-fit:cover}.character-card-identity{min-width:0}.character-card-label{display:inline-flex;margin-bottom:7px;border-radius:999px;padding:5px 10px;background:rgba(33,198,168,.18);color:#bff7ed;font-size:11px;font-weight:900}.character-card-identity strong{color:#ffffff;font-size:22px;font-weight:900;letter-spacing:0;line-height:1.18}.character-card-identity strong,.character-card-identity strong+span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.character-card-identity strong+span{margin-top:8px;color:rgba(255,255,255,.72);font-size:13px;font-weight:800;line-height:1.2}.character-card-identity em{display:none}.character-card-meta,.character-card-stats{position:relative;z-index:1;display:grid;gap:9px;margin:0}.character-card-meta{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.compact-character-card .character-card-meta{margin-top:18px}.character-card-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}.character-card-meta div,.character-card-stats div{min-width:0;border:1px solid #e9eef5;border-radius:8px;padding:9px 10px;background:#fbfcfe}.character-card-stats div:last-child{border-color:rgba(38,166,154,.28);background:linear-gradient(180deg,#effbf8,#ffffff)}.character-card-meta dt,.character-card-stats dt{color:#8b98ab;font-size:12px;font-weight:900}.character-card-meta dd,.character-card-stats dd{overflow:hidden;margin:5px 0 0;color:var(--text);font-size:15px;font-weight:900;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.character-card-stats div:last-child dd{color:var(--brand-deep);font-size:18px}.winner-grid .character-card:nth-child(2) .character-card-label{background:rgba(86,185,90,.2);color:#c7f7ca}.winner-grid .character-card:nth-child(3) .character-card-label{background:rgba(86,152,207,.22);color:#d7ecff}.winner-grid .character-card:nth-child(4) .character-card-label{background:rgba(244,183,77,.22);color:#ffe6b7}.ranking-character-card{min-height:318px;align-items:center;justify-content:flex-start;padding:14px 16px 16px;background:linear-gradient(180deg,#f5f7fa,#f9fbfd 58%,#edf2f7);border:1px solid #d8e1ea;text-align:center;box-shadow:0 14px 30px rgba(18,32,45,.085)}.ranking-character-card:before{display:block;inset:0 0 auto;height:108px;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 0) 0 0 /28px 100%,radial-gradient(circle at 50% 0,rgba(38,166,154,.18),transparent 45%),linear-gradient(135deg,#162231,#222c38 58%,#101820)}.ranking-character-card:after{display:block;top:108px;height:3px;background:linear-gradient(90deg,#1f8f86,#d89b34,#4d83c5)}.ranking-character-card .character-card-avatar{z-index:1;width:104px;height:104px;margin-top:20px;border:4px solid #ffffff;border-radius:28px;background:radial-gradient(circle at 35% 28%,#ffffff 0,#e1f3ef 38%,#87cfc4 100%);color:#647286;font-size:12px;letter-spacing:0;line-height:1.1;box-shadow:0 18px 30px rgba(20,24,34,.2),0 0 0 1px rgba(38,166,154,.12)}.ranking-character-card .character-card-avatar-empty{background:linear-gradient(180deg,#f7f9fc,#eef3f8);color:#748195;box-shadow:0 16px 28px rgba(20,24,34,.14),0 0 0 1px #e2eaf2}.ranking-card-label{z-index:1;display:inline-flex;min-height:28px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:0 12px;background:linear-gradient(90deg,rgba(38,166,154,.18),rgba(216,155,52,.14)),rgba(255,255,255,.075);color:#f4fbfa;font-size:12px;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.winner-grid .ranking-character-card:nth-child(2) .ranking-card-label,.winner-grid .ranking-character-card:nth-child(3) .ranking-card-label,.winner-grid .ranking-character-card:nth-child(4) .ranking-card-label{color:#f4fbfa}.ranking-card-identity{z-index:1;display:grid;gap:5px;width:100%;margin-top:14px;padding:0 4px}.ranking-card-identity strong{overflow:hidden;color:var(--text);font-size:18px;font-weight:900;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.ranking-card-identity span{overflow:hidden;color:#748195;font-size:13px;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.ranking-card-record{z-index:1;display:grid;width:calc(100% - 10px);margin-top:14px;border:1px solid #e5edf4;border-radius:8px;padding:12px 14px;background:linear-gradient(180deg,#f3f6f9,#f9fbfd)}.ranking-card-record strong{overflow:hidden;color:#172331;font-size:27px;font-weight:900;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.ranking-card-record span{color:var(--text-muted);font-size:12px;font-weight:800}.ranking-card-action{z-index:1;display:flex;width:auto;min-height:34px;align-items:center;justify-content:center;margin-top:14px;border:1px solid #dfe7ef;border-radius:999px;padding:0 16px;background:#ffffff;color:#172331;font-size:13px;font-weight:900}.ranking-card-action:after{margin-left:6px;color:var(--brand-deep);content:">"}.winner-grid .ranking-character-card:nth-child(2) .ranking-card-action,.winner-grid .ranking-character-card:nth-child(3) .ranking-card-action,.winner-grid .ranking-character-card:nth-child(4) .ranking-card-action{background:#ffffff}.wide-ad{display:flex;min-height:250px;align-items:center;justify-content:center;border:0;box-shadow:0 18px 38px rgba(20,24,34,.16);color:#9ba6b6;font-size:13px;font-weight:900}.wide-ad-pending{min-height:96px;visibility:hidden;border-color:transparent;background:transparent;box-shadow:none}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notice-panel,.ranking-panel{overflow:hidden;padding:20px}table{width:100%;border-collapse:collapse;table-layout:fixed}td,th{padding:12px 8px;border-bottom:1px solid var(--line-soft);text-align:left}th{color:var(--text-muted);font-size:12px;font-weight:900}td{color:#34445a;font-size:13px;font-weight:700}td strong{display:block;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}td:first-child,th:first-child{width:52px}td:nth-child(3),td:nth-child(4),th:nth-child(3),th:nth-child(4){width:72px}td:last-child,th:last-child{width:96px;text-align:right}tr:last-child td{border-bottom:0}.class-chip{display:inline-flex;align-items:center;height:24px;border-radius:999px;padding:0 8px;background:var(--brand-soft);font-size:12px}.class-chip,.score-cell{color:var(--brand-deep);font-weight:900}.notice-panel ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.notice-panel li{display:grid;grid-template-columns:70px minmax(0,1fr) 46px;gap:10px;align-items:center;min-height:46px;border-bottom:1px solid var(--line-soft);padding:10px 0}.notice-panel li:last-child{border-bottom:0}.notice-placeholder{visibility:hidden;pointer-events:none}.notice-type{display:inline-flex;height:25px;align-items:center;justify-content:center;border-radius:999px;background:#eef3f8;color:#536278;font-size:12px;font-weight:900}.notice-점검{background:#fff4df;color:#a76700}.notice-공지{background:#eef7ff;color:#1f6fb2}.notice-패치{background:var(--brand-soft);color:var(--brand-deep)}.notice-atwolab{background:#eefbf6;color:#15846e}.notice-이벤트{background:#eff8ed;color:#357a38}.notice-panel a{min-width:0}.notice-panel strong{display:block;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.notice-panel time{text-align:right}.last-updated,.notice-panel time{color:var(--text-muted);font-size:12px;font-weight:800}.last-updated{text-align:center}.search-results-frame{padding-top:28px}.search-results-column{margin-top:0}.results-panel{border:1px solid var(--line-soft);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:26px}.results-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:18px;align-items:end;margin-bottom:20px}.results-heading h1{margin:0;font-size:24px;font-weight:900}.results-heading p{margin-top:6px;color:var(--text-muted);font-size:14px;font-weight:800}.results-search-form{position:relative;display:grid;grid-template-columns:96px 132px minmax(180px,1fr) 72px;align-items:end;gap:10px;justify-self:end;width:min(100%,560px);min-width:0}.results-search-form button,.results-search-form input,.results-search-form select{height:42px;border-radius:8px}.results-search-form input,.results-search-form select{min-width:0;border:1px solid var(--line);padding:0 12px;background:#ffffff;color:var(--text);font-weight:800}.results-search-form input.search-input-error{border-color:#dc6803;background:#fff7ed;box-shadow:0 0 0 3px rgba(220,104,3,.14)}.search-field{min-width:0;display:grid}.results-search-form select{width:100%}.results-search-form button{border:0;background:var(--brand);color:#071313;font-weight:900}.results-search-form button:disabled{cursor:progress;opacity:.72}.header-search .character-suggest-option:focus-visible,.header-search .character-suggest-option:hover,.results-search-form .character-suggest-option:focus-visible,.results-search-form .character-suggest-option:hover,.search-form .character-suggest-option:focus-visible,.search-form .character-suggest-option:hover{background:rgba(33,198,168,.16)}.search-form-alert,.search-form-message{grid-column:1/-1;font-size:13px;font-weight:800}.search-form-message{margin:-2px 0 0;color:var(--text-muted);text-align:right}.search-form-alert{position:absolute;right:0;top:calc(100% + 8px);z-index:4;display:flex;gap:7px;align-items:center;width:min(100%,360px);border:1px solid rgba(220,104,3,.32);border-radius:8px;margin-top:0;padding:9px 11px;background:#fff7ed;box-shadow:0 12px 28px rgba(154,52,18,.14);color:#9a3412}.search-form-alert:before{display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:#fed7aa;color:#9a3412;font-size:13px;font-weight:950;content:"!"}.search-form-alert strong{display:block;font-weight:900}.search-form-alert span{display:none;color:#c2410c;font-size:12px}.results-body{position:relative;min-height:216px;border-radius:8px}.search-initial-state{display:grid;min-height:216px;align-content:center;justify-items:center;gap:14px;border:1px dashed rgba(33,198,168,.32);border-radius:8px;background:linear-gradient(135deg,rgba(232,251,247,.78),rgba(255,255,255,.96) 48%,rgba(255,247,229,.72));padding:34px 20px;text-align:center}.search-initial-mark{display:block;width:104px;height:78px;opacity:.5;object-fit:contain}.search-initial-state strong{display:block;color:var(--text);font-size:20px;font-weight:950;line-height:1.3}.search-initial-state p{max-width:420px;margin:8px 0 0;color:var(--text-muted);font-size:14px;font-weight:750;line-height:1.55}.page-loading-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(246,248,247,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-loading-card{display:grid;justify-items:center;width:min(420px,100%);gap:14px;border:1px solid rgba(18,194,162,.28);border-radius:8px;padding:26px 26px 22px;background:rgba(255,255,255,.94);box-shadow:0 28px 80px rgba(14,27,31,.18)}.page-loading-spinner{width:38px;height:38px;border:3px solid rgba(18,194,162,.2);border-top:3px solid var(--brand);border-radius:50%;animation:loading-spin .82s linear infinite}.search-loading-copy{display:grid;gap:5px;text-align:center}.search-loading-copy strong{color:var(--text);font-size:17px;font-weight:900}.search-loading-copy span{color:var(--text-muted);font-size:13px;font-weight:800}.search-loading-bar{overflow:hidden;width:100%;height:6px;border-radius:999px;background:rgba(15,23,42,.1);box-shadow:0 10px 26px rgba(14,27,31,.1)}.search-loading-bar span{display:block;width:42%;height:100%;border-radius:inherit;background:var(--brand);animation:search-loading-slide 1.05s ease-in-out infinite}@keyframes search-loading-slide{0%{transform:translateX(-110%)}to{transform:translateX(250%)}}@keyframes loading-spin{to{transform:rotate(1turn)}}.app-state{min-height:min(520px,62vh);display:grid;place-items:center;padding:48px 18px}.app-loading-frame{display:grid;min-height:min(620px,calc(100vh - 104px));place-items:center;padding:28px 24px 48px}.app-loading-frame .app-state{width:100%;min-height:0;padding:0}.app-state-card{width:min(420px,100%);border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-soft);padding:28px;text-align:center}.app-state-card h2{margin:14px 0 8px;font-size:1.15rem;color:var(--text)}.app-state-card p{margin:0;color:var(--text-muted);line-height:1.65}.app-state-card button{margin-top:20px;border:0;border-radius:8px;background:var(--brand-deep);color:#fff;font-weight:800;padding:10px 18px;cursor:pointer}.app-state-card button:hover{background:var(--brand)}.app-state-mark,.app-state-spinner{display:inline-block;width:34px;height:34px;border-radius:50%}.app-state-mark{background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#f4b74d,var(--brand)) border-box;border:3px solid transparent;position:relative}.app-state-mark:after{content:"";position:absolute;left:14px;top:7px;width:3px;height:15px;border-radius:999px;background:var(--brand-deep);box-shadow:0 19px 0 var(--brand-deep)}.app-state-spinner{border:3px solid color-mix(in srgb,var(--brand) 18%,var(--line));border-top-color:var(--brand-deep);animation:loading-spin .82s linear infinite}.result-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.favorites-column{margin-top:28px}.favorites-toolbar{display:grid;gap:6px;border:1px solid rgba(22,48,71,.08);border-radius:8px;padding:18px 20px;background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(22,48,71,.05)}.favorites-toolbar h1{margin:0;color:var(--text);font-size:22px;font-weight:950;letter-spacing:0}.favorites-toolbar p{margin:4px 0 0;color:var(--text-muted);font-size:13px;font-weight:750;line-height:1.5}.favorites-empty{border:1px solid rgba(22,48,71,.08);border-radius:8px;background:#ffffff;box-shadow:0 10px 24px rgba(22,48,71,.05);display:grid;justify-items:center;gap:10px;padding:44px 20px;text-align:center}.favorites-empty strong{color:var(--text);font-size:20px;font-weight:950}.favorites-empty p{max-width:420px;margin:0;color:var(--text-muted);font-size:14px;font-weight:750;line-height:1.55}.favorites-section{background:var(--surface);border:1px solid rgba(22,48,71,.08);border-radius:8px;box-shadow:0 10px 24px rgba(22,48,71,.05);display:grid;gap:14px;padding:16px}.favorites-section>header{align-items:center;display:flex;justify-content:space-between;gap:12px}.favorites-section h2{color:var(--text);font-size:18px;font-weight:950;line-height:1.2;margin:0}.favorites-section>header span{background:var(--brand-soft);border-radius:999px;color:var(--brand-deep);font-size:12px;font-weight:950;padding:6px 10px}.favorites-section-empty{background:var(--surface-muted);border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:13px;font-weight:850;padding:18px;text-align:center}.favorite-legion-list{display:grid;gap:10px}.favorites-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:2px}.favorites-pagination button{display:inline-flex;min-width:64px;height:34px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:7px;background:#ffffff;color:var(--text);cursor:pointer;font-size:12px;font-weight:900}.favorites-pagination button:disabled{cursor:default;opacity:.44}.favorites-pagination strong{min-width:54px;color:var(--text-muted);font-size:12px;font-weight:950;text-align:center}.favorite-legion-card{align-items:center;background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid var(--line-soft);border-radius:8px;color:inherit;display:grid;gap:14px;grid-template-columns:minmax(180px,.8fr) minmax(420px,1fr);padding:14px;text-decoration:none}.favorite-legion-card>div{min-width:0}.favorite-legion-card>div span{color:var(--brand-deep);display:block;font-size:12px;font-weight:900;margin-bottom:5px}.favorite-legion-card>div strong{color:var(--text);display:block;font-size:18px;font-weight:950;overflow-wrap:anywhere}.favorite-legion-card dl{display:grid;gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.favorite-legion-card dl div{background:var(--surface);border:1px solid var(--line-soft);border-radius:7px;padding:9px 10px}.favorite-legion-card dd,.favorite-legion-card dt{margin:0}.favorite-legion-card dt{color:var(--muted);font-size:11px;font-weight:900}.favorite-legion-card dd{color:var(--text);font-size:14px;font-weight:950;margin-top:4px}.news-column{margin-top:28px}.news-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(22,48,71,.08);border-radius:8px;padding:18px 20px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(22,48,71,.05)}.news-head h1{margin:0;color:var(--text);font-size:24px;font-weight:950}.news-head p{margin:5px 0 0;color:var(--text-muted);font-size:13px;font-weight:750}.arcana-preset-actions{grid-template-columns:minmax(0,1fr)}.arcana-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.arcana-skill-summary-groups{display:grid;gap:12px;border-top:1px solid var(--line-soft);padding-top:12px}.arcana-skill-summary-groups section{display:grid;gap:7px}.arcana-skill-summary-groups h4{width:fit-content;margin:0;border-radius:999px;padding:4px 9px;background:rgba(26,90,124,.08);color:var(--text);font-size:12.5px;font-weight:950}.contact-admin-board{overflow:hidden;border:1px solid rgba(22,48,71,.08);border-radius:8px;background:#ffffff;box-shadow:0 10px 24px rgba(22,48,71,.05)}.contact-admin-board-head,.contact-admin-row{display:grid;grid-template-columns:110px minmax(320px,1fr) 132px 150px;gap:14px;align-items:start}.contact-admin-filterbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 14px}.contact-admin-tabs{display:flex;flex-wrap:wrap;gap:8px}.contact-admin-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:36px;border:1px solid rgba(22,48,71,.12);border-radius:999px;padding:0 13px;background:#ffffff;color:var(--text-muted);font-weight:950;cursor:pointer}.contact-admin-tabs button[aria-pressed=true]{border-color:rgba(33,198,168,.45);background:rgba(33,198,168,.13);color:var(--brand-deep)}.contact-admin-tabs button:disabled{cursor:progress;opacity:.72}.contact-admin-status-select{display:inline-flex;align-items:center;gap:9px;margin-left:auto;color:var(--text-muted);font-size:13px;font-weight:950;white-space:nowrap}.contact-admin-status-select select{min-width:118px;min-height:36px;border:1px solid rgba(22,48,71,.14);border-radius:8px;padding:0 10px;background:#ffffff;color:var(--text);font-weight:900}.contact-admin-board-head{padding:12px 16px;background:#f7faf9;color:var(--text-muted);font-size:12px;font-weight:950}.contact-admin-row{border-top:1px solid rgba(22,48,71,.08);padding:16px}.contact-admin-row time,.contact-admin-row>strong,.legion-promotion-admin-title strong{color:var(--text);font-size:13px;font-weight:950}.contact-admin-row time{display:grid;gap:3px;white-space:nowrap}.contact-admin-row time span:last-child{color:var(--text-muted);font-size:12px;font-weight:850}.legion-promotion-admin-title{display:grid;min-width:0;gap:4px}.legion-promotion-admin-title span,.legion-promotion-admin-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legion-promotion-admin-title span{color:var(--text-muted);font-size:12px;font-weight:850}.contact-status-badge{width:fit-content;border-radius:999px;padding:5px 9px;background:#eef2f6;color:var(--text-muted);font-size:12px;font-weight:950}.contact-status-badge.contact-status-new{background:rgba(33,198,168,.13);color:var(--brand-deep)}.contact-admin-cell-text{display:block;min-width:0;overflow:hidden;color:var(--text-muted);font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.contact-admin-cell-text a{color:var(--brand-deep)}.contact-admin-row-body{display:grid;min-width:0;gap:10px}.contact-admin-row-body p{margin:0;color:var(--text);font-size:14px;font-weight:750;line-height:1.55}.contact-admin-row-body a,.contact-admin-url-muted{overflow:hidden;color:var(--brand-deep);font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.contact-admin-row-body dl{display:grid;gap:5px;margin:0}.contact-admin-row-body dl div{display:grid;grid-template-columns:70px minmax(0,1fr);min-width:0;gap:8px;color:var(--text-muted);font-size:12px;font-weight:800}.contact-admin-row-body dt{color:#7b8797}.contact-admin-row-body dd{min-width:0;margin:0}.contact-admin-row-actions{justify-content:flex-end}.legion-promotion-admin-row,.legion-promotion-board-head{grid-template-columns:76px minmax(120px,150px) minmax(320px,1fr) 132px 210px}.legion-promotion-admin-row img{width:180px;max-width:100%;border:1px solid rgba(22,48,71,.08);border-radius:8px;object-fit:cover}.contact-admin-empty{display:grid;min-height:170px;place-items:center;border-top:1px solid rgba(22,48,71,.08);padding:32px 20px;color:var(--text-muted);text-align:center}.contact-admin-empty p{margin:0;color:var(--text-muted);font-size:14px;font-weight:900}.atwolab-news-admin-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:16px;margin-top:18px;align-items:start}.atwolab-news-admin-form{display:grid;gap:12px}.atwolab-news-admin-form label{display:grid;gap:7px;color:var(--text-muted);font-size:13px;font-weight:950}.atwolab-news-admin-form input,.atwolab-news-admin-form select,.atwolab-news-admin-form textarea{width:100%;border:1px solid rgba(22,48,71,.14);border-radius:8px;padding:10px 11px;background:#ffffff;color:var(--text);font:inherit;font-weight:800}.atwolab-news-admin-form textarea{resize:vertical}.atwolab-news-admin-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.atwolab-news-admin-list-head,.atwolab-news-admin-row{grid-template-columns:86px minmax(260px,1fr) 78px 132px 116px}.home-news-stack{display:grid;gap:12px}.notice-empty{justify-content:center;color:var(--text-muted);font-size:13px;font-weight:850}@media (max-width:980px){.atwolab-news-admin-layout{grid-template-columns:1fr}.atwolab-news-admin-list-head{display:none}.atwolab-news-admin-row{grid-template-columns:1fr}.contact-admin-filterbar{align-items:stretch;flex-direction:column}.contact-admin-status-select{justify-content:space-between;width:100%;margin-left:0}.contact-admin-board-head{display:none}.contact-admin-row,.legion-promotion-admin-row{grid-template-columns:1fr;gap:10px}.contact-admin-row-actions{justify-content:flex-start}}.news-head a{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:38px;border:1px solid rgba(33,198,168,.28);border-radius:8px;padding:0 14px;background:var(--brand-soft);color:var(--brand-deep);font-size:13px;font-weight:950}.news-tabs{display:flex;align-items:center;gap:10px;border:1px solid rgba(22,48,71,.08);border-radius:8px;padding:6px;background:#ffffff;box-shadow:0 10px 24px rgba(22,48,71,.04)}.news-tabs a,.news-tabs button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;border:0;border-radius:8px;padding:0 16px;background:transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;font-size:13px;font-weight:900}.news-tabs a:hover,.news-tabs button:hover{color:var(--brand-deep)}.news-tabs a.is-active,.news-tabs button.is-active{background:var(--brand);color:#ffffff;box-shadow:0 8px 18px rgba(33,198,168,.24)}.news-category-tabs{justify-content:flex-start}.news-list{display:grid;gap:10px}.news-card{display:grid;grid-template-columns:92px minmax(0,1fr) 132px;align-items:center;gap:16px;border:1px solid rgba(22,48,71,.08);border-radius:8px;padding:16px 18px;background:#ffffff;box-shadow:0 8px 18px rgba(22,48,71,.04)}.news-card:hover{border-color:rgba(33,198,168,.42);box-shadow:0 12px 26px rgba(22,48,71,.08)}.news-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border-radius:8px;font-size:13px;font-weight:950}.news-badge-notice{background:#eef7ff;color:#1f6fb2}.news-badge-update{background:var(--brand-soft);color:var(--brand-deep)}.news-badge-atwolab{background:#eefbf6;color:#15846e}.news-card-body{display:grid;min-width:0;gap:6px}.notice-detail{display:grid;gap:18px}.notice-detail-head{display:grid;gap:10px;border:1px solid rgba(22,48,71,.08);border-radius:8px;background:#ffffff;padding:24px;box-shadow:0 8px 18px rgba(22,48,71,.04)}.notice-detail-head .news-badge{width:fit-content;padding:0 12px}.notice-detail-head h1{margin:0;color:var(--text);font-size:28px;letter-spacing:0;line-height:1.3}.notice-detail-head p{margin:0;color:var(--text-muted);font-size:15px;font-weight:800;line-height:1.6}.notice-detail-head time{color:var(--text-light);font-size:13px;font-weight:900}.notice-detail-content{border:1px solid rgba(22,48,71,.08);border-radius:8px;background:#ffffff;padding:24px;color:var(--text);font-size:15px;font-weight:700;line-height:1.8;box-shadow:0 8px 18px rgba(22,48,71,.04)}.notice-detail-content p{margin:0 0 12px}.notice-detail-content p:last-child{margin-bottom:0}.notice-detail-actions{display:flex;justify-content:flex-end}.notice-detail-actions a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(33,198,168,.35);border-radius:8px;background:#ffffff;color:var(--brand-deep);font-size:14px;font-weight:950;padding:0 16px}.news-card-body strong{color:var(--text);font-size:16px;font-weight:950}.news-card-body span,.news-card-body strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-card-body span{color:var(--text-muted);font-size:13px;font-weight:750}.news-card-meta{display:grid;justify-items:end;gap:5px;color:#7b8797;font-size:12px;font-weight:850}.news-empty{display:grid;justify-items:center;gap:10px;border:1px solid rgba(22,48,71,.08);border-radius:8px;padding:44px 20px;background:#ffffff;box-shadow:0 10px 24px rgba(22,48,71,.05);text-align:center}.news-empty strong{color:var(--text);font-size:20px;font-weight:950}.news-empty p{max-width:420px;margin:0;color:var(--text-muted);font-size:14px;font-weight:750;line-height:1.55}.search-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:20px}.search-pagination a,.search-pagination span,.search-pagination strong{min-width:58px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#ffffff;color:var(--text);font-size:13px;font-weight:900;text-align:center}.search-pagination span{color:var(--text-muted);background:var(--surface-muted)}.pagination{flex-wrap:wrap;gap:8px;justify-content:center}.pagination,.pagination-pages{align-items:center;display:flex}.pagination-pages{gap:6px}.pagination .pagination-edge,.pagination .pagination-ellipsis,.pagination .pagination-mobile-status,.pagination .pagination-page{align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:8px;color:var(--text);display:inline-flex;font-size:13px;font-weight:900;height:38px;justify-content:center;min-width:40px;padding:0 12px;text-align:center;text-decoration:none}.pagination .pagination-edge{min-width:58px}.pagination .pagination-page.is-current{background:#132033;border-color:#132033;color:#ffffff;box-shadow:0 8px 18px rgba(19,32,51,.16)}.pagination .pagination-edge.is-disabled,.pagination .pagination-ellipsis{background:var(--surface-muted);color:var(--text-muted)}.pagination .pagination-mobile-status{display:none}@media (max-width:760px){.pagination{gap:6px}.pagination-pages{display:none}.pagination .pagination-mobile-status{display:inline-flex;min-width:70px}.pagination .pagination-edge{min-width:50px;padding:0 10px}}.result-state{border:1px dashed var(--line);border-radius:8px;padding:42px 16px;background:var(--surface-muted);color:var(--text-muted);font-weight:900;text-align:center}.result-state-error{border-color:#f1b9b9;background:#fff6f6;color:#b44747}.result-preview-notice{display:flex;gap:10px;align-items:center;margin:14px 0;border:1px solid #d8eee9;border-radius:8px;padding:12px 14px;background:#f4fbf9;color:var(--text-muted);font-size:13px;font-weight:800}.result-preview-notice strong{flex:0 0 auto;color:var(--brand-deep);font-size:14px}.character-detail-frame{padding-top:24px}.character-detail-column{margin-top:0}.detail-hero,.detail-panel{border:1px solid var(--line-soft);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.detail-hero{display:grid;grid-template-columns:260px minmax(0,1fr);gap:0;overflow:hidden;padding:0}.detail-profile-box{display:grid;align-content:center;gap:12px;justify-items:center;border-right:1px solid var(--line-soft);padding:24px 20px}.detail-profile-box>span{color:var(--text-muted);font-size:12px;font-weight:800}.detail-avatar{display:flex;width:148px;height:148px;align-items:center;justify-content:center;border:1px solid var(--line-soft);border-radius:12px;background:radial-gradient(circle at 50% 52%,rgba(255,255,255,.16),transparent 34%),linear-gradient(135deg,var(--brand),var(--brand-deep));color:#ffffff;font-size:54px;font-weight:900;object-fit:cover}.detail-petwing{display:grid;gap:8px;width:100%}.detail-petwing article{display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;min-height:48px;border:1px solid var(--line-soft);border-radius:8px;padding:7px;background:linear-gradient(180deg,#ffffff,#fbfcfd);text-align:left}.detail-petwing article>span,.detail-petwing img{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-muted);color:var(--brand-deep);font-size:14px;font-weight:900;object-fit:cover}.detail-petwing small{display:block;color:var(--text-muted);font-size:11px;font-weight:900}.detail-petwing strong{display:block;overflow:hidden;color:var(--text);font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.detail-actions{display:grid;align-items:start;grid-template-columns:1fr 1fr;gap:8px;width:100%}.detail-refresh-action{display:grid;gap:5px;min-width:0}.detail-actions>.favorite-action{align-self:start}.detail-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff;color:var(--text);font:inherit;font-size:13px;font-weight:900}.detail-refresh-action button{border-color:rgba(0,150,136,.35);background:var(--brand);color:#ffffff}.detail-actions button:disabled{border-color:#d8dde2;background:#eef1f4;color:#818a94;cursor:not-allowed}.detail-actions .favorite-action{border-color:rgba(244,183,77,.34);background:linear-gradient(180deg,#ffffff,#fffaf0);color:#5f4b18}.detail-actions .favorite-action.active{border-color:rgba(217,151,20,.42);background:linear-gradient(180deg,#fff8e7,#ffffff);color:#4f3c0d}.detail-refresh-action>span{color:var(--muted);font-size:11px;font-weight:800;line-height:1.2;text-align:center;white-space:nowrap}.detail-refresh-error{margin:0;padding:7px 9px;border:1px solid rgba(220,38,38,.22);border-radius:8px;background:#fff1f2;color:#b91c1c;font-size:11px;font-weight:800;line-height:1.35;text-align:left}.detail-action-icon{font-size:20px;line-height:1}.detail-button-icon{width:21px;height:21px;flex:0 0 auto;transition:fill .16s ease,filter .16s ease,transform .16s ease,stroke .16s ease}.refresh-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.detail-refresh-action button:hover .refresh-icon{transform:translateY(-1px) rotate(18deg)}.favorite-star-icon{fill:#ffffff;stroke:#d99714;stroke-linejoin:round;stroke-width:2.2}.favorite-action.active .favorite-star-icon{fill:#f4b74d;filter:drop-shadow(0 2px 4px rgba(217,151,20,.22))}.favorite-action:hover .favorite-star-icon{transform:translateY(-1px)}.detail-hero-main{display:grid;gap:22px;min-width:0;padding:28px}.detail-identity{min-width:0}.detail-identity h1{margin:0 0 10px;color:#050816;font-size:38px;line-height:1.08}.detail-tags{display:flex;flex-wrap:wrap;gap:8px}.detail-tags span{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--line-soft);border-radius:999px;padding:0 10px;background:var(--surface-muted);color:var(--text-muted);font-size:13px;font-weight:800}.detail-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.detail-hero-metrics{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,330px);gap:12px;align-items:stretch;min-width:0}.detail-hero-metrics .detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-summary-card{min-height:106px;border:1px solid var(--line-soft);border-radius:8px;padding:16px;background:linear-gradient(180deg,#ffffff,#fbfcfd);text-align:center}.detail-source-row span,.detail-summary-card span{display:block;color:var(--text-muted);font-size:13px;font-weight:900}.detail-summary-card strong{display:block;margin-top:12px;color:#050816;font-size:27px;line-height:1}.detail-summary-card strong.accent{color:var(--brand-deep);font-size:32px}.detail-legion-link{color:inherit;text-decoration:none}.detail-legion-link:hover{color:var(--brand-deep)}.detail-summary-card p{margin:10px 0 0;color:var(--text-muted);font-size:12px;font-weight:800}.detail-summary-rank{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;border:1px solid rgba(33,198,168,.18);border-radius:999px;padding:5px 9px;background:var(--brand-soft);color:var(--brand-deep)!important;font-size:11.5px!important;font-weight:950!important;line-height:1.2;overflow-wrap:anywhere}.detail-summary-rank-base,.detail-summary-rank-main{display:block}.detail-summary-rank-base{margin-top:2px;color:rgba(26,90,124,.72);font-size:10.5px}.detail-source-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;border-top:1px solid var(--line-soft);padding-top:12px}.detail-source-row strong{color:var(--brand-deep);font-size:13px;font-weight:900}.growth-up-text{color:var(--brand-deep)!important}.growth-down-text{color:#c04444!important}.detail-grid{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:22px}.detail-panel{padding:22px}.panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-title h2{margin:0;font-size:18px}.panel-title span{color:var(--text-muted);font-size:12px;font-weight:800}.combat-power{display:block;margin-bottom:8px;font-size:38px;line-height:1}.growth-value{display:inline-flex;min-height:30px;align-items:center;border-radius:999px;padding:0 10px;font-size:14px;font-weight:900}.growth-up{background:var(--brand-soft);color:var(--brand-deep)}.growth-down{background:#fff4f4;color:#c04444}.growth-chart{display:block;width:100%;max-width:100%;min-height:168px}.growth-chart-wrap{position:relative;display:grid;gap:8px;min-width:0;max-width:100%;overflow:hidden}.growth-chart path{fill:none;stroke:var(--line);stroke-linecap:round;stroke-width:2}.growth-chart .growth-line{stroke:var(--brand);stroke-width:4}.detail-empty{border-radius:8px;padding:36px 14px;background:var(--surface-muted);color:var(--text-muted);font-weight:900;text-align:center}.detail-growth-mini{min-width:0;min-height:224px;max-width:100%;overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;padding:16px;background:linear-gradient(180deg,#ffffff,#fbfcfd)}.detail-growth-mini .panel-title{margin-bottom:12px}.detail-growth-mini .growth-chart{min-height:126px}.growth-chart circle{fill:var(--brand);stroke:#ffffff;stroke-width:2}.growth-chart .growth-hit-area{fill:transparent;stroke:transparent;stroke-width:0}.growth-chart .growth-point{cursor:default;outline:none}.growth-chart .growth-point:hover circle:not(.growth-hit-area){fill:var(--brand-deep);stroke-width:3}.growth-tooltip{position:absolute;top:4px;right:0;z-index:2;max-width:min(230px,100%);border:1px solid rgba(0,121,107,.22);border-radius:8px;padding:8px 10px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(14,27,31,.14);color:var(--text);font-size:12px;font-weight:900;line-height:1.25;pointer-events:none;white-space:nowrap}.growth-date-axis{display:flex;justify-content:space-between;gap:8px;min-width:0;overflow:hidden;color:var(--text-muted);font-size:11px;font-weight:800;line-height:1}.growth-date-axis span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-tabs-panel{display:grid;gap:20px;min-width:0}.detail-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff}.detail-tabs button{min-height:42px;border:0;border-bottom:2px solid transparent;background:#ffffff;color:var(--text-muted);font:inherit;font-size:13px;font-weight:900;cursor:pointer}.detail-tabs button.active{border-bottom-color:var(--brand);background:#ffffff;color:var(--brand-deep)}.detail-card-grid,.detail-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-data-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;min-height:92px;border:1px solid var(--line-soft);border-radius:8px;padding:12px;background:#ffffff}button.detail-data-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.detail-data-card.active{border-color:rgba(0,150,136,.38);box-shadow:0 0 0 3px rgba(38,166,154,.12)}.detail-data-card.compact{grid-template-columns:minmax(0,1fr)}.detail-data-card img,.detail-item-fallback{width:48px;height:48px;border:1px solid var(--line);border-radius:8px;background:#ffffff;object-fit:cover}.detail-item-fallback{display:flex;align-items:center;justify-content:center;color:var(--brand-deep);font-weight:900}.detail-data-card span{display:block;color:var(--text-muted);font-size:12px;font-weight:900}.detail-data-card strong{display:block;margin-top:4px;color:var(--text);font-size:15px;line-height:1.3}.detail-data-card p{margin:6px 0 0;color:var(--text-muted);font-size:12px;font-weight:800;line-height:1.45}.detail-tab-stack{display:grid;gap:22px}.daevanion-board-selector{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;overflow-x:auto;padding-bottom:2px}.daevanion-board-button{min-width:0;border:1px solid var(--line-soft);border-radius:8px;padding:9px 8px;background:#ffffff;color:var(--text);font:inherit;text-align:center;cursor:pointer}.daevanion-board-button span,.daevanion-board-button strong{display:block}.daevanion-board-button span{font-size:13px;font-weight:950;line-height:1.25}.daevanion-board-button strong{margin-top:5px;color:var(--text-muted);font-size:11px;font-weight:900;line-height:1.25}.daevanion-board-button.active{border-color:rgba(0,150,136,.38);background:linear-gradient(180deg,rgba(232,249,246,.9),#ffffff);box-shadow:0 0 0 3px rgba(38,166,154,.12);color:var(--brand-deep)}.daevanion-board-button.active strong{color:var(--brand-deep)}.daevanion-board-button:disabled{cursor:default;opacity:.45}.daevanion-node-panel{min-width:0;border:1px solid var(--line-soft);border-radius:8px;padding:14px;background:linear-gradient(180deg,#ffffff,#fbfcfd)}.daevanion-node-workspace{display:grid;grid-template-columns:minmax(360px,1fr) minmax(260px,.55fr);gap:14px;align-items:start}.daevanion-node-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.daevanion-node-panel>header span{display:block;color:var(--text-muted);font-size:12px;font-weight:900}.daevanion-node-panel h2{margin:3px 0 0;color:var(--brand-deep);font-size:18px}.daevanion-node-panel>header>strong{flex:0 0 auto;color:var(--text);font-size:13px;font-weight:950;line-height:1.5}.daevanion-board-scroll{display:block;width:100%;max-width:100%;min-width:0;overflow:visible}.daevanion-node-board{--node-width:minmax(0,1fr);--node-height:48px;display:grid;grid-template-columns:repeat(var(--daevanion-cols),minmax(0,1fr));grid-auto-rows:var(--node-height);gap:5px;width:100%;max-width:100%;border:1px solid rgba(22,48,71,.11);border-radius:8px;padding:12px;background:linear-gradient(180deg,rgba(17,24,39,.94),rgba(14,22,31,.96)),radial-gradient(circle at center,rgba(38,166,154,.1),transparent 58%);justify-content:start}.daevanion-node-board:not(.simulator-node-board){aspect-ratio:1/1;grid-auto-rows:minmax(0,1fr)}.daevanion-node-board:not(.simulator-node-board) .daevanion-node-dot{height:100%}.daevanion-node-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;height:var(--node-height);border:1px solid rgba(110,126,148,.92);border-radius:7px;padding:5px;background:rgba(31,36,45,.96);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 16px rgba(0,0,0,.18);color:#d8dee8;cursor:help}.daevanion-node-dot:focus-visible,.daevanion-node-dot:hover{z-index:40}.daevanion-node-dot>span{display:-webkit-box;overflow:hidden;width:100%;font-size:9.5px;font-weight:900;line-height:1.22;overflow-wrap:anywhere;text-align:center;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:keep-all}.daevanion-node-dot>.daevanion-node-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;z-index:30;display:none;gap:6px;width:max-content;min-width:150px;max-width:min(260px,72vw);overflow:visible;border:1px solid rgba(203,213,225,.18);border-radius:8px;padding:10px 11px;background:rgba(15,23,42,.96);box-shadow:0 14px 34px rgba(0,0,0,.28);color:#f8fafc;font-size:inherit;opacity:0;pointer-events:none;text-align:left;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease}.daevanion-node-tooltip:after{position:absolute;top:100%;left:50%;width:9px;height:9px;border-right:1px solid rgba(203,213,225,.18);border-bottom:1px solid rgba(203,213,225,.18);background:rgba(15,23,42,.96);content:"";transform:translate(-50%,-5px) rotate(45deg)}.daevanion-node-tooltip strong{color:#ffffff;font-size:12px;font-weight:950;line-height:1.25}.daevanion-node-tooltip>span{display:grid;gap:4px}.daevanion-node-tooltip em{color:#cbd5e1;font-size:11.5px;font-style:normal;font-weight:850;line-height:1.35}.daevanion-node-dot:focus-visible .daevanion-node-tooltip,.daevanion-node-dot:hover .daevanion-node-tooltip{display:grid;opacity:1;transform:translate(-50%)}.daevanion-node-dot.tooltip-below>.daevanion-node-tooltip{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}.daevanion-node-dot.tooltip-below>.daevanion-node-tooltip:after{top:auto;bottom:100%;border:0;border-top:1px solid rgba(203,213,225,.18);border-left:1px solid rgba(203,213,225,.18);transform:translate(-50%,5px) rotate(45deg)}.daevanion-node-dot.tooltip-below:focus-visible .daevanion-node-tooltip,.daevanion-node-dot.tooltip-below:hover .daevanion-node-tooltip{transform:translate(-50%)}.daevanion-node-dot.empty{width:100%;min-width:0;height:var(--node-height);align-self:center;justify-self:center;border-style:dashed;border-color:rgba(112,126,148,.55);background:rgba(13,18,27,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.daevanion-node-dot.locked{border-color:rgba(71,85,105,.5)!important;background:rgba(15,23,42,.62)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),inset 0 0 0 999px rgba(15,23,42,.36)!important;color:rgba(148,163,184,.62)!important;opacity:1;filter:grayscale(.9)}.daevanion-node-dot.grade-hero,.daevanion-node-dot.grade-unique{border-color:rgba(234,179,8,.95);background:rgba(76,56,5,.92);color:#fde68a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(234,179,8,.24)}.daevanion-node-dot.grade-legend{border-color:rgba(59,130,246,.95);background:rgba(14,52,104,.92);color:#bfdbfe;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(59,130,246,.22)}.daevanion-node-dot.grade-rare{border-color:rgba(34,197,94,.88);background:rgba(11,66,39,.9);color:#86efac;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 1px rgba(34,197,94,.2)}.daevanion-node-dot.grade-common{border-color:rgba(148,163,184,.95);background:rgba(43,50,62,.96);color:#e2e8f0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 0 1px rgba(148,163,184,.18)}.daevanion-node-dot.type-start{border:2px solid rgba(168,85,247,.98);background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.24),transparent 30%),linear-gradient(180deg,rgba(88,28,135,.98),rgba(67,20,102,.98));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 2px rgba(168,85,247,.2),0 0 18px rgba(168,85,247,.36);color:#f3e8ff}.daevanion-node-dot.type-start.locked{border-color:rgba(168,85,247,.9)!important;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.2),transparent 30%),linear-gradient(180deg,rgba(88,28,135,.86),rgba(67,20,102,.86))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 2px rgba(168,85,247,.18),0 0 14px rgba(168,85,247,.28)!important;color:#f3e8ff!important;filter:none}.daevanion-node-dot.type-skill{border-color:rgba(59,130,246,.95);background:rgba(13,54,111,.92);color:#93c5fd}.daevanion-effect-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start;border:1px solid rgba(26,90,124,.12);border-radius:8px;margin-bottom:0;padding:11px 12px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,250,251,.98)),radial-gradient(circle at 0 0,rgba(38,166,154,.08),transparent 32%);box-shadow:inset 0 1px 0 rgba(255,255,255,.72)}.daevanion-effect-summary>strong{grid-column:1/-1}.daevanion-effect-summary.stat-only,.daevanion-effect-summary.stat-only .daevanion-effect-group{grid-template-columns:minmax(0,1fr)}.daevanion-effect-summary.stat-only .daevanion-effect-group>div{display:grid;grid-template-columns:minmax(0,1fr)}.daevanion-effect-summary.stat-only span{display:block;padding:7px 12px;font-size:14px;line-height:1.4}.daevanion-effect-summary span{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;line-height:1.32;overflow-wrap:anywhere;word-break:keep-all}.daevanion-effect-summary strong{display:flex;align-items:center;gap:8px;margin-bottom:0;white-space:nowrap;color:var(--brand-deep);font-size:13px;font-weight:950}.daevanion-effect-group+.daevanion-effect-group{margin-top:0}.daevanion-effect-group{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start;align-self:start;align-content:start;min-width:0}.daevanion-effect-group h3{display:inline-flex;align-items:center;justify-content:center;justify-self:start;min-height:22px;border-radius:999px;padding:0 10px;margin:0;background:rgba(26,90,124,.09);color:#1a5a7c;font-size:12px;font-weight:950;white-space:nowrap}.daevanion-effect-group>div{display:flex;flex-wrap:wrap;gap:6px;min-width:0;overflow:visible;padding-bottom:0}.daevanion-effect-summary span{border:1px solid rgba(22,48,71,.08);background:#ffffff;color:var(--text)}.ranking-tab-stack{gap:22px}.ranking-section h2{margin:0 0 12px;font-size:16px}.character-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-ranking-card,.content-ranking-card{min-width:0;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff}.character-ranking-card{padding:13px}.character-ranking-card header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.character-ranking-card header span{color:var(--text-muted);font-size:12px;font-weight:900}.character-ranking-card header strong{color:var(--brand-deep);font-size:20px;font-weight:950}.character-ranking-card>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ranking-scope-card{border:1px solid rgba(22,48,71,.08);border-radius:8px;padding:9px;background:linear-gradient(180deg,#fbfcfd,#ffffff);text-align:center}.content-ranking-card span,.ranking-scope-card span{color:var(--text-muted);font-size:11px;font-weight:900}.ranking-scope-card strong{display:block;margin-top:5px;color:var(--text);font-size:15px;font-weight:950}.ranking-scope-card p{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;margin:7px 0 0;border:1px solid rgba(33,198,168,.18);border-radius:999px;padding:4px 8px;background:var(--brand-soft);color:var(--brand-deep);font-size:11.5px;font-weight:950;line-height:1.2;overflow-wrap:anywhere}.ranking-percent-base,.ranking-percent-main{display:block}.ranking-percent-base{margin-top:2px;color:rgba(26,90,124,.72);font-size:10.5px}.content-ranking-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.content-ranking-card{position:relative;overflow:hidden;padding:13px;background:linear-gradient(180deg,rgba(255,255,255,.98),#ffffff 58%,#f6fafb);box-shadow:0 10px 24px rgba(22,48,71,.06)}.content-ranking-card:before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--brand),#f4b74d);content:""}.content-ranking-card.empty{background:rgba(248,250,252,.72);box-shadow:none}.content-ranking-card.empty:before{background:rgba(148,163,184,.38)}.content-ranking-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.content-ranking-card strong{display:block;min-width:0;color:var(--text);font-size:15px;font-weight:950;line-height:1.25;text-align:right}.content-ranking-grade{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;border-radius:999px;padding:3px 8px;background:rgba(26,90,124,.08);color:#1a5a7c}.content-ranking-grade img{width:18px;height:18px;object-fit:contain}.content-ranking-grade em{color:inherit;font-size:11px;font-style:normal;font-weight:950;line-height:1}.content-ranking-card.empty .content-ranking-grade{background:rgba(100,116,139,.1);color:#64748b}.content-ranking-rank{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0 10px}.content-ranking-rank p{margin:0;color:var(--brand-deep);font-size:22px;font-weight:950;line-height:1}.content-ranking-card.empty .content-ranking-rank p{color:var(--text-muted);font-size:18px}.content-ranking-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.content-ranking-card dl .content-ranking-extra{grid-column:span 2}.content-ranking-card dl div{border:1px solid rgba(22,48,71,.07);border-radius:7px;padding:8px;background:rgba(255,255,255,.76)}.content-ranking-card dt{color:var(--text-muted);font-size:11px;font-weight:850}.content-ranking-card dd{margin:3px 0 0;color:var(--text);font-size:13px;font-weight:950}.skill-tab-stack{gap:24px}.skill-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.skill-section-head h2{margin:0}.skill-point-summary{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:36px;min-height:28px;border:1px solid rgba(180,83,9,.32);border-radius:8px;padding:4px 10px;background:linear-gradient(180deg,rgba(255,247,237,.98),rgba(254,243,199,.82));box-shadow:inset 0 0 0 1px rgba(255,255,255,.72);color:#92400e;font-size:15px;font-weight:950;line-height:1}.skill-point-summary:after{z-index:30;bottom:calc(100% + 8px);width:max-content;max-width:220px;border:1px solid rgba(22,48,71,.14);border-radius:8px;padding:7px 9px;background:#132d3c;box-shadow:0 12px 24px rgba(22,48,71,.2);color:#ffffff;content:attr(data-tooltip);font-size:12px;font-weight:850;line-height:1.35;white-space:nowrap}.skill-point-summary:after,.skill-point-summary:before{position:absolute;left:50%;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease}.skill-point-summary:before{z-index:31;bottom:calc(100% + 3px);border-color:#132d3c transparent transparent;border-style:solid;border-width:6px 6px 0;content:""}.skill-point-summary:focus-visible:after,.skill-point-summary:focus-visible:before,.skill-point-summary:hover:after,.skill-point-summary:hover:before{opacity:1;transform:translate(-50%)}.skill-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.arcana-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skill-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;min-width:0;border:1px solid var(--line-soft);border-radius:8px;padding:10px;background:#ffffff}.skill-card.ranked{background:#ffffff}.skill-card.ranked,.skill-card.ranked.rank-1{border-color:var(--line-soft);box-shadow:none}.skill-card.inactive{border-color:rgba(100,116,139,.14);background:rgba(248,250,252,.82)}.skill-card.inactive .detail-item-fallback,.skill-card.inactive img{filter:grayscale(1);opacity:.42}.skill-card.inactive span,.skill-card.inactive strong{color:#94a3b8}.skill-icon-wrap{position:relative;display:block;width:40px;height:40px}.skill-card .skill-rank-badge{position:absolute;top:-6px;left:-6px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:26px;height:26px;margin-top:0;padding:0;border:2px solid #ffffff;border-radius:999px;background:#facc15;box-shadow:0 0 0 1px rgba(146,64,14,.55),0 5px 12px rgba(120,53,15,.28);color:#1f1304;font-family:Arial,sans-serif;font-size:13px;font-weight:950;line-height:1;letter-spacing:0;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;z-index:1}.skill-card.inactive .skill-rank-badge{color:#1f1304;opacity:1}.arcana-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;min-width:0;border:1px solid var(--line-soft);border-radius:8px;padding:12px;background:#ffffff}.arcana-card .detail-item-fallback,.arcana-card img,.skill-card .detail-item-fallback,.skill-card img{border:1px solid var(--line);border-radius:8px;background:#ffffff;object-fit:cover}.skill-card .detail-item-fallback,.skill-card img{width:40px;height:40px}.arcana-card .detail-item-fallback,.arcana-card img{width:48px;height:48px}.arcana-card strong,.skill-card strong{display:block;overflow:hidden;color:var(--text);font-size:14px;font-weight:950;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.arcana-card span,.skill-card span{display:block;margin-top:4px;color:var(--brand-deep);font-size:12px;font-weight:900}.arcana-card{align-items:start}.arcana-option-summary{display:grid;border:1px solid rgba(22,48,71,.12);border-radius:8px;margin-bottom:12px;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,251,252,.96))}.arcana-skill-summary-groups{display:flex;flex-wrap:wrap;gap:6px}.arcana-skill-summary-groups section{display:contents}.arcana-skill-summary-groups section>div{display:flex;flex-wrap:wrap;gap:6px}.arcana-option-summary span{max-width:100%;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:900;line-height:1.35;overflow-wrap:anywhere;word-break:keep-all}.arcana-option-summary span.active{background:rgba(26,90,124,.1);color:#1a5a7c}.arcana-option-summary span.passive{background:rgba(22,163,74,.11);color:#15803d}.arcana-option-summary span.stigma{background:rgba(217,119,6,.12);color:#b45309}.arcana-option-summary span.unknown{background:rgba(100,116,139,.12);color:#475569}.arcana-set-effect-summary{display:grid;gap:8px;border:1px solid rgba(26,90,124,.14);border-radius:10px;padding:10px 12px;background:rgba(248,250,252,.82)}.arcana-set-effect-summary h3{margin:0;color:var(--text-strong);font-size:13px;font-weight:900}.arcana-set-effect-summary>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.arcana-set-effect-summary article{display:grid;gap:8px;border:1px solid rgba(217,119,6,.16);border-radius:8px;padding:8px 9px;background:rgba(255,255,255,.72)}.arcana-set-effect-summary article header{display:flex;align-items:center;min-width:0}.arcana-set-effect-summary article span{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;background:rgba(217,119,6,.12);color:#92400e;font-size:11px;font-style:normal;font-weight:850;line-height:1.25;word-break:keep-all}.arcana-set-effect-tiers{display:grid;gap:6px}.arcana-set-effect-tier{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:4px 7px}.arcana-set-effect-tier em{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;background:rgba(26,90,124,.09);color:#1a5a7c;font-size:11px;font-style:normal;font-weight:850;line-height:1.25;word-break:keep-all}.arcana-set-effect-tier strong{color:#78350f;font-size:12px;font-weight:950;min-width:0}.arcana-set-effect-tier p{grid-column:1/-1;margin:0;color:#475569;font-size:12px;font-weight:750;line-height:1.35}.arcana-unavailable-stat{display:grid;gap:6px;margin-top:8px}.arcana-unavailable-stat strong{color:#1a5a7c;font-size:12px;font-weight:900}.arcana-unavailable-stat div{display:flex;flex-wrap:wrap;gap:4px}.arcana-unavailable-stat span{border-radius:999px;padding:2px 7px;background:rgba(26,90,124,.09);color:#1a5a7c;font-size:11px;font-weight:850;line-height:1.35;word-break:keep-all}.arcana-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:5px 7px;min-width:0}.arcana-card-head strong{flex:1 1 120px;min-width:0}.arcana-card-godstats em,.arcana-card-head span{flex:0 0 auto;margin-top:0;border-radius:999px;padding:2px 7px;background:rgba(26,90,124,.09);color:#1a5a7c;font-size:11px;font-style:normal;font-weight:900;line-height:1.35}.arcana-card-godstats{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.arcana-card ul{display:grid;gap:3px;list-style:none;margin:8px 0 0;padding:0}.arcana-card li,.arcana-card p{margin:0;color:var(--text-muted);font-size:12px;font-weight:800;line-height:1.4;overflow-wrap:anywhere;word-break:keep-all}.stat-tab-stack{gap:18px}.stat-tab-section h2{margin:0 0 12px;font-size:16px}.stat-summary-grid,.title-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.title-category-grid{display:grid;gap:12px}.title-category-panel{min-width:0;border:1px solid var(--line-soft);border-radius:8px;padding:12px;background:linear-gradient(180deg,#ffffff,#fbfcfd)}.title-category-panel header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.title-category-panel h3{margin:0;color:var(--brand-deep);font-size:13px;font-weight:950}.title-category-panel header span{border-radius:999px;padding:3px 8px;background:rgba(26,90,124,.09);color:#1a5a7c;font-size:11px;font-weight:900}.title-card-list{display:grid;gap:8px}.title-card{min-width:0;border:1px solid rgba(22,48,71,.1);border-radius:8px;padding:10px;background:rgba(255,255,255,.78)}.aion-grade{border-radius:999px;padding:2px 7px}.aion-grade.grade-hero{background:rgba(220,38,38,.12);color:#b91c1c}.aion-grade.grade-unique{background:rgba(217,119,6,.14);color:#b45309}.aion-grade.grade-legend{background:rgba(37,99,235,.12);color:#1d4ed8}.aion-grade.grade-rare{background:rgba(22,163,74,.12);color:#15803d}.aion-grade.grade-common{background:rgba(100,116,139,.12);color:#475569}.title-card strong{display:block;overflow:hidden;color:var(--text);font-size:14px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.title-card strong.aion-grade{border-radius:0;background:transparent;padding:0}.title-card-effect-list{display:grid;gap:4px;list-style:none;margin:6px 0 0;padding:0}.title-card-effect-list li{color:var(--text-muted);font-size:12px;font-weight:800;line-height:1.4;overflow-wrap:anywhere;word-break:keep-all}.stat-card-grid{display:grid;gap:10px}.base-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.god-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.stat-card{min-width:0;border:1px solid var(--line-soft);border-radius:8px;padding:12px;background:#ffffff}.stat-card span{display:block;color:var(--text-muted);font-size:12px;font-weight:900}.stat-card strong{display:block;margin-top:8px;color:var(--text);font-size:18px;font-weight:950}.stat-card-effect-list{display:grid;gap:4px;list-style:none;margin:7px 0 0;padding:0}.stat-card-effect-list li{color:var(--text-muted);font-size:11px;font-weight:800;line-height:1.35;overflow-wrap:anywhere;word-break:keep-all}.stat-card-capped-value{display:flex;align-items:center;gap:5px;white-space:nowrap}.stat-card-capped-value span{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit}.stat-card-capped-value .stat-card-overcap{color:#dc2626;text-decoration:line-through}.stat-card-cap{color:var(--text)}.stat-card-effect-capped{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap}.stat-card-effect-capped span{display:inline;font-size:inherit;font-weight:inherit;line-height:inherit}.stat-card-effect-capped .stat-card-effect-overcap{color:#dc2626;text-decoration:line-through}.stat-card-effect-cap{color:var(--text-muted)}.god-stat-card{background:linear-gradient(180deg,#ffffff,rgba(244,249,249,.95))}.detail-tab-stack h2{margin:0 0 12px;font-size:16px}.equipment-tab-layout{display:grid;gap:12px}.equipment-tab-layout h2{margin:0 0 12px;font-size:16px}.equipment-detail-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.equipment-detail-card{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;min-height:100%;border:1px solid rgba(22,48,71,.14);border-radius:8px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,251,252,.96)),var(--panel);box-shadow:0 12px 28px rgba(22,48,71,.08)}.equipment-detail-card-head{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;align-items:start;border-right:1px solid rgba(22,48,71,.1);padding-right:14px}.equipment-detail-card-head .detail-item-fallback,.equipment-detail-card-head img{width:60px;height:60px;border-radius:7px;box-shadow:0 8px 18px rgba(22,48,71,.12)}.equipment-detail-card-head span{display:block;margin-bottom:4px;color:var(--brand-deep);font-size:12px;font-weight:800}.equipment-detail-card-head strong{display:block;overflow:hidden;color:var(--text);font-size:15px;font-weight:900;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.equipment-detail-card-head p{display:inline-flex;margin:8px 0 0;border-radius:999px;padding:3px 8px;background:rgba(26,90,124,.09);color:#1a5a7c;font-size:12px;font-weight:900}.equipment-detail-body{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1fr) minmax(0,.82fr);gap:10px}.equipment-core-panel,.equipment-godstone-panel,.equipment-magicstone-panel,.equipment-soul-panel{min-width:0;border:1px solid rgba(22,48,71,.11);border-radius:8px;padding:11px;background:rgba(255,255,255,.72)}.equipment-core-panel{background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(247,250,252,.9))}.equipment-soul-panel{background:linear-gradient(180deg,rgba(250,253,252,.92),rgba(244,249,249,.96))}.equipment-magicstone-panel{background:rgba(255,255,255,.68)}.equipment-godstone-panel{grid-column:1/-1;background:rgba(248,251,252,.78)}.equipment-core-panel h3,.equipment-godstone-panel h3{margin:0 0 8px;color:#1a5a7c;font-family:inherit;font-size:12.5px;font-weight:900;line-height:1.25}.equipment-godstone-panel ul,.equipment-magicstone-list,.equipment-stat-list{display:grid;gap:6px;margin:0;padding:0;list-style:none}.equipment-godstone-panel li,.equipment-stat-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text);font-size:12px;font-weight:800;line-height:1.45}.equipment-godstone-panel li{min-width:0}.equipment-stat-list .equipment-soul-skill{color:#1a5a7c}.equipment-stat-extra{flex:0 0 auto;color:#1a5a7c;font-weight:950}.equipment-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;color:#1a5a7c;font-family:inherit;font-size:12.5px;font-weight:900;line-height:1.25}.equipment-section-title strong{border-radius:999px;padding:2px 7px;background:rgba(26,90,124,.11);color:#1a5a7c;font-size:11px}.equipment-magicstone-list li{display:flex;justify-content:space-between;gap:8px;border:1px solid rgba(22,48,71,.14);border-radius:6px;padding:5px 7px;color:var(--text);font-size:12px;font-weight:900;line-height:1.35}.equipment-magicstone-list li strong{color:#12364f}.equipment-magicstone-list .grade-normal{border-color:rgba(100,116,139,.56);background:rgba(100,116,139,.18);box-shadow:inset 3px 0 0 rgba(100,116,139,.72)}.equipment-magicstone-list .grade-normal strong{color:#475569}.equipment-magicstone-list .grade-basic{border-color:rgba(22,163,74,.58);background:rgba(22,163,74,.18);box-shadow:inset 3px 0 0 rgba(22,163,74,.78)}.equipment-magicstone-list .grade-basic strong{color:#15803d}.equipment-magicstone-list .grade-advanced{border-color:rgba(37,99,235,.58);background:rgba(37,99,235,.18);box-shadow:inset 3px 0 0 rgba(37,99,235,.78)}.equipment-magicstone-list .grade-advanced strong{color:#1d4ed8}.equipment-magicstone-list .grade-best{border-color:rgba(217,119,6,.62);background:rgba(245,158,11,.22);box-shadow:inset 3px 0 0 rgba(217,119,6,.82)}.equipment-magicstone-list .grade-best strong{color:#b45309}.equipment-godstone-panel strong{flex:0 0 auto;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipment-godstone-panel small{display:block;flex:1 1 auto;min-width:0;overflow:hidden;margin-top:0;color:var(--text-muted);font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.detail-empty.compact{margin-top:14px;padding:14px;font-size:12px}.lab-coming-stack{gap:14px}.lab-coming-hero,.lab-feature-card,.lab-policy-note{border:1px solid rgba(22,48,71,.08);border-radius:8px;background:#ffffff;box-shadow:0 10px 24px rgba(22,48,71,.05)}.lab-coming-hero{position:relative;overflow:hidden;padding:22px;background:linear-gradient(135deg,rgba(38,166,154,.11),rgba(255,255,255,.94) 48%,rgba(244,183,77,.1))}.lab-coming-hero:before{position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--brand),#f4b74d);content:""}.lab-coming-hero span{display:inline-flex;border:1px solid rgba(38,166,154,.18);border-radius:999px;padding:5px 10px;background:rgba(255,255,255,.72);color:var(--brand-deep);font-size:12px;font-weight:950}.lab-coming-hero h2{margin:13px 0 8px;color:var(--text);font-size:24px;font-weight:950;letter-spacing:0}.lab-coming-hero p{max-width:720px;margin:0;color:var(--text-muted);font-size:14px;font-weight:750;line-height:1.65}.lab-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lab-feature-card{padding:16px}.lab-feature-card strong{display:block;color:var(--brand-deep);font-size:15px;font-weight:950}.lab-feature-card p{margin:8px 0 0;color:var(--text-muted);font-size:13px;font-weight:750;line-height:1.55}.lab-policy-note{padding:16px;background:rgba(248,250,252,.86)}.lab-policy-note strong{display:block;margin-bottom:10px;color:var(--text);font-size:14px;font-weight:950}.lab-policy-note ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.lab-policy-note li{position:relative;padding-left:14px;color:var(--text-muted);font-size:13px;font-weight:750;line-height:1.45}.lab-policy-note li:before{position:absolute;top:.62em;left:0;width:5px;height:5px;border-radius:999px;background:var(--brand);content:""}@media (max-width:1480px){.page-frame{grid-template-columns:minmax(0,1120px)}.ad-rail{display:none}}@media (max-width:1180px){.base-stat-grid,.god-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.arcana-part-grid.set-grid,.arcana-part-grid.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:900px){.header-inner{height:60px;padding:0 24px}.desktop-nav{gap:20px;padding:0 24px}.menu-button{display:none;margin-left:auto}.page-frame{padding:20px 24px 40px}.page-frame.legions-frame{padding-top:20px}.hero-inner{max-width:620px;padding:64px 24px 86px}.main-column{margin-top:0}.home-main-column{margin-top:-70px}.dashboard-grid,.winner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card{grid-template-columns:82px minmax(0,1fr)}.news-card-meta{grid-column:2;justify-items:start;grid-template-columns:repeat(2,max-content)}.wide-ad{min-height:120px}.wide-ad-pending{min-height:72px}.detail-grid,.results-heading{grid-template-columns:1fr}.arcana-card-grid,.character-ranking-grid,.content-ranking-grid,.detail-card-grid,.detail-stat-grid,.title-category-grid{grid-template-columns:minmax(0,1fr)}.character-ranking-card>div{grid-template-columns:repeat(3,minmax(0,1fr))}.daevanion-board-selector{grid-auto-flow:column;grid-auto-columns:112px;grid-template-columns:none}.daevanion-node-board{justify-content:start}.daevanion-effect-group,.daevanion-effect-summary,.daevanion-node-workspace{grid-template-columns:minmax(0,1fr)}.base-stat-grid,.god-stat-grid,.skill-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero,.equipment-tab-layout{grid-template-columns:1fr}.equipment-detail-card,.equipment-detail-grid{grid-template-columns:minmax(0,1fr)}.equipment-detail-card-head{border-right:0;border-bottom:1px solid rgba(22,48,71,.1);padding-right:0;padding-bottom:12px}.equipment-detail-body{grid-template-columns:minmax(0,1fr)}.equipment-godstone-panel li{align-items:flex-start;flex-direction:column}.equipment-godstone-panel strong{max-width:100%}.equipment-godstone-panel small{max-width:100%;white-space:normal}.detail-profile-box{border-right:0;border-bottom:1px solid var(--line-soft)}.detail-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.favorite-legion-card{grid-template-columns:1fr}.favorite-legion-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-hero-metrics{grid-template-columns:1fr}.detail-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.lab-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.statistics-filter-primary-row,.statistics-filter-range-row{grid-template-columns:minmax(0,1fr) 172px}.statistics-filter-ranges{grid-template-columns:repeat(2,minmax(220px,1fr))}.statistics-filter-field{flex:1 1 180px}.statistics-filter-field.wide{flex:1 1 260px}.statistics-class-filter{grid-template-columns:repeat(5,minmax(0,1fr))}.statistics-category-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.content-stat-grid,.skill-stat-section-grid,.statistics-rank-card-grid,.statistics-split-grid{grid-template-columns:minmax(0,1fr)}.statistics-server-row{grid-template-columns:34px minmax(110px,.75fr) minmax(180px,1.25fr)}.skill-stat-card-head{grid-template-columns:28px 38px minmax(0,1fr)}.skill-stat-dominant{grid-column:3;justify-items:start;display:flex;align-items:center;gap:5px}.statistics-class-row{grid-template-columns:34px minmax(120px,.75fr) minmax(180px,1.25fr)}.statistics-class-metrics,.statistics-server-metrics{grid-column:2/-1}.statistics-race-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.base-stat-grid,.god-stat-grid,.skill-card-grid{grid-template-columns:minmax(0,1fr)}.arcana-card,.arcana-option-summary,.skill-card,.stat-card{padding:10px}}@media (max-width:640px){.header-inner{height:auto;min-height:58px;padding:10px 14px;flex-wrap:wrap;gap:9px}.brand{gap:8px;font-size:20px}.brand-mark,.brand-mark img{width:36px;height:27px}.header-search{order:3;width:100%;height:38px;margin-left:0}.menu-button{display:inline-flex;margin-left:auto}body.mobile-menu-open{overflow:hidden}.header-nav-band{position:fixed;top:105px;right:12px;left:12px;z-index:80;display:none;min-height:0;overflow:hidden;max-width:calc(100vw - 24px);border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#28292f;box-shadow:0 22px 48px rgba(8,11,18,.38)}.header-nav-band.is-open{display:block;max-height:calc(100dvh - 123px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.mobile-menu-backdrop{position:fixed;inset:105px 0 0;z-index:70;display:block;border:0;background:rgba(9,12,18,.58);cursor:pointer}.desktop-nav{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;width:100%;min-width:0;max-height:inherit;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:12px 12px calc(18px + env(safe-area-inset-bottom));font-size:13px;background:transparent;-webkit-overflow-scrolling:touch}.desktop-nav-link{width:100%;height:38px;justify-content:flex-start;border-bottom:0;border-radius:8px;padding:0 12px}.desktop-nav-link[aria-current=page]{background:rgba(33,198,168,.14)}.desktop-nav-item{display:grid;grid-template-columns:minmax(0,1fr);height:auto;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:4px}.desktop-nav-item.has-children:after{display:none}.desktop-subnav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;border:0;border-radius:0;padding:0 0 8px 12px;background:transparent;box-shadow:none;opacity:1;pointer-events:auto;transform:none}.desktop-nav-item:focus-within .desktop-subnav,.desktop-nav-item:hover .desktop-subnav{transform:none}.desktop-subnav a{min-height:28px;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:0 9px;background:rgba(255,255,255,.025);color:#aeb8c6;font-size:11px}.page-frame{padding:18px 14px 34px}.main-column{gap:16px;margin-top:0}.home-main-column{margin-top:-52px}.search-hero{min-height:430px}.news-head{align-items:stretch;flex-direction:column}.news-head a{width:100%}.news-tabs{flex-direction:column;align-items:stretch}.news-tabs a,.news-tabs button{width:100%}.statistics-filter-panel,.statistics-head,.statistics-section{padding:16px}.statistics-filter-title{align-items:flex-start;flex-direction:column;gap:5px}.statistics-filter-title span{text-align:left}.statistics-filter-primary-row,.statistics-filter-range-row{grid-template-columns:minmax(0,1fr)}.statistics-filter-ranges,.statistics-filter-selects{display:grid;grid-template-columns:minmax(0,1fr)}.statistics-class-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.statistics-class-filter-card .ranking-class-symbol,.statistics-class-filter-card .ranking-class-symbol-fallback{width:38px;height:38px}.statistics-filter-field,.statistics-filter-field.wide,.statistics-range-slider-field{width:100%}.statistics-filter-actions{margin-left:0;width:100%;justify-content:stretch}.statistics-filter-actions a,.statistics-filter-actions button{flex:1 1}.statistics-class-row,.statistics-server-row{grid-template-columns:32px minmax(0,1fr);align-items:start}.statistics-class-metrics,.statistics-class-population-bar,.statistics-server-metrics,.statistics-server-population-bar{grid-column:1/-1}.arcana-card-grid,.statistics-class-metrics,.statistics-server-metrics{grid-template-columns:minmax(0,1fr)}.statistics-category-tabs,.statistics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.statistics-category-tabs{padding:8px}.statistics-category-tabs a{min-height:56px}.statistics-race-card dl{grid-template-columns:minmax(0,1fr)}.statistics-bar-row{grid-template-columns:64px minmax(0,1fr) 66px}.arcana-part-tabs button{padding:8px}.arcana-part-metric.has-rank-icon{grid-template-columns:26px 32px minmax(0,1fr) 46px;gap:6px}.arcana-part-metric .skill-stat-icon{width:32px;height:32px}.arcana-part-rank{width:24px;height:24px}.statistics-rank-card{grid-template-columns:30px minmax(0,1fr)}.statistics-rank-card em{grid-column:2;justify-items:start}.statistics-summary-card{min-height:76px;padding:12px}.statistics-summary-card strong{font-size:17px}.statistics-table-wrap{margin:0 -2px;overflow-x:auto;-webkit-overflow-scrolling:touch}.statistics-table,.statistics-table.compact{display:table;min-width:720px;border-spacing:0 7px}.statistics-table thead{display:table-header-group}.statistics-table tbody{display:table-row-group}.statistics-table tr,.statistics-table tr:nth-child(n+6){display:table-row;border-bottom:0;padding:0}.statistics-table td,.statistics-table th{display:table-cell;padding:10px 11px;white-space:nowrap}.statistics-table td:first-child,.statistics-table td:last-child,.statistics-table td:nth-child(2),.statistics-table td:nth-child(3),.statistics-table td:nth-child(4){grid-column:auto;grid-row:auto;width:auto;text-align:left}.distribution-row{grid-template-columns:70px minmax(0,1fr) 58px 36px;gap:7px}.distribution-insight-grid{grid-template-columns:minmax(0,1fr)}.arcana-part-tabs-section>header{align-items:stretch;flex-direction:column}.arcana-part-tabs{width:100%}.arcana-part-tabs button{flex:1 1;min-width:0}.arcana-part-grid,.arcana-part-grid.set-grid,.arcana-part-grid.skill-grid,.arcana-stat-card,.arcana-stat-card-list,.skill-stat-card-list{grid-template-columns:minmax(0,1fr)}.arcana-stat-score{justify-items:start}.news-card{grid-template-columns:1fr;gap:12px}.news-card-meta{grid-column:auto}.hero-inner{padding:54px 14px 72px}.hero-brand{margin-bottom:22px;gap:12px;font-size:38px}.hero-brand-mark,.hero-brand-mark img{width:60px;height:45px}.notice-panel,.ranking-panel,.section-block{padding:16px}.panel-heading,.section-heading{gap:10px}.panel-heading>a,.section-heading>a{flex:0 0 auto;white-space:nowrap}.ranking-number-one-title{flex:1 1 auto}.ranking-number-one-title img{height:42px;max-width:min(176px,100%)}.search-form{grid-template-columns:1fr}.search-form button,.search-form input{width:100%;height:48px}.winner-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;overflow-x:visible;padding-bottom:0}.winner-grid .ranking-character-card{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"avatar identity" "avatar record" "avatar action";column-gap:12px;row-gap:3px;min-height:0;align-items:center;padding:14px 12px 12px;overflow:visible;text-align:left}.winner-grid .ranking-character-card:after,.winner-grid .ranking-character-card:before{display:none}.winner-grid .ranking-character-card .character-card-avatar{grid-area:avatar;width:52px;height:52px;margin-top:0;border:2px solid #ffffff;border-radius:14px;font-size:11px}.winner-grid .ranking-card-label{position:absolute;top:10px;right:10px;width:auto;min-height:24px;padding:0 9px;border:1px solid rgba(33,198,168,.26);background:#eafbf7;color:var(--brand-deep);font-size:11px;line-height:1;text-align:center;white-space:nowrap;box-shadow:none}.winner-grid .ranking-character-card:nth-child(2) .ranking-card-label,.winner-grid .ranking-character-card:nth-child(3) .ranking-card-label,.winner-grid .ranking-character-card:nth-child(4) .ranking-card-label{color:var(--brand-deep)}.winner-grid .ranking-card-identity,.winner-grid .ranking-card-record{width:100%;min-width:0;margin-top:0;padding:0}.winner-grid .ranking-card-identity{grid-area:identity}.winner-grid .ranking-card-identity strong{padding-right:74px;font-size:16px}.winner-grid .ranking-card-identity span{font-size:12px}.winner-grid .ranking-card-record{grid-area:record;width:100%;border:0;background:transparent}.winner-grid .ranking-card-record strong{overflow:visible;font-size:18px;letter-spacing:0;text-overflow:clip;white-space:normal;word-break:keep-all}.winner-grid .ranking-card-action{grid-area:action;justify-self:start;min-height:22px;margin-top:2px;border:0;padding:0;background:transparent;color:var(--brand-deep);font-size:11px}.dashboard-grid{grid-template-columns:1fr}.wide-ad{min-height:100px}.wide-ad-pending{min-height:52px}table,tbody,td,thead,tr{display:block}thead{display:none}tr{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px 10px;align-items:center;border-bottom:1px solid var(--line-soft);padding:11px 0}tr:nth-child(n+6){display:none}td{border:0;padding:0}td:first-child{grid-row:1/3;width:auto}td:nth-child(2){min-width:0}td:nth-child(3){width:auto;color:var(--text-muted);font-size:12px}td:nth-child(4){width:auto}td:last-child{grid-column:3;grid-row:1/3;width:auto;text-align:right}.ranking-panel tr{grid-template-columns:34px minmax(0,1fr) max-content;gap:4px 10px}.ranking-panel td:first-child{grid-column:1;grid-row:1/4}.ranking-panel td:nth-child(2){grid-column:2;grid-row:1}.ranking-panel td:nth-child(3){grid-column:2;grid-row:2;width:auto}.ranking-panel td:nth-child(4){grid-column:2;grid-row:3;width:auto}.ranking-panel td:last-child{grid-column:3;grid-row:1/4;align-self:center;max-width:126px;font-size:13px;line-height:1.2;white-space:nowrap}.notice-panel li{grid-template-columns:50px minmax(0,1fr)}.notice-panel time{grid-column:2;text-align:left}.search-results-frame{padding-top:16px}.results-panel{padding:16px}.results-search-form{grid-template-columns:1fr}.search-form-alert{position:static;width:100%;margin-top:2px}.search-initial-state{min-height:240px;padding:30px 16px}.search-initial-state strong{font-size:18px}.character-card{min-height:258px;padding:15px}.character-card:before{height:98px}.character-card:after{top:98px}.character-card-head{grid-template-columns:78px minmax(0,1fr);gap:12px;min-height:102px}.character-card-avatar{width:78px;height:78px;border-radius:20px;font-size:28px}.character-card-identity strong{font-size:20px}.character-card-meta,.character-card-stats{gap:8px}.character-card-meta{margin-top:14px}.character-card-stats div:last-child dd{font-size:22px}.character-detail-frame{padding-top:16px}.detail-hero{grid-template-columns:1fr}.detail-avatar{width:116px;height:116px;font-size:42px}.detail-identity h1{font-size:26px}.detail-hero-main{padding:18px}.detail-summary-grid,.lab-feature-grid{grid-template-columns:1fr}.detail-tabs{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(76px,max-content);grid-template-columns:none;gap:6px;overflow-x:auto;border:0;border-radius:0;padding-bottom:2px;background:transparent;scrollbar-width:none}.detail-tabs:after{position:sticky;right:-1px;width:28px;height:36px;margin-left:-28px;align-self:stretch;background:linear-gradient(90deg,rgba(255,255,255,0),#ffffff 72%);content:"";pointer-events:none}.detail-tabs::-webkit-scrollbar{display:none}.detail-tabs button{min-height:36px;border:1px solid var(--line-soft);border-radius:999px;padding:0 12px;white-space:nowrap}.detail-tabs button.active{border-color:rgba(33,198,168,.72);background:rgba(33,198,168,.1)}.detail-hero-metrics .detail-summary-grid{grid-template-columns:1fr}.detail-panel{padding:16px}.combat-power{font-size:32px}}@media (max-width:900px){.class-breakdown,.favorite-legion-card dl,.legion-detail-hero dl,.result-list{grid-template-columns:1fr}.legion-breakdown-row{grid-template-columns:58px minmax(0,1fr) 44px 48px}}