:root{--bg: #0a0e16;--panel: #121826;--panel2: #1a2336;--line: #26314a;--gold: #d4a017;--blue: #00d1ff;--red: #ff4e50;--text: #e6ecf5;--muted: #8a99b5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Yu Gothic UI,Arial,sans-serif}.loading{padding:40px;color:var(--muted)}.app{max-width:1200px;margin:0 auto;padding:16px}.topbar{width:100%}.topbar-main{width:100%;background:var(--panel);border-bottom:1px solid var(--line)}.topbar-main-inner{max-width:1200px;margin:0 auto;padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.topbar h1.brand{font-size:21px;margin:0;cursor:pointer;color:var(--text);letter-spacing:.2px;font-weight:900}.brand-accent{color:var(--gold)}.game-chip{display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line);color:var(--text);font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px}.topbar-spacer{flex:1;min-width:8px}.topbar-nav{width:100%;background:linear-gradient(180deg,#15326b,#0f2652);border-bottom:1px solid var(--line);overflow-x:auto}.topbar-nav-inner{max-width:1200px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;min-width:max-content}.navlinks{display:flex}.navlink{background:none;border:none;border-bottom:3px solid transparent;color:#e6ecf5b3;padding:12px 16px;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap;transition:color .12s,border-color .12s}.navlink:hover{color:#fff}.navlink.on{color:#fff;border-bottom-color:var(--blue)}.navlink-my{display:flex;align-items:center;gap:6px}.navlink-my-icon{font-size:13px}.home{margin-top:8px}.hero{position:relative;overflow:hidden;text-align:center;padding:56px 16px 48px;background:radial-gradient(900px 240px at 50% -40px,rgba(0,209,255,.14),transparent 70%),linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;margin-bottom:18px}.hero-credit{position:absolute;right:12px;bottom:10px;font-size:11px;color:#e6ecf58c;letter-spacing:.5px;text-transform:uppercase}.hero-title{margin:0 0 6px;font-size:32px;color:#fff;letter-spacing:.5px;text-shadow:0 2px 12px rgba(0,0,0,.7)}.hero-sub{margin:0 0 22px;color:#cdd6e6;font-size:15px;text-shadow:0 1px 8px rgba(0,0,0,.7)}.hero-search{display:flex;gap:8px;max-width:620px;margin:0 auto}.hero-search select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:0 10px;font-weight:700}.hero-search input{flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:13px 16px;font-size:15px}.hero-search input:focus{outline:none;border-color:#2e4a86}.hero-btn{background:linear-gradient(135deg,var(--blue),#2e8bff);color:#06121f;border:none;border-radius:10px;padding:0 24px;font-weight:900;font-size:15px;cursor:pointer}.hero-btn:hover{filter:brightness(1.08)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:22px}.feature-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;cursor:pointer;color:var(--text);transition:border-color .12s,transform .12s}.feature-card:hover{border-color:#2e4a86;background:var(--panel2);transform:translateY(-2px)}.feature-icon{font-size:26px}.feature-title{font-weight:800;font-size:15px}.feature-desc{font-size:12.5px;color:var(--muted);line-height:1.5}.loc-banner{display:flex;align-items:center;gap:20px;text-decoration:none;color:var(--text);margin-bottom:22px;padding:22px 28px;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(120% 160% at 0% 0%,rgba(212,160,23,.22),transparent 55%),linear-gradient(135deg,#1a2336,#0c1220 70%);border:1px solid #4a3a14;box-shadow:0 0 0 1px #d4a0171f inset;transition:transform .15s,box-shadow .15s}.loc-banner:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d4a0172e,0 0 0 1px #d4a01740 inset}.loc-banner-logo{width:160px;height:auto;flex-shrink:0;filter:drop-shadow(0 0 14px rgba(212,160,23,.35))}.loc-banner-body{display:flex;flex-direction:column;gap:6px;min-width:0}.loc-banner-title{font-size:22px;font-weight:900;letter-spacing:.5px;color:var(--gold);text-shadow:0 0 18px rgba(212,160,23,.35)}.loc-banner-desc{margin:0;font-size:14px;color:var(--text);line-height:1.5}.loc-banner-cta{font-size:13px;font-weight:800;color:var(--gold)}.community-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:22px}.community-card{display:flex;flex-direction:column;gap:8px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;color:var(--text);text-decoration:none}.community-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.community-title{font-weight:800;font-size:14px}.community-badge{font-size:10.5px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px}.community-top5{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.community-top5 li{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:8px;border-bottom:1px dashed var(--line)}.community-top5 li:last-child{border-bottom:none}.c5-rank{width:18px;text-align:center;font-weight:900;color:var(--gold);font-size:12.5px}.c5-title{font-size:12.5px;flex:1}.meta-top{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}.meta-top-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.meta-top-head h3{margin:0;font-size:16px}.link-more{background:none;border:none;color:var(--blue);cursor:pointer;font-size:13px;font-weight:700}.link-more:hover{text-decoration:underline}.meta-top-list{display:flex;flex-direction:column;gap:4px}.meta-top-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:none;border:none;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text)}.meta-top-item:hover{background:var(--panel2)}.mt-rank{width:22px;text-align:center;font-weight:900;color:var(--gold)}.meta-top-item img{width:36px;height:36px;border-radius:8px}.mt-body{display:flex;flex-direction:column;line-height:1.25;flex:1}.mt-name{font-weight:800;font-size:14px}.mt-role{font-size:11px}.mt-wr{font-size:14px;font-weight:800}@media (max-width: 560px){.hero-search{flex-wrap:wrap}.hero-search input{flex-basis:100%}.hero-title{font-size:24px}.loc-banner{flex-direction:column;text-align:center;padding:20px}.loc-banner-logo{width:128px}}.stats{margin-top:14px}.stats-meta{color:var(--muted);font-size:13px;margin-bottom:10px}.stats-meta .muted{margin-left:8px}.muted{color:var(--muted)}.muted.sm,.sm{font-size:12px}.win{color:#9ff5b0;font-weight:800}.lose{color:#ff8b8b;font-weight:800}.search{width:100%;max-width:320px;padding:8px 12px;margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text)}.champ-img{width:40px;height:40px;border-radius:8px}.champ-img.lg{width:64px;height:64px}.champ-img.sm{width:34px;height:34px}.champ-img.ph{display:inline-block;flex:none;background:#050708;border:1px solid var(--line)}.champ-card-name{font-weight:800;font-size:14px}.champ-card-role{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:4px}.team-logo-mini{width:14px;height:14px;border-radius:3px;object-fit:contain;flex:none;background:#00000059}.team-logo-mini.ph{display:inline-grid;place-items:center;font-size:7px;font-weight:800;color:#1a1400;background:linear-gradient(135deg,#f2d98a,#a3780f)}.rank-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.role-tabs{display:flex;gap:6px;flex-wrap:wrap}.role-tab{background:var(--panel);color:var(--muted);border:1px solid var(--line);padding:6px 14px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:700}.role-tab:hover{border-color:#2e4a86;color:var(--text)}.role-tab.active{background:#1d2c52;color:#fff;border-color:#2e4a86}.rank-controls .search{margin-bottom:0}.rank-table{width:100%;border-collapse:collapse;font-size:14px}.rank-table thead th{text-align:left;color:var(--muted);font-size:12px;font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.rank-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.rank-table th.sortable:hover{color:var(--text)}.rank-table th.c-num,.rank-table td.c-num{text-align:right}.rank-table th.c-rank,.rank-table td.c-rank{text-align:center;width:44px;color:var(--muted)}.rank-table th.c-tier,.rank-table td.c-tier{text-align:center;width:64px}.rank-row{cursor:pointer;border-bottom:1px solid var(--line)}.rank-row:hover{background:var(--panel2)}.rank-row td{padding:7px 10px}.c-champ{display:flex;align-items:center;gap:10px}.champ-name-cell{display:flex;flex-direction:column;line-height:1.25}.tier-badge{display:inline-block;min-width:26px;padding:2px 6px;border-radius:6px;font-weight:900;font-size:12px;text-align:center;color:#0d1220}.tier-badge.t-OP{background:linear-gradient(135deg,#ff6ec7,#c56bff);color:#fff}.tier-badge.t-S{background:#ff7a7a;color:#fff}.tier-badge.t-A{background:#ffb454}.tier-badge.t-B{background:#ffe066}.tier-badge.t-C{background:#7ecbff}.tier-badge.t-D{background:#8a93a6;color:#fff}@media (max-width: 640px){.rank-table{font-size:13px}.champ-card-role{display:none}}.back{background:var(--panel2);color:var(--text);border:1px solid var(--line);padding:6px 12px;border-radius:8px;cursor:pointer;margin-bottom:12px}.champ-head{display:flex;align-items:center;gap:14px;margin-bottom:8px}.champ-head h2{margin:0 0 4px}.head-metrics{display:flex;gap:10px;flex-wrap:wrap}.head-metrics .m{font-size:13px}.role-block{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:14px}.role-block h3{margin:0 0 10px;font-size:16px}.role-block h4{margin:12px 0 6px;font-size:13px;color:var(--gold)}.role-block .row{display:flex;gap:20px;flex-wrap:wrap}.role-block .col{flex:1;min-width:240px}.icons{display:flex;flex-wrap:wrap;gap:6px}.icon-cell{display:flex;flex-direction:column;align-items:center;font-size:10px;color:var(--muted)}.icon-cell img{width:34px;height:34px;border-radius:6px;border:1px solid var(--line)}.icon-cell.rune img{width:40px;height:40px;border-radius:50%}.icon-cell.rune.sm img{width:26px;height:26px}.runes{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.shard{font-size:11px;padding:3px 8px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:#ffd86b}.matchups{display:flex;flex-wrap:wrap;gap:6px}.matchup{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;background:transparent;border:none}.matchup img{width:34px;height:34px;border-radius:6px;border:1px solid var(--line)}.matchup span{font-size:11px}.metabar{display:flex;gap:8px;flex-wrap:wrap}.badge{font-size:12px;padding:4px 10px;border-radius:14px;background:var(--panel2);border:1px solid var(--line);color:var(--muted)}.badge.patch{color:#fff;background:#1d2c52;border-color:#2e4a86}.badge.ok{color:#9ff5b0;border-color:#2e6b3e}.badge.warn{color:#ffd86b;border-color:#6b5a1e}.disclaimer{background:#d4a01714;border:1px solid #5a4a1e;color:#ffe0a0;font-size:12.5px;line-height:1.6;padding:10px 14px;border-radius:8px;margin:14px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 900px){.grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.card h2{font-size:16px;margin:0 0 8px;color:#fff}.hint{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 14px}.controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:12px}.controls label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.controls select{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:14px}.level-ctrl{min-width:220px}.level-ctrl input[type=range]{width:100%}.items{background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:10px;margin-bottom:14px}.items-title{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#0e1626;color:var(--muted);border:1px solid var(--line);border-radius:16px;padding:5px 12px;font-size:12px;cursor:pointer;transition:all .12s}.chip:hover{border-color:var(--blue)}.chip.on{background:#15324a;color:#fff;border-color:var(--blue)}.chip .ah{color:var(--gold);font-weight:700}.ah-total{margin-top:8px;font-size:13px;color:var(--text)}.ah-total b{color:var(--gold);font-size:16px}.cd-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}.cd-card{background:linear-gradient(180deg,#15203a,#0d1424);border:1px solid #2a3a5a;border-radius:10px;padding:12px 8px;text-align:center}.cd-card.ult{border-color:#7a2e2e;background:linear-gradient(180deg,#2a1620,#14080c)}.cd-key{font-size:20px;font-weight:900;color:#fff}.cd-card.ult .cd-key{color:#ffb0b0}.cd-rank{font-size:11px;color:var(--muted);margin:4px 0}.cd-value{font-size:26px;font-weight:900;color:var(--gold);font-family:Oswald,sans-serif}.cd-value span{font-size:12px;color:var(--muted);margin-left:2px}.cd-value.none{color:#4a5570}.cd-base{font-size:10px;color:#6a7894;margin-top:4px}.pred-note{font-size:11px;color:#c8a04a;margin:10px 0 0}.order-table{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow-y:auto}.order-row{display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1px solid #1a2336}.order-name{width:90px;flex-shrink:0;font-weight:700;font-size:13px}.order-seq{display:flex;flex-wrap:wrap;gap:3px}.seq-badge{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;border-radius:4px}.seq-badge.q{background:#16407a;color:#cfe6ff}.seq-badge.w{background:#2a6b3e;color:#d0ffd8}.seq-badge.e{background:#6b5a1e;color:#ffeeb0}.seq-badge.r{background:#7a2020;color:#ffd0d0;border:1px solid #c33}.seq-badge.real{background:#1f5c33;color:#9ff5b0;border:1px solid #2e6b3e}.seq-badge.real.inline{width:auto;height:auto;padding:1px 6px;margin-left:6px;font-size:10px;vertical-align:middle}.foot{width:100%;margin-top:40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center}.foot-inner{max-width:1200px;margin:0 auto;padding:20px 16px 0}.foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:12px}.foot-links button{background:none;border:none;color:var(--muted);font-weight:600;cursor:pointer;font-size:12px;padding:0}.foot-links button:hover{color:var(--text);text-decoration:underline}.foot-copy{margin:0 0 4px;color:var(--text);font-weight:700}.foot-note{margin:0 0 14px;font-size:11px}.foot-legal{max-width:760px;margin:0 auto;font-size:11px;line-height:1.7;color:#6b7890}.static-page{max-width:800px;margin:8px auto 0}.static-title{font-size:24px;margin:8px 0 16px;color:var(--gold)}.static-body{color:var(--text);font-size:14px;line-height:1.8}.static-body h3{color:var(--blue);font-size:15px;margin:22px 0 8px}.static-body p{margin:0 0 12px}.static-body ul{margin:0 0 12px;padding-left:20px}.static-body li{margin-bottom:8px}.static-body a{color:var(--blue)}.support-mail{font-size:15px}.static-updated{margin-top:24px;font-size:12px;color:var(--muted)}.tracker{margin-top:14px}.tracker-search{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tracker-search select,.tracker-search input{padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:14px}.tracker-search input{flex:1;min-width:240px}.tracker-search .search-btn{background:#1d2c52;color:#fff;border:1px solid #2e4a86;border-radius:8px;padding:9px 20px;cursor:pointer;font-weight:700}.tracker-search .search-btn:disabled{opacity:.6;cursor:default}.tracker-error{color:var(--red);background:#ff4e5014;border:1px solid #5a2130;border-radius:8px;padding:10px 14px}.player-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.player-icon{width:72px;height:72px;border-radius:12px;border:2px solid var(--gold)}.player-id h2{margin:0;font-size:22px}.player-id .tag{color:var(--muted);font-size:15px;font-weight:500;margin-left:2px}.refresh-btn{margin-top:6px;background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:5px 14px;cursor:pointer;font-size:12px}.refresh-btn:hover{border-color:#2e4a86}.ranks{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}.rank-badge{display:flex;flex-direction:column;gap:2px;min-width:150px;background:var(--panel2);border:1px solid var(--line);border-left-width:4px;border-radius:8px;padding:8px 12px}.rank-badge .rk-q{font-size:11px;color:var(--muted)}.rank-badge b{font-size:15px}.rank-badge .rk-lp{font-size:12px;color:var(--gold)}.rank-badge .rk-wr{font-size:11px;color:var(--muted)}.rank-badge.unranked{border-left-color:#444}.rank-badge.t-iron{border-left-color:#6d5c4d}.rank-badge.t-bronze{border-left-color:#a0684a}.rank-badge.t-silver{border-left-color:#9fb4c7}.rank-badge.t-gold{border-left-color:#e2b13c}.rank-badge.t-platinum{border-left-color:#4bb3a5}.rank-badge.t-emerald{border-left-color:#2ec27e}.rank-badge.t-diamond{border-left-color:#5a8cff}.rank-badge.t-master{border-left-color:#b061e0}.rank-badge.t-grandmaster{border-left-color:#e0554e}.rank-badge.t-challenger{border-left-color:#38c6ef}.match-list{margin-top:16px}.match-summary{color:var(--muted);font-size:13px;margin-bottom:8px}.match-summary .wr{margin-left:8px}.match-row{display:grid;grid-template-columns:120px 130px 90px 130px 1fr;gap:12px;align-items:center;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:8px;padding:8px 12px;margin-bottom:6px}.match-row.win{border-left-color:#2e6b8e;background:linear-gradient(90deg,rgba(45,110,150,.1),transparent 40%)}.match-row.lose{border-left-color:#8e2e3e;background:linear-gradient(90deg,rgba(150,45,60,.1),transparent 40%)}.m-result{display:flex;flex-direction:column;gap:1px}.m-wl{font-weight:800}.match-row.win .m-wl{color:#6fc3ff}.match-row.lose .m-wl{color:#ff8b8b}.m-queue{font-size:12px;color:var(--text)}.m-dur{font-size:11px;color:var(--muted)}.m-champ{display:flex;align-items:center;gap:4px}.m-champ>img{width:44px;height:44px;border-radius:8px;border:1px solid var(--line)}.m-spells{display:flex;flex-direction:column;gap:2px}.m-spells img{width:20px;height:20px;border-radius:4px}.m-role{font-size:11px;color:var(--muted);font-weight:700}.m-kda{display:flex;flex-direction:column}.m-kda b{font-size:15px}.m-kda .d{color:var(--red)}.m-stats{font-size:12px}.m-items{display:flex;gap:2px;flex-wrap:wrap}.m-items img{width:28px;height:28px;border-radius:5px;border:1px solid var(--line)}@media (max-width: 720px){.match-row{grid-template-columns:1fr 1fr}.ranks{margin-left:0}}.trn{margin-top:16px}.trn-nav{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:14px}.trn-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--muted);padding:8px 16px;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:-1px}.trn-tab:hover{color:var(--text)}.trn-tab.on{color:var(--gold);border-bottom-color:var(--gold)}.trn-season-select{margin-left:auto;align-self:center;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:13px;font-weight:700;cursor:pointer}.trn-season-select:hover{border-color:#2e4a86}.trn-more{display:block;width:100%;margin-top:10px;background:var(--panel2);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:8px;cursor:pointer;font-size:12px;font-weight:700}.trn-more:hover{border-color:#2e4a86;color:var(--text)}.trn-queues{display:inline-flex;gap:2px;flex-wrap:wrap;margin-bottom:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:4px}.trn-q{background:none;border:none;color:var(--muted);border-radius:7px;padding:7px 18px;cursor:pointer;font-size:13px;font-weight:700}.trn-q:hover{color:var(--text)}.trn-q.on{background:#1d2c52;color:#fff;box-shadow:inset 0 0 0 1px #2e4a86}.kda-gold{color:var(--gold)}.kda-blue{color:var(--blue)}.kda-green{color:#2ec27e}.trn-overview{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;margin-bottom:16px}.ov-ring-card{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 20px}.ov-ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.ov-ring-in{width:74px;height:74px;border-radius:50%;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center}.ov-ring-in b{font-size:22px;font-family:Oswald,sans-serif;line-height:1}.ov-ring-in span{font-size:11px;color:var(--muted);margin-top:3px}.ov-wl{font-size:15px}.ov-wl .win{color:var(--blue);font-weight:800}.ov-wl .lose{color:var(--red);font-weight:800}.ov-tiles{flex:1;min-width:280px;display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}.ov-tile{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;justify-content:center}.ov-tile .ov-label{font-size:11px;color:var(--muted)}.ov-tile b{font-size:22px;font-family:Oswald,sans-serif}.ov-tile .ov-sub{font-size:12px;color:var(--muted)}.ov-tile .ov-sub .d{color:var(--red)}.ov-kda{grid-column:span 2}.ov-tile .ov-sub.win{color:var(--blue)}.ov-tile .ov-sub.lose{color:var(--red)}.trn-grid{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}.trn-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.trn-col{display:flex;flex-direction:column;gap:14px;min-width:0}.tm-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 20px}.tm-row{display:grid;grid-template-columns:1fr 70px auto;align-items:center;gap:10px;font-size:12.5px}.tm-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.tm-name .tag{color:var(--muted);font-weight:500;margin-left:1px}.tm-bar{display:flex;height:6px;background:var(--line);border-radius:4px;overflow:hidden}.tm-wr{white-space:nowrap;font-size:11px;color:var(--muted)}.tm-wr.win{color:#57d977;font-weight:700}.tm-wr.lose{color:var(--red);font-weight:700}.tm-more{margin:10px 2px 0}.rp-table{display:flex;flex-direction:column}.rp-row{display:grid;grid-template-columns:1.4fr 48px 56px 56px 56px 56px;gap:6px;align-items:center;padding:8px 2px;border-bottom:1px solid var(--line);font-size:13px}.rp-row:last-child{border-bottom:none}.rp-head{color:var(--muted);font-size:11px;font-weight:700;border-bottom-color:#2e4a86}.rp-role{font-weight:700}.rp-role small{margin-left:6px;font-weight:400}.rp-row .win{color:var(--blue);font-weight:700}.rp-row .lose{color:var(--red);font-weight:700}.rp-row>span,.rp-row>button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.rp-table.rp-season .rp-row{grid-template-columns:.85fr 1.35fr 44px 52px 52px}.mu-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mu-cap{font-size:11px;font-weight:800;margin-bottom:6px}.mu-cap.win{color:var(--blue)}.mu-cap.lose{color:var(--red)}.mu-row{display:grid;grid-template-columns:28px 1fr auto auto;gap:6px;align-items:center;padding:4px 0;font-size:12px}.mu-row img{width:28px;height:28px;border-radius:6px;border:1px solid var(--line)}.mu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mu-wr{font-weight:700}.mu-wr.win{color:var(--blue)}.mu-wr.lose{color:var(--red)}.mu-g{font-size:11px}.mu-role-section{margin-top:14px}.mu-role-section:first-of-type{margin-top:6px}.mu-role-cap{font-size:12px;font-weight:800;color:var(--text);margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--line)}.mu-role-list{display:flex;flex-direction:column}.no-data-block{padding:18px 4px;text-align:center}.no-data-block.sm{padding:12px 4px}.no-data-label{display:block;font-size:15px;letter-spacing:1px;color:var(--muted);margin-bottom:4px}.cs-role{margin-left:6px;font-size:10px;font-weight:700;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.trn-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:14px}.trn-h{margin:0 0 12px;font-size:14px;color:var(--gold)}.trn-right .match-list{margin-top:0}.trn-right .match-row{grid-template-columns:110px 120px 84px 120px 1fr}.champ-stats{display:flex;flex-direction:column;gap:10px}.champ-stat{display:flex;align-items:center;gap:10px}.champ-stat>img{width:42px;height:42px;border-radius:8px;border:1px solid var(--line);flex-shrink:0}.cs-main{flex:1;min-width:0}.cs-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cs-name{font-size:14px}.cs-kda{font-size:12px;font-weight:700}.cs-bar{display:flex;height:6px;background:var(--line);border-radius:4px;overflow:hidden;margin:5px 0}.cs-bar-win{display:block;height:100%;background:#57d977}.cs-bar-lose{display:block;height:100%;background:var(--red);opacity:.55}.cs-sub{font-size:11px}.cs-sub .win{color:#57d977;font-weight:700}.cs-sub .lose{color:var(--red);font-weight:700}.cs-dot{margin:0 5px;opacity:.5}.champ-table{display:flex;flex-direction:column}.ct-row{display:grid;grid-template-columns:2fr 52px 96px 60px 1.3fr 64px;gap:8px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line);font-size:13px}.ct-row:last-child{border-bottom:none}.ct-head{color:var(--muted);font-size:11px;font-weight:700;border-bottom-color:#2e4a86}.ct-champ{display:flex;align-items:center;gap:8px;font-weight:700;min-width:0}.ct-champ img{width:30px;height:30px;border-radius:6px;border:1px solid var(--line);flex-shrink:0}.ct-row .win{color:var(--blue);font-weight:700}.ct-row .lose{color:var(--red);font-weight:700}.ct-row small{font-size:10px;margin-left:3px}@media (max-width: 560px){.ct-kda3{display:none}.ct-row{grid-template-columns:2fr 44px 84px 52px 56px}}.loc-links{margin:4px 0 14px}.loc-block{margin-bottom:26px}.loc-block-title{font-size:14px;font-weight:800;margin:0 0 8px;color:var(--gold);letter-spacing:.3px}.loc-empty{padding:40px;text-align:center;color:var(--muted)}.loc-table-scroll{overflow-x:auto}.loc-player-table{min-width:880px}.loc-dev-cell{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.loc-dev-sub{font-size:10px;color:var(--muted)}.loc-tier-chip{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:#1d2c52;color:#cfe0ff;border:1px solid #2e4a86;justify-self:start}.loc-match-list{display:flex;flex-direction:column;gap:8px}.loc-match-row{display:grid;grid-template-columns:64px 1fr 96px 1fr 56px;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.loc-match-team{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13.5px;min-width:0;color:var(--muted)}.loc-match-team span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-match-team img{width:26px;height:26px;border-radius:6px;flex-shrink:0}.loc-match-team.right{justify-content:flex-end;text-align:right}.loc-match-team.winner{color:var(--gold)}.loc-match-team.as-link{background:none;border:none;font:inherit;cursor:pointer;padding:0}.loc-match-vs{text-align:center;font-size:11.5px;color:var(--muted);font-weight:700}.loc-match-date{text-align:right;font-size:11.5px;color:var(--muted)}@media (max-width: 700px){.loc-match-row{grid-template-columns:1fr;text-align:left}.loc-match-team.right{justify-content:flex-start;text-align:left}.loc-match-date{text-align:left}}.loc-detail{margin-top:4px}.loc-back{margin-bottom:14px}.loc-detail-head{display:flex;align-items:center;gap:16px;margin-bottom:20px}.loc-detail-name{margin:0 0 6px;font-size:20px}.loc-detail-sub{display:flex;align-items:center;gap:10px;font-size:13px;flex-wrap:wrap}.loc-coach-note{margin:10px 0 0}.loc-hist-list{display:flex;flex-direction:column;gap:6px}.loc-hist-row{display:grid;grid-template-columns:44px 22px 1fr 64px 1fr 48px;align-items:center;gap:8px;padding:7px 10px 7px 8px;border-radius:8px;background:var(--panel);border-left:3px solid transparent;font-size:12.5px}.loc-hist-row.win{border-left-color:#2e6b8e}.loc-hist-row.lose{border-left-color:#8e2e3e}.loc-hist-champ{width:24px;height:24px;border-radius:6px}.loc-hist-champname,.loc-hist-opp{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-hist-wl{text-align:right;font-weight:800;font-size:11px}.loc-hist-wl.win{color:var(--blue)}.loc-hist-wl.lose{color:var(--red)}@media (max-width: 640px){.loc-hist-row{grid-template-columns:1fr 22px 1fr 60px}.loc-hist-opp,.loc-hist-wl{display:none}}.bwrap{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:34px 18px 18px;overflow:hidden}.bcanvas{position:relative}.bsvg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.conn{fill:none;stroke-width:2}.conn.win{stroke:#d4a017bf}.conn.lose{stroke:#00d1ff73;stroke-dasharray:5 5}.band-label{position:absolute;left:0;font-size:12px;letter-spacing:.14em;color:var(--gold);border-left:3px solid var(--gold);padding-left:8px}.bx{position:absolute;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:linear-gradient(160deg,var(--panel2),var(--panel));box-shadow:0 3px 12px #00000059}.bx.void{opacity:.38}.bx .lbl{font-size:10px;color:var(--muted);padding:4px 8px 2px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bx .slot{display:flex;align-items:center;gap:8px;padding:5px 9px;font-size:13px;border-top:1px solid rgba(138,153,181,.12)}.bx .slot .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.bx .slot .nm.from{font-size:11px;font-weight:700;color:#7f9ab5;letter-spacing:0;cursor:default}.bx .slot .sc{font-weight:800;font-variant-numeric:tabular-nums;min-width:16px;text-align:right}.bx .slot.win{background:#d4a01724}.bx .slot.win .nm,.bx .slot.win .sc{color:var(--gold);font-weight:700}.bx .slot.lose .nm,.bx .slot.lose .sc{color:var(--muted)}.bx .slot.tbd .nm{color:var(--muted);font-style:italic;cursor:default}.bx .bfoot{display:flex;align-items:center;gap:6px;padding:3px 8px 4px;font-size:10px;border-top:1px solid rgba(138,153,181,.12);background:#00000040}.bx .bfoot .w{flex:1;color:var(--gold);font-weight:700;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx .bfoot .w.none{color:var(--muted);font-weight:400;font-style:italic}.bx .bfoot .bo{color:var(--muted);font-weight:700}.bx .bfoot .bo.def{opacity:.6;font-weight:400}.bx .bfoot .st{padding:0 5px;border-radius:8px;font-weight:700;background:#d4a0172e;color:var(--gold)}.bx .bfoot .st.off{background:#8a99b524;color:var(--muted)}.bcrest{width:20px;height:20px;flex:none;object-fit:contain;border-radius:4px;background:#00000059}.bcrest.ph{display:inline-grid;place-items:center;font-size:9px;font-weight:800;color:#1a1400;background:linear-gradient(135deg,#f2d98a,#a3780f)}.slot.tbd .bcrest.ph{background:#8a99b540;color:#e6ecf5bf}.champ{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:10px;background:linear-gradient(135deg,rgba(212,160,23,.22),var(--panel));border:1px solid var(--gold);color:var(--gold);font-size:18px;font-weight:800}.legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin:10px 2px 0;flex-wrap:wrap}.legend i{display:inline-block;width:26px;height:0;vertical-align:middle;margin-right:6px}.legend i.win{border-top:2px solid rgba(212,160,23,.85)}.role-split{display:flex;flex-direction:column;gap:8px}.role-row{display:flex;align-items:center;gap:10px}.role-name{width:34px;font-size:12px;font-weight:700;color:var(--muted)}.role-bar{flex:1;height:8px;background:var(--line);border-radius:4px;overflow:hidden}.role-bar span{display:block;height:100%;background:var(--gold);border-radius:4px}.role-pct{width:36px;text-align:right;font-size:12px}.m-ago{font-size:10px}@media (max-width: 900px){.trn-grid,.trn-grid2{grid-template-columns:1fr}.trn-right .match-row{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.mu-cols{grid-template-columns:1fr}}.download{margin-top:14px}.dl-hero{background:linear-gradient(135deg,#16233f,var(--panel));border:1px solid var(--line);border-radius:14px;padding:22px 24px}.dl-hero-main h2{margin:0 0 6px;font-size:24px}.dl-ver{font-size:13px;color:var(--muted);font-weight:600;margin-left:6px}.dl-tagline{margin:0 0 8px;color:var(--text);font-size:15px}.dl-tagline strong{color:var(--gold)}.dl-tos{margin:0 0 16px;font-size:12px;color:#9ff5b0;background:#4ae08a14;border:1px solid #2e6b3e;border-radius:8px;padding:8px 12px}.dl-buttons{display:flex;gap:10px;flex-wrap:wrap}.dl-btn{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:180px;padding:12px 18px;border-radius:10px;text-decoration:none;background:var(--panel2);color:var(--text);border:1px solid var(--line);cursor:pointer}.dl-btn:hover{border-color:#2e4a86}.dl-btn b{font-size:15px}.dl-btn .dl-btn-sub{font-size:11px;color:var(--muted)}.dl-btn.primary{background:#1d3a6e;border-color:#2e6bd6}.dl-btn.primary b{color:#fff}.dl-btn.primary .dl-btn-sub{color:#bcd3ff}.dl-btn.ghost{background:transparent}.dl-btn.disabled{opacity:.5;cursor:not-allowed}.dl-meta{margin-top:12px;font-size:12px;color:var(--muted)}.dl-h3{margin:26px 0 12px;font-size:16px;color:var(--gold);border-bottom:1px solid var(--line);padding-bottom:6px}.dl-features{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.dl-feature{display:flex;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px}.dl-feature-icon{font-size:24px;line-height:1}.dl-feature-title{font-weight:800;margin-bottom:4px}.dl-feature-body{font-size:13px;color:var(--muted);line-height:1.5}.dl-req{width:100%;border-collapse:collapse}.dl-req th,.dl-req td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}.dl-req th{width:90px;color:var(--gold);font-weight:700}.dl-steps{padding-left:20px;line-height:1.9;font-size:14px}.dl-steps li{margin-bottom:4px}.dl-kbd{display:inline-block;padding:1px 7px;margin:0 2px;border-radius:5px;background:#1e2a44;border:1px solid #3a4a6a;font-size:12px;font-weight:700}.dl-code{background:#0c111c;border:1px solid var(--line);border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:13px;line-height:1.6;font-family:Consolas,Courier New,monospace;color:#cfe3ff}.download code{background:#0c111c;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:12px;color:#ffd86b}.dl-disclaimer{margin-top:26px;padding-top:14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);line-height:1.6}.ad-slot{position:relative;background:var(--panel);border:1px dashed #33405e;border-radius:10px;overflow:hidden}.ad-tag{position:absolute;top:4px;left:8px;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#5c6a86}.ad-fill{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#6b7890;font-size:12px;font-weight:700}.ad-leaderboard{max-width:728px;height:90px;margin:12px auto 16px}.ad-rectangle{width:300px;height:250px;margin:20px auto}.ad-anchor{position:fixed;left:0;right:0;bottom:0;z-index:40;height:72px;max-width:970px;margin:0 auto;border-radius:10px 10px 0 0;border-bottom:none;box-shadow:0 -6px 24px #0006}.ad-rail{position:fixed;top:50%;transform:translateY(-50%);width:160px;height:600px;z-index:20}.ad-rail-left{left:12px}.ad-rail-right{right:12px}@media (max-width: 1600px){.ad-rail{display:none}}.ad-x{position:absolute;top:-12px;right:6px;z-index:41;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;font-size:14px;line-height:1}.ad-x:hover{background:var(--panel)}.ad-inter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#04070cd1;display:flex;align-items:center;justify-content:center;padding:16px}.ad-inter-card{position:relative;width:360px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 12px 40px #0009}.ad-inter-top{display:flex;align-items:center;justify-content:space-between;min-height:20px;margin-bottom:8px}.ad-inter-top .ad-tag{position:static}.ad-inter-count{font-size:12px;color:var(--muted)}.ad-inter-x{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:12px;font-weight:700}.ad-inter-x:hover{background:#1d2c52;border-color:#2e4a86}.ad-inter-fill{height:280px;display:flex;align-items:center;justify-content:center;background:var(--panel2);border:1px dashed #33405e;border-radius:10px;color:#6b7890;font-size:12px;font-weight:700;text-align:center;padding:8px}.ad-inter-note{margin:10px 0 0;font-size:11px;color:var(--muted);text-align:center}.app{padding-bottom:88px}.account{display:flex;align-items:center}.account-in{display:flex;align-items:center;gap:8px}.account-av{width:28px;height:28px;border-radius:50%;border:1px solid var(--line)}.account-name{font-size:13px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}.premium-badge{background:linear-gradient(135deg,#ffd86b,#ffb454);color:#3a2a00;font-size:10px;font-weight:900;padding:1px 6px;border-radius:5px;letter-spacing:.5px}.account-btn{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:700}.account-btn:hover{border-color:#2e4a86}.account-btn.primary{background:#1d2c52;border-color:#2e4a86;color:#fff}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#04070cd1;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{position:relative;width:380px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 16px 48px #0009}.auth-x{position:absolute;top:12px;right:14px;background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;line-height:1}.auth-x:hover{color:var(--text)}.auth-title{margin:0 0 18px;font-size:20px;text-align:center}.auth-social{display:flex;flex-direction:column;gap:8px}.soc{padding:11px;border-radius:10px;border:1px solid var(--line);cursor:pointer;font-weight:700;font-size:14px;color:#fff}.soc.google{background:#fff;color:#1f1f1f;border-color:#dcdfe4}.soc.google:hover{background:#f2f3f5}.soc.discord{background:#5865f2;border-color:#5865f2}.soc.discord:hover{filter:brightness(1.08)}.auth-or{display:flex;align-items:center;text-align:center;color:var(--muted);font-size:12px;margin:16px 0}.auth-or:before,.auth-or:after{content:"";flex:1;height:1px;background:var(--line)}.auth-or span{padding:0 12px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form input{background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:10px;padding:12px 14px;font-size:14px}.auth-form input:focus{outline:none;border-color:#2e4a86}.auth-err{margin:0;color:var(--red);font-size:13px}.auth-submit{background:linear-gradient(135deg,var(--blue),#2e8bff);color:#06121f;border:none;border-radius:10px;padding:12px;font-weight:900;font-size:15px;cursor:pointer;margin-top:2px}.auth-submit:hover{filter:brightness(1.08)}.auth-submit:disabled{opacity:.6;cursor:default}.auth-switch{text-align:center;font-size:13px;color:var(--muted);margin:16px 0 6px}.auth-switch button{background:none;border:none;color:var(--blue);cursor:pointer;font-weight:700;font-size:13px}.auth-switch button:hover{text-decoration:underline}.auth-note{text-align:center;font-size:11px;color:#6b7890;margin:0;line-height:1.6}.rank-table th.c-fav,.rank-table td.c-fav{width:36px;text-align:center}.fav-star{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;color:#3a4560;padding:2px}.fav-star:hover{color:#ffd86b}.fav-star.on{color:#ffd86b;text-shadow:0 0 8px rgba(255,216,107,.5)}.mypage{margin-top:8px}.mypage-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}.mypage-av{width:56px;height:56px;border-radius:50%;border:1px solid var(--line)}.mypage-head h2{margin:0 0 4px}.mypage-block{margin-bottom:26px}.mypage-block h3{font-size:15px;margin:0 0 12px;color:var(--gold)}.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.fav-item{position:relative}.fav-open{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 8px;cursor:pointer;color:var(--text)}.fav-open:hover{border-color:#2e4a86;background:var(--panel2)}.fav-open img{width:44px;height:44px;border-radius:8px}.fav-open span{font-size:12px;font-weight:700}.fav-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--muted);cursor:pointer;font-size:12px;line-height:1}.fav-x:hover{color:var(--red);border-color:var(--red)}.track-list{display:flex;flex-direction:column;gap:6px}.track-item{position:relative;display:flex}.track-open{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer;color:var(--text)}.track-open:hover{border-color:#2e4a86;background:var(--panel2)}.track-plat{font-size:11px;font-weight:800;color:var(--blue);min-width:34px}.track-name{font-weight:700}.track-name .tag{color:var(--muted);font-weight:600}.track-item .fav-x{top:50%;transform:translateY(-50%);right:8px;background:var(--panel)}.lol-detail{margin-top:8px}.champ-hero{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:16px;margin:10px 0 14px}.hero-portrait{width:76px;height:76px;border-radius:12px;border:2px solid var(--line)}.hero-main{flex:1;min-width:0}.hero-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-title h2{margin:0;font-size:24px}.hero-rank{font-size:13px}.hero-patch{font-size:12px;margin-left:auto}.detail-role-tabs{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.drole{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 16px;border-radius:10px;background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:13px;border-bottom:3px solid transparent}.drole:hover{border-color:#2e4a86}.drole.on{background:var(--panel2);color:var(--text);border-color:#2e4a86;border-bottom-color:var(--gold)}.drole-name{font-weight:800;font-size:14px}.drole-share{font-size:11px;color:var(--gold);font-weight:700}.drole-wr{font-size:11px;color:var(--blue);font-weight:700}.mu-role-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 14px}.mu-role{padding:5px 12px;border-radius:8px;background:var(--panel);border:1px solid var(--line);color:var(--muted);cursor:pointer;font-size:12px;font-weight:700}.mu-role:hover{border-color:#2e4a86}.mu-role.on{background:var(--panel2);color:var(--text);border-color:var(--gold)}.hero-metrics{display:flex;gap:22px;margin-top:10px;flex-wrap:wrap}.metric{display:flex;flex-direction:column}.metric-label{font-size:11px;color:var(--muted)}.metric-value{font-size:19px;font-weight:800}.metric-value.win{color:#57d977}.metric-value.lose{color:var(--red)}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.dcard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:14px}.dcard h3{margin:0 0 12px;font-size:15px;color:var(--gold)}.samples{font-weight:400;color:var(--muted)}.dcard h3.mt{margin-top:18px}.dcard h4{margin:0 0 8px;font-size:12px;color:var(--muted)}.rune-page,.rune-side{display:flex;gap:20px;flex-wrap:wrap}.rune-tree{min-width:150px}.rune-tree-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}.rune-tree-head img{width:22px;height:22px}.rune-slot-row{display:flex;gap:10px;padding:6px 0;justify-content:center}.rune-slot-row.keystone-row{padding:8px 0 10px}.rune-opt{position:relative;opacity:.32;transition:opacity .1s}.rune-opt img{width:30px;height:30px;border-radius:50%;display:block}.keystone-row .rune-opt img{width:42px;height:42px}.rune-opt.sel{opacity:1}.rune-opt.sel img{box-shadow:0 0 0 2px var(--gold)}.rune-pct{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);font-size:9px;color:var(--gold);font-weight:700;white-space:nowrap}.shard-rows{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:10px;border-top:1px solid var(--line)}.shard-row{display:flex;gap:10px;justify-content:center}.shard-opt{opacity:.3}.shard-opt img{width:22px;height:22px}.shard-opt.sel{opacity:1}.shard-opt.sel img{box-shadow:0 0 0 2px var(--gold);border-radius:50%}.spell-row{display:flex;gap:10px}.spell-cell{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px}.spell-cell img{width:40px;height:40px;border-radius:8px;border:1px solid var(--line)}.spell-cell b{color:var(--blue)}.spell-alt{display:flex;align-items:center;gap:6px;margin-top:8px}.spell-mini{width:24px;height:24px;border-radius:5px;border:1px solid var(--line)}.skill-prio{display:flex;align-items:center;gap:4px;margin-bottom:10px}.skill-prio .seq-badge{width:24px;height:24px;font-size:13px}.prio-gt{color:var(--muted);margin:0 2px;font-weight:700}.skill-grid{display:flex;flex-direction:column;gap:3px;overflow-x:auto}.sg-row{display:flex;gap:3px;align-items:center}.sg-key{width:20px;height:20px;flex:0 0 20px;font-size:12px}.sg-cell{width:20px;height:20px;flex:0 0 20px;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:4px;background:var(--panel2);color:var(--muted)}.sg-head .sg-lv{background:transparent;font-size:9px}.sg-cell.on{color:#fff;font-weight:700}.sg-cell.on.q{background:#1d5aa8}.sg-cell.on.w{background:#2e8a4f}.sg-cell.on.e{background:#9a7d1e}.sg-cell.on.r{background:#b02f2f}.ib-row{display:flex;gap:12px;flex-wrap:wrap}.counter-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.counter-cols h4{margin:0 0 8px;font-size:13px}.counter-cols h4.win{color:#57d977}.counter-cols h4.lose{color:var(--red)}@media (max-width: 760px){.detail-grid,.counter-cols{grid-template-columns:1fr}.hero-patch{margin-left:0;width:100%}}.item-build-v2{display:flex;flex-direction:column;gap:18px}.ib-item{display:flex;flex-direction:column;align-items:center;gap:3px}.ib-item img{width:44px;height:44px;border-radius:8px;border:1px solid var(--line);background:var(--panel2)}.ib-stats{display:flex;flex-direction:column;align-items:center;line-height:1.15}.ib-wr{font-size:12px;font-weight:800}.ib-wr.win{color:#57d977}.ib-wr.lose{color:var(--red)}.ib-pr{font-size:10px;color:var(--muted)}.core-columns{display:flex;flex-direction:column;gap:10px}.core-col{display:flex;flex-direction:row;align-items:center;gap:12px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.core-col-head{flex:0 0 auto;min-width:52px;font-size:11px;font-weight:800;color:var(--gold)}.core-col-items{display:flex;flex-direction:row;gap:14px;overflow-x:auto;padding-bottom:2px}.core-col-items .ib-item:first-child img{box-shadow:0 0 0 2px #d4a0178c}.ability-list{display:flex;flex-direction:column;gap:12px}.ability{display:flex;gap:12px}.ability-icon{width:46px;height:46px;flex:0 0 46px;border-radius:8px;border:1px solid var(--line);background:var(--panel2)}.ability-body{min-width:0}.ability-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px}.ability-key{width:20px;height:20px;flex:0 0 20px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:12px;font-weight:800;color:#fff}.ability-key.k-p{background:#6b5a8a}.ability-key.k-q{background:#1d5aa8}.ability-key.k-w{background:#2e8a4f}.ability-key.k-e{background:#9a7d1e}.ability-key.k-r{background:#b02f2f}.ability-name{font-weight:700;font-size:14px}.ability-meta{font-size:11px;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:1px 7px}.ability-desc{margin:0;font-size:12.5px;line-height:1.5;color:#c3cde0;white-space:pre-line}.perf-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.perf-tile{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.perf-label{font-size:10px;color:var(--muted)}.perf-value{font-size:16px;font-weight:800}.perf-value.win{color:#57d977}.perf-value.lose{color:var(--red)}.dur-curve{display:flex;flex-direction:column;gap:8px}.dur-row{display:grid;grid-template-columns:60px 1fr 44px 52px;align-items:center;gap:8px}.dur-label{font-size:11px;color:var(--muted)}.dur-bar-wrap{background:var(--panel2);border-radius:6px;height:12px;overflow:hidden}.dur-bar{height:100%;border-radius:6px}.dur-bar.win{background:linear-gradient(90deg,#2e8a4f,#57d977)}.dur-bar.lose{background:linear-gradient(90deg,#8a2e2e,#ff6b6b)}.dur-wr{font-size:12px;font-weight:800;text-align:right}.dur-wr.win{color:#57d977}.dur-wr.lose{color:var(--red)}.dur-games{font-size:10px;text-align:right}.rank-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rank-select{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 10px;font-weight:700;font-size:13px}.spell-pairs{display:flex;gap:10px;flex-wrap:wrap}.spell-pair{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px}.sp-icons{display:flex;gap:3px}.sp-icons img{width:34px;height:34px;border-radius:7px;border:1px solid var(--line)}.sp-stats{display:flex;flex-direction:column;align-items:center;line-height:1.1}.sp-stats b{font-size:13px}.skill-max{display:flex;flex-direction:column;gap:6px;margin:8px 0 10px}.skill-max-row{display:flex;align-items:center;gap:8px}.smx-order{display:flex;align-items:center;gap:2px}.skill-max-row b{font-size:13px}.rune-page-tabs{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.rpt{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:4px 10px;cursor:pointer;font-size:12px;font-weight:700}.rpt.on{background:#1d2c52;color:#fff;border-color:#2e4a86}.rune-page-meta{margin-bottom:10px}.synergy-list{display:flex;gap:10px;flex-wrap:wrap}.synergy{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;background:none;border:none;color:var(--text)}.synergy img{width:40px;height:40px;border-radius:8px;border:1px solid var(--line)}.syn-role{font-size:10px}.synergy span:last-child{font-size:12px}.matchup-all{margin-top:14px}.matchup-all summary{cursor:pointer;color:var(--blue);font-size:13px;font-weight:700}.mu-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}.mu-table th{text-align:left;color:var(--muted);font-size:11px;padding:6px 8px;border-bottom:1px solid var(--line)}.mu-table td{padding:6px 8px;border-bottom:1px solid var(--line);cursor:pointer}.mu-table tr:hover td{background:var(--panel2)}.mu-table th:nth-child(2),.mu-table td:nth-child(2),.mu-table th:nth-child(3),.mu-table td:nth-child(3){text-align:right}.mu-champ{display:flex;align-items:center;gap:8px}.mu-champ img{width:26px;height:26px;border-radius:6px}.trend-svg{width:100%;height:60px;display:block}.trend-mid{stroke:var(--line);stroke-width:.5;stroke-dasharray:2 2}.trend-line{fill:none;stroke:var(--blue);stroke-width:1.5;vector-effect:non-scaling-stroke}.trend-labels{display:flex;justify-content:space-between;margin-top:4px}.trend-col{display:flex;flex-direction:column;align-items:center;font-size:10px}.trend-wr{font-weight:800}.trend-patch{font-size:9px}.sort-bar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.sortbtn{background:var(--panel2);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 12px;cursor:pointer;font-size:12px;font-weight:700}.sortbtn:hover{color:var(--text);border-color:#2e4a86}.sortbtn.on{background:#1d2c52;color:#fff;border-color:#2e4a86}.mu-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.mu-table th.sortable:hover{color:var(--text)}.dl-autoupdate{margin:10px 0 4px;font-size:13px;color:#9fd6ff;background:#00d1ff14;border:1px solid #204a6b;border-radius:8px;padding:8px 12px}