:root{--bg-base:#0d1117;--bg-surface:#161b22;--bg-elevated:#1c2333;--bg-hover:#262d3a;--border:#30363d;--border-accent:#484f58;--text-primary:#f0f2f4;--text-secondary:#b1b8c4;--text-tertiary:#8b949e;--accent-gold:#d4a855;--accent-blue:#58a6ff;--accent-teal:#2dd4bf;--accent-red:#f87171;--accent-green:#34d399;--accent-purple:#a78bfa;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 2px 8px rgba(0,0,0,0.35),0 1px 3px rgba(0,0,0,0.2);--shadow-lg:0 4px 16px rgba(0,0,0,0.4),0 2px 6px rgba(0,0,0,0.25);--win:#3b82f6;--loss:#ef4444;--buff:#22c55e;--nerf:#ef4444;--adjust:#c8aa6e;--lane-top:#e8a33d;--lane-jungle:#22c55e;--lane-mid:#3b82f6;--lane-bot:#ef4444;--lane-support:#8b5cf6;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font-mono:"JetBrains Mono","Fira Code","SF Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{font-size:17px}body{font-family:var(--font-noto),-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans",sans-serif;background-color:var(--bg-base);color:var(--text-primary);line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-gold);text-decoration:none;transition:color .15s}a:hover,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{line-height:1.35;font-weight:700;letter-spacing:-.01em}h1{font-size:1.65rem}h2{font-size:1.35rem;margin-top:.25rem}h3{font-size:1.1rem}.container{max-width:1280px;margin:0 auto;padding:0 1.25rem}.stats-table{width:100%;border-collapse:collapse;font-size:.95rem}.stats-table td,.stats-table th{padding:.55rem .85rem;text-align:left;border-bottom:1px solid var(--border)}.stats-table th{background:var(--bg-elevated);color:var(--text-tertiary);font-weight:600;font-size:.85rem;white-space:nowrap}.stats-table td{background:var(--bg-surface)}.stats-table tr:hover td{background:var(--bg-hover)}.section-collapsible summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.section-collapsible summary:after{content:"▼";font-size:.75rem;color:var(--text-tertiary);transition:transform .2s}.section-collapsible[open] summary:after{transform:rotate(180deg)}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.4rem;gap:.4rem}@media (max-width:1024px){.item-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.item-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.item-grid{grid-template-columns:1fr}}.ad-banner{text-align:center;margin:.75rem auto}.ad-sidebar{display:none}.ad-infeed{margin:2rem auto;text-align:center}@media (min-width:1440px){.ad-sidebar{display:block;position:fixed;right:calc((100vw - 1280px) / 2 - 320px);top:64px;width:300px;z-index:5}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.card:hover{border-color:var(--border-accent);background:var(--bg-elevated);box-shadow:var(--shadow-md);transform:translateY(-1px)}.champ-card{transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}.champ-card:hover{border-color:var(--border-accent)!important;background:var(--bg-elevated)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)}.stat-bar{height:4px;border-radius:2px;background:var(--bg-hover)}.stat-bar-fill{height:100%;border-radius:2px}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{text-align:left;padding:.55rem .85rem;color:var(--text-tertiary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.data-table td,.data-table th{border-bottom:1px solid var(--border)}.data-table td{padding:.5rem .75rem}.data-table tr:hover{background:var(--bg-hover)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.badge-gold{background:rgba(200,170,110,.15);color:var(--accent-gold)}.badge-blue{background:rgba(59,130,246,.15);color:var(--accent-blue)}.badge-teal{background:rgba(14,165,169,.15);color:var(--accent-teal)}.badge-red{background:rgba(239,68,68,.15);color:var(--accent-red)}.badge-green{background:rgba(34,197,94,.15);color:var(--accent-green)}.badge-purple{background:rgba(139,92,246,.15);color:var(--accent-purple)}.badge-muted{background:var(--bg-hover);color:var(--text-secondary)}.badge-top{background:rgba(232,163,61,.15);color:var(--lane-top)}.badge-jungle{background:rgba(34,197,94,.15);color:var(--lane-jungle)}.badge-mid{background:rgba(59,130,246,.15);color:var(--lane-mid)}.badge-bot{background:rgba(239,68,68,.15);color:var(--lane-bot)}.badge-support{background:rgba(139,92,246,.15);color:var(--lane-support)}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.tab{padding:.55rem 1.1rem;color:var(--text-secondary);font-size:.9rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.search-input{width:100%;padding:.6rem .85rem .6rem 2.25rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent-gold);box-shadow:0 0 0 2px rgba(212,168,85,.15)}.search-input::placeholder{color:var(--text-tertiary)}.info-box{padding:.85rem 1.1rem;background:rgba(88,166,255,.06);border-left:3px solid var(--accent-blue);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:.9rem;color:var(--text-secondary)}.ai-box{padding:.75rem 1rem;background:rgba(200,170,110,.08);border-left:3px solid var(--accent-gold);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.num{font-family:var(--font-mono)}.wr-high{color:var(--accent-blue)}.wr-mid{color:var(--text-primary)}.wr-low{color:var(--accent-red)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:1rem}.grid-2,.grid-3{display:grid;gap:1rem}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.75rem;gap:.75rem}.grid-champions{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:.5rem;gap:.5rem}.patch-tag{font-family:var(--font-mono);font-size:.75rem;padding:.1rem .4rem;background:var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-tertiary)}.breadcrumb{margin-bottom:1rem;color:var(--text-secondary);font-size:.9rem}.page-title{font-size:1.5rem;margin-bottom:.5rem}.page-description{color:var(--text-secondary);font-size:.95rem;line-height:1.75}.page-description,.section{margin-bottom:1.5rem}.article-footer{margin-top:2rem;padding:1rem;border-top:1px solid var(--border);color:var(--text-tertiary);font-size:.8rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:rgba(200,170,110,.3);color:var(--text-primary)}.affiliate-link{color:var(--accent-teal);text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:2px}.affiliate-link:hover{color:var(--text-primary);-webkit-text-decoration-style:solid;text-decoration-style:solid}.nav-links{display:flex;gap:1rem;align-items:center;margin-left:auto;flex-shrink:0}.hamburger{display:none}@media (max-width:768px){.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:10px;margin-left:auto;min-width:44px;min-height:44px;align-items:center;justify-content:center}.hamburger span{width:22px;height:2px;background:var(--text-secondary);border-radius:1px;transition:.2s}.nav-links{display:none;position:absolute;top:48px;left:0;right:0;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:.75rem 1rem;flex-direction:column;gap:.75rem}.nav-links.nav-open{display:flex}.search-bar-header{display:none}.container{padding:0 .75rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.grid-champions{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.lane-grid{grid-template-columns:repeat(3,1fr)}.home-grid-guides,.home-grid-matchups{grid-template-columns:1fr}.page-title,h1{font-size:1.25rem}h2{font-size:1.1rem}}@media (max-width:480px){html{font-size:16px}.container{padding:0 .85rem}.lane-grid{grid-template-columns:repeat(2,1fr)}.grid-champions{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.data-table{font-size:.82rem}.data-table td,.data-table th{padding:.4rem .55rem}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap;font-size:.8rem;padding:.5rem .75rem}}section[id]{scroll-margin-top:60px}.guide-body h2{font-size:1.2rem;color:var(--accent-gold);border-left:3px solid var(--accent-gold);padding-left:.75rem;margin:2rem 0 1rem}.guide-body h3{font-size:1rem;color:var(--text-primary);margin:1.5rem 0 .75rem}.guide-body p{margin:.75rem 0}.guide-body ol,.guide-body ul{padding-left:1.25rem;margin:.75rem 0}.guide-body li{margin:.4rem 0;padding-left:.25rem}.guide-body strong{color:var(--text-primary)}.guide-tip{background:rgba(200,170,110,.08);border-left:3px solid var(--accent-gold);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:.75rem 1rem;margin:1rem 0;font-size:.9rem}.guide-tip:before{content:"POINT";display:block;font-size:.75rem;font-weight:700;color:var(--accent-gold);letter-spacing:.05em;margin-bottom:.3rem}.guide-warning{background:rgba(232,64,87,.08);border-left:3px solid var(--accent-red);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:.75rem 1rem;margin:1rem 0;font-size:.9rem}.guide-warning:before{content:"注意";display:block;font-size:.75rem;font-weight:700;color:var(--accent-red);letter-spacing:.05em;margin-bottom:.3rem}.guide-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem;margin:1rem 0}.guide-compare>div{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem}.guide-compare .compare-good{border-top:3px solid var(--accent-teal)}.guide-compare .compare-bad{border-top:3px solid var(--accent-red)}.guide-compare h4{margin:0 0 .5rem;font-size:.85rem}.guide-compare .compare-good h4{color:var(--accent-teal)}.guide-compare .compare-bad h4{color:var(--accent-red)}.guide-timeline{display:flex;gap:0;margin:1rem 0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.guide-timeline>div{flex:1 1;padding:.6rem .75rem;background:var(--bg-surface);border-right:1px solid var(--border);font-size:.8rem}.guide-timeline>div:last-child{border-right:none}.guide-timeline .phase-label{display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.guide-timeline .phase-early .phase-label{color:var(--accent-teal)}.guide-timeline .phase-mid .phase-label{color:var(--accent-gold)}.guide-timeline .phase-late .phase-label{color:var(--accent-red)}.guide-stat-row{display:flex;gap:.5rem;flex-wrap:wrap;margin:.75rem 0}.guide-stat{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:.4rem .75rem;font-size:.8rem;display:flex;align-items:center;gap:.3rem}.guide-stat .stat-value{color:var(--accent-gold);font-weight:700;font-family:var(--font-mono,monospace)}.build-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:768px){.build-compare{grid-template-columns:1fr}}.rune-skill-row{display:flex;gap:.75rem;align-items:center}@media (max-width:480px){.rune-skill-row{flex-direction:column}}.stats-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}@media (max-width:640px){.stats-2col{grid-template-columns:1fr}}.patch-val-buff{color:var(--accent-green)}.patch-val-buff,.patch-val-nerf{font-weight:700;font-family:var(--font-mono,monospace)}.patch-val-nerf{color:var(--accent-red)}.patch-val-adjust{color:var(--accent-gold);font-weight:700;font-family:var(--font-mono,monospace)}.item-tooltip{position:relative;cursor:pointer}.item-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);white-space:pre-line;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .6rem;font-size:.75rem;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.5);pointer-events:none;opacity:0;transition:opacity .15s;z-index:50;min-width:140px;max-width:260px;text-align:left}.item-tooltip:hover:after{opacity:1}@media (max-width:480px){.guide-compare{grid-template-columns:1fr}.guide-timeline{flex-direction:column}.guide-timeline>div{border-right:none;border-bottom:1px solid var(--border)}}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border);height:48px}.header,.header-inner{display:flex;align-items:center}.header-inner{gap:1.5rem;width:100%}.header-logo{font-weight:700;color:var(--accent-gold);white-space:nowrap;letter-spacing:.02em;flex-shrink:0}.header-logo,.header-search{font-size:.85rem;text-decoration:none}.header-search{flex:1 1;max-width:360px;display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .15s;color:var(--text-tertiary)}.header-search:hover{border-color:var(--border-accent);color:var(--text-tertiary)}.locale-switcher{padding:.25rem .4rem;font-size:.75rem;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm,4px);cursor:pointer;outline:none}.server-toggle{display:inline-flex;border-radius:var(--radius-md);border:1px solid var(--border);overflow:hidden}.server-toggle-btn{padding:.3rem .75rem;font-size:.75rem;font-weight:600;border:none;cursor:pointer;transition:all .15s}.server-toggle-btn--kr{background:var(--accent-gold);color:var(--bg-base)}.server-toggle-btn--jp{background:var(--accent-teal);color:var(--bg-base);border-left:1px solid var(--border)}.server-toggle-btn--inactive{background:var(--bg-elevated);color:var(--text-secondary)}.server-toggle-btn--inactive+.server-toggle-btn--inactive{border-left:1px solid var(--border)}.hero{padding:2.5rem 0 1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(212,168,85,.04),transparent)}.hero-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.hero-subtitle{color:var(--text-secondary);font-size:.95rem;max-width:520px;margin:0 auto 1.25rem;line-height:1.7}.hero-ctas{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.hero-cta{padding:.45rem 1rem;font-size:.85rem;font-weight:600;color:var(--accent-gold);border:1px solid rgba(212,168,85,.3);border-radius:var(--radius-md);text-decoration:none;transition:background .15s}.hero-cta:hover{background:rgba(212,168,85,.08);color:var(--accent-gold)}.cookie-consent{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--bg-elevated);border-top:1px solid var(--border);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary)}.cookie-consent-btn{padding:.5rem 1.25rem;background:var(--accent-teal);color:#000;border:none;border-radius:var(--radius-md);font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap}.cookie-consent-btn:hover{opacity:.9}.footer{border-top:1px solid var(--border);padding:1.5rem 0 .75rem;margin-top:2rem}.footer-inner{display:flex;flex-direction:column;gap:.75rem;color:var(--text-tertiary);font-size:.8rem;line-height:1.4}.footer-nav{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.85rem}.footer-nav a{color:var(--text-secondary);text-decoration:none}.footer-nav a:hover{color:var(--text-primary)}.footer-nav a[data-muted]{color:var(--text-tertiary)}.footer-legal{align-items:center;gap:.5rem}.article-header,.footer-legal{display:flex;flex-wrap:wrap;justify-content:space-between}.article-header{align-items:flex-start;gap:1rem;margin-bottom:.75rem}.source-badge{margin-left:.5rem;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700}.source-badge--challenger{background:rgba(200,170,110,.15);color:var(--accent-gold)}.source-badge--high-elo{background:rgba(76,175,80,.15);color:var(--accent-teal)}.champion-toc{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.5rem;padding:.6rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:48px;z-index:20;background:var(--bg-base)}.champion-toc__link{font-size:.88rem;color:var(--text-secondary);text-decoration:none;padding:.35rem .85rem;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);transition:all .15s;font-weight:500}.champion-toc__link:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:color-mix(in srgb,var(--accent-gold) 10%,var(--bg-elevated))}@media (max-width:480px){.champion-toc{padding:.5rem 0;gap:.3rem;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.champion-toc__link{white-space:nowrap;flex-shrink:0;font-size:.82rem;padding:.3rem .7rem}}.section-title-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.section-subtitle{font-size:.82rem;color:var(--text-tertiary);font-weight:400}.advanced-stats{margin-bottom:2.5rem}.advanced-stats-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:900px){.advanced-stats-grid{grid-template-columns:1fr 1fr}.advanced-stats-grid>:nth-child(3){grid-column:1/-1}}.power-spike-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:900px){.power-spike-grid{grid-template-columns:1fr 1.2fr}}.game-length-grid{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem}@media (min-width:900px){.game-length-grid{grid-template-columns:1fr 1fr}}.decision-points-wrapper{display:grid;grid-template-columns:1fr;grid-gap:.75rem;gap:.75rem}@media (min-width:1100px){.decision-points-wrapper{grid-template-columns:1fr 1fr}.decision-points-wrapper>:nth-child(3){grid-column:1/-1}}.decision-points-card{padding:.75rem!important}.decision-points-compact{display:flex;flex-direction:column;gap:.6rem}.decision-points-card-compact{background:color-mix(in srgb,var(--bg-surface) 50%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--radius-sm);padding:.55rem .65rem}.indicator-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:.75rem;gap:.75rem}.indicator-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1rem;transition:border-color .15s}.indicator-card:hover{border-color:var(--border-accent)}.stat-highlights{list-style:none;padding:0;margin:.75rem 0 0;display:flex;gap:.5rem;flex-wrap:wrap}.stat-highlight{font-size:.82rem;padding:.3rem .65rem;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border);font-weight:500}.stat-highlight--pos{border-left:3px solid var(--accent-teal);color:var(--text-primary)}.stat-highlight--neg{border-left:3px solid var(--accent-red);color:var(--text-primary)}.stat-highlight--neutral{border-left:3px solid var(--accent-gold);color:var(--text-primary)}.synergy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.5rem;gap:.5rem}.synergy-card{display:flex!important;align-items:center;gap:.6rem;padding:.55rem .75rem!important;text-decoration:none;color:inherit}.synergy-card:hover img{transform:scale(1.05)}.synergy-card img{transition:transform .15s}.related-matchups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:.75rem;gap:.75rem}.related-matchup-card{display:flex!important;align-items:center;gap:.75rem;padding:.75rem 1rem!important;text-decoration:none;color:inherit}.related-matchup-card:hover img{transform:scale(1.05)}.related-matchup-card img{transition:transform .15s}.kill-interactions-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media (min-width:720px){.kill-interactions-grid{grid-template-columns:1fr 1fr}}.champion-abilities,.decision-profile{margin-bottom:2.5rem}.skill-icon-row{display:flex;gap:.6rem;margin-bottom:1.25rem;padding:.75rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap}.skill-icon-cell{text-align:center}.skill-icon-cell img{display:block;border-radius:8px;transition:transform .15s,border-color .15s}.skill-icon-cell--passive img{border:2px solid var(--accent-gold)}.skill-icon-cell:not(.skill-icon-cell--passive) img{border:1px solid var(--border-accent)}.skill-icon-cell a:hover img,.skill-icon-cell:hover img{transform:scale(1.05)}.skill-icon-cell .skill-key{font-size:.78rem;font-weight:700;margin-top:4px;display:block}.ability-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem;display:flex;gap:1rem}.ability-card__icon{border-radius:8px;flex-shrink:0;width:64px;height:64px}.ability-card__icon--passive{border:2px solid var(--accent-gold)}.ability-card__icon--active{border:1px solid var(--border-accent)}.ability-card__body{min-width:0;flex:1 1}.ability-card__title{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.ability-card__name{color:var(--text-primary);font-size:1rem;font-weight:700}.ability-card__meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem}.ability-chip{font-size:.8rem;background:var(--bg-hover);padding:.2rem .5rem;border-radius:var(--radius-sm);font-weight:500}.ability-chip--cd{color:var(--accent-blue)}.ability-chip--cost{color:var(--accent-teal)}.ability-card__desc,.ability-chip--range{color:var(--text-secondary)}.ability-card__desc{font-size:.88rem;margin:0;line-height:1.7}.ability-detail-table{margin-top:.75rem;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:.6rem .85rem}.ability-detail-table table{width:100%;font-size:.82rem;border-collapse:collapse;table-layout:fixed}.ability-detail-table td{padding:.3rem 0;vertical-align:top}.ability-detail-table td.attr{color:var(--text-tertiary);white-space:nowrap;width:40%;padding-right:.5rem}.ability-detail-table tr{border-bottom:1px solid var(--border)}.ability-detail-table tr:last-child{border-bottom:none}@media (max-width:480px){.ability-card{padding:.75rem;gap:.75rem}.ability-card__icon{width:52px;height:52px}.ability-detail-table td.attr{width:45%}}.home-section{padding:1.5rem 0;border-top:1px solid var(--border)}.home-section-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem}.home-section-header h2{font-size:1.2rem;margin:0}.home-section-header--split{justify-content:space-between}.home-section-header a{font-size:.85rem}.popular-row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.popular-row>span{font-size:.8rem;color:var(--text-secondary);margin-right:.25rem}.popular-icon{display:block;line-height:0}.popular-icon img{border-radius:6px;border:1px solid var(--border);transition:border-color .15s,transform .15s}.popular-icon:hover img{border-color:var(--accent-gold);transform:scale(1.08)}.lane-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:.85rem;transition:border-color .2s}.lane-card:hover{border-color:var(--border-accent)}.lane-card-label{font-size:.8rem;font-weight:700;margin-bottom:.6rem;letter-spacing:.05em}.lane-card-list{display:flex;flex-direction:column;gap:.35rem}.lane-card-item{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--text-primary);font-size:.8rem;padding:.15rem 0;border-radius:var(--radius-sm);transition:background .1s}.lane-card-item:hover{background:var(--bg-hover);color:var(--text-primary)}.lane-card-rank{color:var(--text-tertiary);font-size:.7rem;width:14px;text-align:right;flex-shrink:0}.lane-card-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-card-rate{font-size:.75rem;font-weight:600;flex-shrink:0}.home-grid-guides{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:.75rem;gap:.75rem}.home-grid-matchups{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:.75rem;gap:.75rem}@media (prefers-color-scheme:light){:root{--bg-base:#f6f8fa;--bg-surface:#ffffff;--bg-elevated:#f0f2f5;--bg-hover:#e8eaed;--border:#d0d7de;--border-accent:#b8bfc7;--text-primary:#1f2328;--text-secondary:#656d76;--text-tertiary:#8b949e;--accent-gold:#9a7028;--accent-blue:#0969da;--accent-teal:#0e7490;--accent-red:#cf222e;--accent-green:#1a7f37;--accent-purple:#7c3aed;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 2px 8px rgba(0,0,0,0.1);--shadow-lg:0 4px 16px rgba(0,0,0,0.12);--win:#0969da;--loss:#cf222e;--buff:#1a7f37;--nerf:#cf222e;--adjust:#9a7028;--lane-top:#b47d1e;--lane-jungle:#1a7f37;--lane-mid:#0969da;--lane-bot:#cf222e;--lane-support:#6639ba}::selection{background:rgba(154,112,40,.2);color:var(--text-primary)}.item-tooltip:after{box-shadow:0 4px 12px rgba(0,0,0,.15)}}