:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080604;--panel:#15110b;--ink:#f5dfae;--muted:#b99d70;--line:#5a4427;--gold:#c99b3b;--gold-bright:#f3c96b;--shadow:0 18px 50px #00000073;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background-color:var(--bg);background-image:linear-gradient(#0806042e,#080604f2),url(../classic-champions/TwistedFate/splash.jpg);background-position:top,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-attachment:fixed,fixed;margin:0;padding-top:4rem;overflow-x:hidden}.app-shell{flex-direction:column;min-height:calc(100vh - 4rem);display:flex}a{color:inherit}.site-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 15%,#f3c96b2e,#0000 26rem),linear-gradient(#08060440,#080604f0);min-height:100vh}.topbar{z-index:100;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#0e0d10e6;border-bottom:.0625rem solid #c99b3b59;justify-content:flex-start;align-items:center;gap:1rem;height:4rem;padding:.625rem clamp(1rem,4vw,4rem);display:flex;position:fixed;top:0;left:0;right:0}.topbar .brand{margin-right:1.5rem}.quick-access-bar{z-index:90;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);background:#080604f0;border-bottom:.0625rem solid #c99b3b6b;grid-template-columns:auto minmax(0,1fr);height:2.5rem;display:grid;position:fixed;top:4rem;left:0;right:0;box-shadow:0 .5rem 1.375rem #00000040}.quick-access-bar-tabs{align-items:stretch;padding-inline:clamp(1rem,4vw,4rem) .375rem;display:flex}.quick-access-bar-tabs button{width:2.25rem;min-height:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-right:.0625rem solid #c99b3b38;place-items:center;padding:0;display:grid}.quick-access-bar-tabs button:first-child{border-left:.0625rem solid #c99b3b38}.quick-access-bar-tabs button.active,.quick-access-bar-tabs button:focus-visible,.quick-access-bar-tabs button:hover{color:var(--gold-bright);box-shadow:inset 0 -.125rem var(--gold-bright);background:#c99b3b24;border-color:#0000 #c99b3b38 #0000 #0000;outline:0}.quick-access-bar-tabs svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:1.125rem;height:1.125rem}.quick-access-bar-content{scrollbar-width:thin;scrollbar-color:var(--line) transparent;align-items:center;gap:.375rem;min-width:0;padding:.25rem;display:flex;overflow:auto hidden}.quick-access-bar-item{border:.0625rem solid var(--line);background:#080604;flex:none;width:2rem;height:2rem;display:block;box-shadow:0 0 0 .0625rem #000}.quick-access-bar-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.quick-access-bar-item.quick-access-lane img{-o-object-fit:contain;object-fit:contain;filter:brightness(0)invert();padding:.4375rem}.quick-access-bar-item:focus-visible,.quick-access-bar-item:hover{border-color:var(--gold-bright)}.quick-access-bar-item.selected{border-color:var(--gold-bright);box-shadow:0 0 0 .0625rem #000,0 0 0 .125rem var(--gold-bright)}.quick-access-bar-empty{color:var(--muted);white-space:nowrap;margin:0;font:700 .8125rem Arial,sans-serif}.site-header:has(.quick-access-bar) .hero{padding-top:calc(clamp(2rem,6vh,4rem) + 2.5rem)}.nav-right{flex:1;justify-content:flex-end;align-items:center;gap:.75rem;min-width:0;margin-left:0;display:flex}.brand,.filters,.hero-actions,.nav-links,.stat-line{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.brand{font-weight:700;text-decoration:none}.brand span{color:var(--gold-bright);letter-spacing:.08em;text-transform:uppercase;-webkit-text-fill-color:transparent;background:linear-gradient(#fff2c6 8%,#f3c96b 58%,#b77b24);-webkit-background-clip:text;background-clip:text;padding:.125rem 0 .25rem;font:800 1rem/1 Arial,sans-serif;position:relative}.brand span:after{background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.65;content:"";height:1px;position:absolute;bottom:0;left:0;right:0}.brand:focus-visible span,.brand:hover span{filter:brightness(1.18)}.brand-mark{width:2.5rem;height:2.5rem;color:var(--gold-bright);background:linear-gradient(145deg,#31210f,#0e0a06);place-items:center;display:grid}.brand-icon,.brand-mark{border:1px solid var(--gold)}.brand-icon{background:#080604;width:2.375rem;height:2.375rem}.nav-links a{color:var(--muted);font:700 .95rem Arial,sans-serif;text-decoration:none}.nav-links a:focus,.nav-links a:hover{color:var(--gold-bright)}.language-switcher{flex:none;position:relative}.language-switcher>button{border-color:var(--line);height:2.75rem;color:var(--gold-bright);border-radius:0;align-items:center;gap:.5rem;padding:.55rem .75rem;display:inline-flex}.language-switcher svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:1.2rem;height:1.2rem}.language-menu{z-index:45;border:1px solid var(--gold);min-width:7rem;box-shadow:var(--shadow);background:#080604fa;display:grid;position:absolute;top:calc(100% + .45rem);right:0}.language-menu button{border:0;justify-content:flex-start;gap:.5rem;min-height:2.4rem;padding:.55rem .75rem}.nav-search{width:min(34rem,34vw);margin-left:auto;position:relative}.nav-search input{appearance:none;background-color:#080604eb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23b99d70' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='10.75' cy='10.75' r='6.75'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;background-size:1.15rem 1.15rem;border-color:#c99b3b4d;outline:0;width:100%;height:2.75rem;padding-right:2.7rem;transition:border-color .15s,background-color .15s,box-shadow .15s}.nav-search input::-webkit-search-cancel-button{appearance:none}.nav-search-field{position:relative}.nav-search-field.has-value input{background-image:none}.nav-search-clear{width:1.55rem;min-height:1.55rem;color:var(--gold);background:#c99b3b14;border:1px solid #c99b3b73;padding:0;font:700 1.2rem/1 Arial,sans-serif;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.nav-search-results{z-index:40;border:1px solid var(--gold);width:min(20rem,80vw);box-shadow:var(--shadow);background:#080604fa;display:grid;position:absolute;top:calc(100% + .4rem);right:0}.nav-search-history-heading{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .65rem .35rem;font:700 .72rem Arial,sans-serif;display:flex}.nav-search-history-heading button{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.nav-search-history-heading button:hover{color:var(--cream)}.nav-search-results a{grid-template-columns:34px 1fr;align-items:center;gap:.55rem;padding:.45rem;font:700 .9rem Arial,sans-serif;text-decoration:none;display:grid}.nav-search-results a:hover{background:#c99b3b29}.nav-search-results img{-o-object-fit:cover;object-fit:cover;width:34px;height:34px}.hero,.section{max-width:1240px;margin:0 auto;padding-inline:clamp(1rem,4vw,4rem)}#tier-list{scroll-margin-top:6.5rem}.hero{grid-template-columns:1fr;align-content:end;gap:clamp(1.5rem,4vh,2.5rem);min-height:calc(100vh - 75px);padding-top:clamp(2rem,6vh,4rem);padding-bottom:clamp(1.2rem,4vh,2.4rem);display:grid;position:relative}.hero-copy{text-shadow:0 3px 18px #000;max-width:760px}.hero-copy .eyebrow{margin-bottom:.45rem}.eyebrow{color:var(--gold-bright);letter-spacing:0;text-transform:uppercase;margin:0 0 .7rem;font:700 .78rem/1.2 Arial,sans-serif}h1,h2,h3{letter-spacing:0;margin:0}h1{font-size:clamp(3.2rem,8vw,7rem);line-height:.9}h2{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1}h3{font-size:1.25rem}li,p{color:#dec899;line-height:1.6}.hero-copy p:not(.eyebrow){max-width:620px;font-size:clamp(1.08rem,2vw,1.35rem)}.error-shell{flex-direction:column}.error-header,.error-shell{min-height:calc(100vh - 4rem);display:flex}.error-header{flex:1}.error-hero{text-align:center;flex:1;align-content:center;justify-items:center;width:100%;min-height:calc(100vh - 4rem);padding-top:calc(clamp(2rem,6vh,4rem) + 2.5rem);display:grid}.error-message{text-shadow:0 3px 18px #000;max-width:680px}.error-code{color:var(--gold-bright);margin:0;font:800 clamp(3rem,8vw,6rem)/.9 Georgia,Times New Roman,serif}.error-message h1{margin-top:.4rem;font-size:clamp(2.4rem,5vw,4.75rem)}.error-message p:not(.eyebrow):not(.error-code){max-width:520px;margin:1rem auto 0;font-size:clamp(1.05rem,1.8vw,1.25rem)}.error-actions{justify-content:center;margin-top:1.5rem}.hero-lower{gap:1rem;width:100%;margin-bottom:2.75rem;display:grid}.legal-page{width:100%;max-width:980px;padding-top:6.5rem}.legal-heading{max-width:760px;margin-bottom:2rem}.legal-heading h1{font-size:clamp(2.3rem,5vw,4.2rem)}.legal-intro{border-left:2px solid var(--gold);color:var(--muted);background:linear-gradient(90deg,#080604c7,#08060475 65%,#0000);margin:1.5rem 0 0;padding:.9rem 1rem;font:1rem/1.7 Arial,sans-serif}.legal-panel{padding:clamp(1.25rem,3vw,2rem)}.legal-panel h2{margin-top:1.6rem;font-size:clamp(1.35rem,2.4vw,1.9rem)}.legal-panel p{max-width:72ch}.legal-panel>p:first-child{border-left:2px solid var(--gold);color:var(--muted);background:linear-gradient(90deg,#080604c7,#08060475 65%,#0000);margin-top:0;padding:.9rem 1rem;font:1rem/1.7 Arial,sans-serif}.about-panel{gap:1rem;display:grid}.about-panel>p,.about-panel>p:first-child,.contact-panel>p:first-child{background:0 0;border-left:0;margin:0;padding:0}.about-panel>p,.about-panel>p:first-child,.contact-panel>p:first-child,.privacy-panel>p{color:#dec899;text-wrap:pretty;max-width:70ch;font:1rem/1.7 Arial,sans-serif}.privacy-panel>h2:first-child{margin-top:0}.privacy-panel a{color:var(--gold-bright);text-underline-offset:.2rem;font-weight:700}.legal-contact a{color:var(--gold-bright);text-underline-offset:.25rem;font:700 1rem Arial,sans-serif}.legal-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.meta-champions-block{grid-template-columns:minmax(0,1fr);align-items:center;gap:.9rem;width:100%;display:grid}.meta-champions{min-width:0;box-shadow:var(--shadow);background:#120d08e8;border:1px solid #c99b3b52;padding:clamp(1rem,2vw,1.5rem)}.meta-champions-heading{text-align:left;margin-bottom:1.15rem}.meta-champions-heading h2{font-size:clamp(1.45rem,2.4vw,2rem)}.meta-champions-heading p{max-width:52rem;color:var(--muted);margin:.65rem 0 0;font-family:Arial,sans-serif;line-height:1.5}.scroll-cue{z-index:4;color:#f5dfaeb8;justify-content:center;align-items:center;width:3rem;height:3rem;text-decoration:none;display:inline-flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.scroll-cue span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scroll-cue strong{color:currentColor;filter:drop-shadow(0 2px 5px #c99b3b38);font:400 2.25rem/1 Arial,sans-serif;animation:2.2s ease-in-out infinite scroll-cue-bounce}.scroll-cue:hover{color:var(--gold-bright)}.scroll-cue:focus-visible{outline:1px solid var(--gold-bright);outline-offset:.25rem}@keyframes scroll-cue-bounce{0%,to{opacity:.55;transform:translateY(-.1rem)}50%{opacity:.82;transform:translateY(.15rem)}}@media (prefers-reduced-motion:reduce){.scroll-cue strong{animation:none}}.meta-lanes{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.meta-lane{border-right:1px solid #c99b3b38;justify-items:center;gap:1rem;min-width:0;padding:0 clamp(1rem,1.8vw,1.75rem);display:grid}.meta-lane:last-child{border-right:0}.meta-lane-label{background:#120d08;border:1px solid;justify-content:center;align-items:center;gap:.55rem;min-width:7.5rem;padding:.55rem .8rem;font:900 clamp(1rem,1.5vw,1.25rem) Arial,sans-serif;text-decoration:none;display:inline-flex}.meta-lane-label .lane-mark{width:1.55rem;height:1.55rem;-webkit-mask:var(--lane-mark) center /contain no-repeat;mask:var(--lane-mark) center /contain no-repeat;-webkit-mask:var(--lane-mark) center /contain no-repeat;background:currentColor;flex:none;display:inline-block}.meta-lane-top .meta-lane-label{color:#9b7735}.meta-lane-jungle .meta-lane-label{color:#587a43}.meta-lane-mid .meta-lane-label{color:#6684dd}.meta-lane-adc .meta-lane-label{color:#8a2928}.meta-lane-support .meta-lane-label{color:#2e6c5f}.meta-lane-champions{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);width:100%;display:grid}.meta-champion{color:#aeb2c3;text-align:center;justify-items:center;gap:.45rem;min-width:0;font:900 .88rem Arial,sans-serif;text-decoration:none;display:grid}.meta-champion img{-o-object-fit:cover;object-fit:cover;border:2px solid var(--line);background:#080604;width:40px;height:40px;box-shadow:0 0 0 1px #000}.meta-champion:hover{color:var(--gold-bright)}.meta-lane-top .meta-champion img{border-color:#9b7735}.meta-lane-jungle .meta-champion img{border-color:#587a43}.meta-lane-mid .meta-champion img{border-color:#6684dd}.meta-lane-adc .meta-champion img{border-color:#8a2928}.meta-lane-support .meta-champion img{border-color:#2e6c5f}.button,button,input,select{border:1px solid var(--line);min-height:2.75rem;color:var(--ink);background:#120d08;font:700 .95rem Arial,sans-serif}.button,button{cursor:pointer;justify-content:center;align-items:center;padding:.8rem 1rem;text-decoration:none;display:inline-flex}.primary{border-color:var(--gold);color:#140d06;background:linear-gradient(#cf9e3a,#7c5118)}.secondary,button{background:#100b06db}.button:hover,button:hover{border-color:var(--gold-bright);color:var(--gold-bright)}.primary:hover{color:#000}.champion-detail,.content-panel,.countdown,.faq-item,.lane-guide,.tier-row{box-shadow:var(--shadow);background:#120d08e8;border:1px solid #c99b3b52}.countdown{border-color:var(--gold);padding:1.2rem}.champion-card small,.countdown small,.countdown span,dd{color:var(--muted);font-family:Arial,sans-serif;display:block}.countdown strong{margin:.4rem 0;font-size:1.6rem;display:block}.section{padding-top:4rem;padding-bottom:4rem}.section-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.detail-panels,.faq-grid,.lane-columns{gap:1rem;display:grid}.content-panel,.faq-item{padding:1rem}dt{color:var(--gold-bright);font-weight:700}dd{margin:.25rem 0 0}.filters label{color:var(--muted);text-transform:uppercase;gap:.25rem;font:700 .78rem Arial,sans-serif;display:grid}input,select{width:min(15rem,100%);padding:0 .75rem}.compact-search input{width:min(22rem,100%)}.role-filter-tabs{flex-wrap:wrap;gap:.55rem;margin-top:0;display:flex}.table-filter-row{z-index:1;justify-content:space-between;align-items:stretch;gap:.55rem;padding-inline:0;display:flex;position:relative}#tier-list .section-heading+.table-filter-row{margin-top:1.5rem}.table-filter-row+.content-panel{width:100%;margin-top:1rem}.table-filter-row .compact-search{justify-content:flex-end;margin-left:auto}.table-filter-row .compact-search input{appearance:none;min-height:2.45rem;color:var(--ink);background-color:#080604eb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23b99d70' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='10.75' cy='10.75' r='6.75'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1.15rem 1.15rem;border-color:#c99b3b4d;outline:0;padding-right:2.5rem;transition:border-color .15s,box-shadow .15s}.table-filter-row .compact-search input::-webkit-search-cancel-button{appearance:none}.table-filter-row .compact-search label{position:relative}.table-filter-row .compact-search input:has(+.compact-search-clear){background-image:none}.compact-search-clear{width:1.55rem;min-height:1.55rem;color:var(--gold);background:#c99b3b14;border:1px solid #c99b3b73;padding:0;font:700 1.2rem/1 Arial,sans-serif;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.compact-search-clear:focus-visible,.compact-search-clear:hover,.nav-search-clear:focus-visible,.nav-search-clear:hover{border-color:var(--gold-bright);color:#120d08;background:var(--gold-bright);outline:0}.nav-search input:hover,.table-filter-row .compact-search input:hover{background-color:#120d08f5;border-color:#f3c96bb8}.nav-search input:focus,.table-filter-row .compact-search input:focus{border-color:var(--gold-bright);background-color:#120d08;box-shadow:inset 0 0 0 1px #f3c96b38,0 0 0 3px #c99b3b1f,0 0 18px #c99b3b1f}.nav-search input::-moz-selection{color:#120d08;background:var(--gold-bright)}.table-filter-row .compact-search input::-moz-selection{color:#120d08;background:var(--gold-bright)}.nav-search input::selection{color:#120d08;background:var(--gold-bright)}.table-filter-row .compact-search input::selection{color:#120d08;background:var(--gold-bright)}.table-filter-row .compact-search input::placeholder{color:#8e7b5d}.nav-search input::placeholder{color:#8e7b5d}.table-tools{justify-content:flex-end;align-items:center;gap:.55rem;min-width:0;margin-left:auto;display:flex}.sort-tabs{flex:none;gap:.35rem;display:flex}.role-filter-tabs button,.sort-tabs button{min-height:2.45rem;color:var(--muted);text-transform:uppercase;background:#120d08db;border-color:#c99b3b4d;padding:.6rem .9rem;font:900 .86rem Arial,sans-serif}.champion-filter-tabs button{background:#080604eb;gap:.48rem}.role-filter-icon{width:1.15rem;height:1.15rem;-webkit-mask:var(--role-filter-icon) center /contain no-repeat;mask:var(--role-filter-icon) center /contain no-repeat;-webkit-mask:var(--role-filter-icon) center /contain no-repeat;background-color:currentColor;flex:none;transition:background-color .15s;display:inline-block}.role-filter-tabs button.active,.role-filter-tabs button:hover,.sort-tabs button.active,.sort-tabs button:hover{border-color:var(--gold);color:#120d08;background:linear-gradient(#cf9e3a,#7c5118)}.tier-board{gap:1rem;margin-top:1.5rem;display:grid}.tier-row{grid-template-columns:5rem 1fr;min-height:7rem;display:grid;overflow:hidden}.tier-label{color:#100a05;place-items:center;font:900 1.9rem Arial,sans-serif;display:grid}.tier-S-plus .tier-label{background:#f0c35c}.tier-S .tier-label{background:#c77837}.tier-A .tier-label{background:#7f9b51}.tier-B .tier-label{background:#3e7c8e}.tier-C .tier-label{background:#6b587e}.tier-D .tier-label{background:#7a4038}.tiered-champion-list{gap:0;padding:0;display:grid;overflow:hidden}.champion-tier-group{border-bottom:1px solid #c99b3b33;grid-template-columns:4rem minmax(0,1fr);display:grid}.champion-tier-group:last-child{border-bottom:0}.champion-tier-label{box-sizing:border-box;color:#100a05;text-align:center;text-transform:uppercase;border:1px solid;border-left:0;place-self:center start;place-items:center;width:100%;max-width:32px;height:calc(100% - .25rem);font:900 .95rem Arial,sans-serif;display:grid}.champion-tier-S-plus .champion-tier-label{background:linear-gradient(#f0c35c,#9a681f);border-color:#e5b94f}.champion-tier-S .champion-tier-label{background:linear-gradient(#e49a56,#85431f);border-color:#d98944}.champion-tier-A .champion-tier-label{background:linear-gradient(#a4bf70,#4f682d);border-color:#91ad61}.champion-tier-B .champion-tier-label{background:linear-gradient(#66a9ba,#285563);border-color:#5797a9}.champion-tier-C .champion-tier-label{background:linear-gradient(#927fa6,#463653);border-color:#806d94}.champion-tier-D .champion-tier-label{background:linear-gradient(#a76359,#502823);border-color:#94534a}.champion-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.7rem;padding:1rem;display:grid}.tier-champion-grid{align-content:start;padding:.75rem}.champion-card{text-align:left;grid-template-columns:64px 1fr;align-items:center;gap:.6rem;width:100%;padding:.55rem;text-decoration:none;display:grid}.champion-card img{-o-object-fit:cover;object-fit:cover;border:1px solid var(--line);width:64px;height:64px}.champion-card small,.champion-card strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.champion-card small{opacity:.62;margin-top:.12rem;font-size:.76rem;font-weight:400}.empty-results{color:var(--muted);text-align:center;grid-column:1/-1;margin:0;padding:1.25rem;font:900 .95rem Arial,sans-serif}.champion-detail{margin-top:var(--champion-panel-gap);box-shadow:none;background:0 0;border:0;padding:0;display:block}.champion-page-main{--champion-panel-gap:1rem;--champion-panel-border:#c99b3b52;--champion-panel-background:#080604d6;width:100%;padding-top:3.75rem;position:relative}.champion-page-main:before{content:"";z-index:-1;background:linear-gradient(#0806047a,#080604eb),var(--champion-page-bg);background-position:top,50%;background-repeat:no-repeat,no-repeat;background-size:cover,cover;position:fixed;inset:0}.champion-hero-card{border:1px solid var(--champion-panel-border);background:var(--champion-panel-background);min-height:11.8rem;box-shadow:var(--shadow);align-items:end;gap:1rem;margin-top:.375rem;padding:clamp(.85rem,3vw,1.35rem);display:grid;position:relative;container-type:inline-size}.champion-favorite-button{z-index:1;width:2.75rem;height:2.75rem;color:var(--muted);cursor:pointer;background:#080604eb;border-color:#c99b3b4d;place-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-grid;position:absolute;top:.9rem;right:.9rem}.champion-favorite-button svg{fill:#0000;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.3rem;height:1.3rem}.champion-favorite-button:focus-visible,.champion-favorite-button:hover,.champion-favorite-button.active{border-color:var(--gold);color:var(--gold-bright);background:#080604eb}.champion-favorite-button.active svg{fill:currentColor}.counters-panel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;display:grid}.counter-section{border-left:1px solid #c99b3b40;flex-direction:column;gap:.7rem;padding:0 1rem;display:flex}.counter-section:first-of-type{border-left:0;padding-left:0}.counter-section h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:900 .85rem Arial,sans-serif}.counter-section .matchup-icons{flex-flow:row;margin-top:0}@container (width<=40rem){.counters-panel{grid-template-columns:1fr}.counter-section{border-top:1px solid #c99b3b40;border-left:0;flex-direction:row;justify-content:space-between;align-items:center;padding-block:.85rem;padding-inline:0}.counter-section:first-of-type{border-top:0}}.champion-hero-card>div{max-width:660px}.champion-hero-title{align-items:center;gap:.85rem;min-width:0;display:flex}.champion-hero-heading{min-width:0}.champion-hero-heading .stat-line{gap:0;margin-top:.2rem}.champion-hero-heading .tag{background:0 0;border:0;min-height:0;padding:0 .7rem}.champion-hero-heading .tag:first-child{padding-left:0}.champion-hero-heading .tag+.tag{border-left:1px solid #f5dfae52}.champion-hero-title img{-o-object-fit:cover;object-fit:cover;border:1px solid var(--gold);background:#080604;flex:none;width:clamp(3.1rem,6vw,4.8rem);height:clamp(3.1rem,6vw,4.8rem)}.champion-hero-card h1{font-size:clamp(2rem,4.5vw,3.8rem)}.champion-hero-card p:not(.eyebrow){text-wrap:pretty;max-width:58rem;line-height:1.45}.detail-copy{gap:var(--champion-panel-gap);display:grid}.tag{color:#f4ead0;background:#120d08;border:.0625rem solid;justify-content:center;align-items:center;gap:.5rem;min-height:2.5rem;padding:.5rem .75rem;font:900 .9375rem Arial,sans-serif;display:inline-flex}.hero-tier-tag{text-transform:uppercase}.hero-tier-S-plus{color:#f0c35c}.hero-tier-S{color:#e49a56}.hero-tier-A{color:#a4bf70}.hero-tier-B{color:#66a9ba}.hero-tier-C{color:#927fa6}.hero-tier-D{color:#a76359}.hero-lane-tag{background:0 0}.hero-lane-tag-top{color:#9b7735}.hero-lane-tag-jungle{color:#587a43}.hero-lane-tag-mid{color:#6684dd}.hero-lane-tag-adc{color:#8a2928}.hero-lane-tag-support{color:#2e6c5f}.hero-lane-tag .lane-mark{width:1.25rem;height:1.25rem;-webkit-mask:var(--lane-mark) center /contain no-repeat;mask:var(--lane-mark) center /contain no-repeat;-webkit-mask:var(--lane-mark) center /contain no-repeat;background:currentColor;flex:none}.champion-class-tag{color:var(--muted);opacity:.62;font-weight:400}.detail-panels{gap:var(--champion-panel-gap);grid-template-columns:repeat(2,minmax(0,1fr))}.champion-detail-layout{gap:var(--champion-panel-gap);grid-column:1/-1;grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);align-items:start;display:grid}.detail-main-column,.detail-side-column{gap:var(--champion-panel-gap);min-width:0;display:grid}.detail-side-column .matchup-panel{grid-column:auto}.detail-side-column .matchup-columns{grid-template-columns:1fr}.detail-panel{border:1px solid var(--champion-panel-border);background:var(--champion-panel-background);padding:1rem}.detail-panel h2{font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.08}.detail-panel ul,.faq-item p,.lane-guide ul{margin:.7rem 0 0;padding-left:1.1rem}.guide-phase{grid-column:1/-1}.champion-select-layout,.guide-phase{gap:var(--champion-panel-gap);display:grid}.champion-select-layout{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);align-items:start}.selection-left,.selection-right{gap:var(--champion-panel-gap);min-width:0;display:grid}.selection-left{grid-column:1/-1;grid-template-columns:minmax(0,2fr) minmax(15rem,.65fr);align-items:stretch}.selection-right{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.masteries-panel{flex-direction:column;order:1;scroll-margin-top:7rem;display:flex}.runes-panel{order:2;height:100%}.ingame-phase{gap:var(--champion-panel-gap);grid-template-rows:auto auto;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;min-width:0;display:grid}.ingame-phase .ability-table-panel{grid-area:1/1/auto/5}.ingame-side-column{gap:var(--champion-panel-gap);flex-direction:column;grid-area:1/5/auto/7;min-width:0;min-height:max-content;display:flex}.ingame-side-column .summoner-spells-panel{flex:none}.ingame-phase .starting-items-panel h2,.ingame-phase .summoner-spells-panel h2{font-size:clamp(1.15rem,1.8vw,1.55rem)}.ingame-phase .essential-items-panel{grid-area:2/1/auto/4}.ingame-phase .situational-items-panel{grid-area:2/4/auto/7}.ingame-phase .jungle-panel{grid-column:1/-1}.ability-table-panel,.essential-items-panel,.starting-items-panel{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.ingame-phase .ability-table-panel{padding-bottom:4rem}.ingame-side-column .starting-items-panel{flex:1 1 0;height:auto}.ability-table-heading{flex-wrap:wrap;align-items:baseline;gap:.65rem;display:flex}.ability-table-heading h2{font-size:clamp(1.15rem,1.8vw,1.55rem)}.max-order-row.compact{margin:0}.max-order-row.compact>strong{font-size:1rem}.max-order-row.compact .build-arrow{font-size:1.35rem}.max-order-row.compact .spell-e,.max-order-row.compact .spell-q,.max-order-row.compact .spell-r,.max-order-row.compact .spell-w{font:900 1.1rem Arial,sans-serif}.max-order-row.compact .spell-q{color:var(--gold-bright)}.max-order-row.compact .spell-w{color:#f1d89a}.max-order-row.compact .spell-e{color:#d0b46b}.max-order-row.compact .spell-r{color:#c99b3b}.ability-level-table{background:#0d0905c7;grid-template-columns:2.35rem repeat(18,minmax(0,1fr));gap:0;margin-top:.75rem;display:grid;overflow:visible}.ability-level-cell,.ability-level-icon,.ability-level-number,.ability-level-passive{min-height:1.75rem}.ability-level-passive{align-self:center;width:2rem;height:2rem}.ability-level-passive img{-o-object-fit:cover;object-fit:cover;border:1px solid #c99b3b73;width:2rem;height:2rem}.ability-level-number{color:#f5dfae80;place-items:center;font:900 .65rem Arial,sans-serif;display:grid}.ability-level-icon{align-self:center;width:2rem;height:2rem;margin:.18rem 0}.ability-level-icon img{-o-object-fit:cover;object-fit:cover;border:1px solid #c99b3b73;width:2rem;height:2rem}.ability-level-cell{border-left:1px solid #c99b3b1f;place-items:center;display:grid;position:relative}.ability-level-cell.active strong{background:#080604eb;border:1px solid #c99b3b73;place-items:center;width:1.15rem;height:1.15rem;font:900 .66rem Arial,sans-serif;display:grid}.ability-level-cell .spell-q{color:var(--gold-bright)}.ability-level-cell .spell-w{color:#f1d89a}.ability-level-cell .spell-e{color:#d0b46b}.ability-level-cell .spell-r{color:#c99b3b}.ability-track,.item-row,.max-order-row{gap:.55rem;margin:.85rem 0 1rem;display:flex}.ability-track{gap:.18rem;padding-bottom:.35rem;overflow-x:visible}.ability-track span{border:1px solid var(--gold);background:#0d0905;flex:.9rem;place-items:center;min-width:.85rem;max-width:1.8rem;height:1.75rem;display:grid}.ability-track span.spell-q,.max-order-ability .spell-q{color:#6fd3ff}.ability-track span.spell-w,.max-order-ability .spell-w{color:#65e6c5}.ability-track span.spell-e,.max-order-ability .spell-e{color:#ff9a4f}.ability-track span.spell-r,.max-order-ability .spell-r{color:#d7b0ff}.max-order-row{flex-wrap:wrap;align-items:center}.max-order-row>strong{color:var(--muted);font:900 .9rem Arial,sans-serif}.max-order-icon{border:1px solid var(--gold);-o-object-fit:cover;object-fit:cover;width:42px;height:42px}.max-order-ability>strong{background:#080604eb;border:1px solid #080604e6;place-items:center;width:1.25rem;height:1.25rem;font:900 .75rem Arial,sans-serif;display:grid;position:absolute;bottom:-.2rem;right:-.2rem}.ability-track small{color:var(--muted);font:700 .72rem Arial,sans-serif}.ability-track strong{font:900 .78rem Arial,sans-serif}.item-row{flex-wrap:wrap}.item-icon{border:1px solid var(--gold);background:#0d0905;place-items:center;width:46px;height:46px;display:inline-grid;position:relative}.item-icon img{-o-object-fit:cover;object-fit:cover;width:42px;height:42px}.ability-icon-tooltip-host,.camp-tooltip-host,.item-tooltip-host,.summoner-tooltip-host{outline:0;place-items:center;display:inline-grid;position:relative}.ability-tooltip,.camp-tooltip,.item-tooltip,.summoner-tooltip{left:var(--tooltip-left,50%);z-index:500;border:1px solid var(--gold);width:min(18rem,82vw);box-shadow:var(--shadow);color:#dec899;text-align:left;pointer-events:none;background:#080604fa;padding:.8rem;font:.86rem/1.45 Arial,sans-serif;display:none;position:absolute;top:auto;bottom:calc(100% + .65rem);transform:translate(-50%)}.ability-tooltip:after,.camp-tooltip:after,.item-tooltip:after,.summoner-tooltip:after{left:var(--tooltip-arrow-left,50%);border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);content:"";background:#080604fa;width:.75rem;height:.75rem;position:absolute;bottom:-.42rem;transform:translate(-50%)rotate(45deg)}.tooltip-below .ability-tooltip,.tooltip-below .camp-tooltip,.tooltip-below .item-tooltip,.tooltip-below .summoner-tooltip{top:calc(100% + .65rem);bottom:auto}.tooltip-below .ability-tooltip:after,.tooltip-below .camp-tooltip:after,.tooltip-below .item-tooltip:after,.tooltip-below .summoner-tooltip:after{border:1px solid var(--gold);border-bottom:0;border-right:0;top:-.42rem;bottom:auto;transform:translate(-50%)rotate(45deg)}.ability-tooltip strong,.ability-tooltip>span,.camp-tooltip strong,.camp-tooltip>span,.item-tooltip small,.item-tooltip strong,.item-tooltip>span,.summoner-tooltip strong,.summoner-tooltip>span{display:block}.ability-tooltip strong,.camp-tooltip strong,.item-tooltip strong,.summoner-tooltip strong{color:var(--gold-bright);font:900 .95rem Arial,sans-serif}.item-tooltip small{color:var(--gold-bright);margin:.15rem 0 .45rem;font:800 .82rem Arial,sans-serif}.item-stat-health{color:#78c97a;font-weight:900}.item-stat-magic{color:#72b7ff;font-weight:900}.item-stat-attack{color:#f07567;font-weight:900}.item-stat-move{color:#b58cff;font-weight:900}.item-recipe{border-top:1px solid #c99b3b47;margin-top:.65rem;padding-top:.55rem}.item-recipe small{color:#a99162;margin:0 0 .35rem}.item-recipe-list{flex-wrap:wrap;gap:.3rem;display:flex}.item-recipe-icon{background:#c99b3b14;border:1px solid #c99b3b42;place-items:center;width:2rem;height:2rem;display:inline-grid;overflow:hidden}.item-recipe-icon img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.item-recipe-icon span{color:#dec899;text-align:center;padding:0 .18rem;font:800 .62rem/1 Arial,sans-serif}.ability-icon-tooltip-host.tooltip-positioning .ability-tooltip,.ability-icon-tooltip-host:focus .ability-tooltip,.ability-icon-tooltip-host:focus-within .ability-tooltip,.ability-icon-tooltip-host:hover .ability-tooltip,.camp-tooltip-host.tooltip-positioning .camp-tooltip,.camp-tooltip-host:focus .camp-tooltip,.camp-tooltip-host:focus-within .camp-tooltip,.camp-tooltip-host:hover .camp-tooltip,.item-tooltip-host.tooltip-positioning .item-tooltip,.item-tooltip-host:focus .item-tooltip,.item-tooltip-host:focus-within .item-tooltip,.item-tooltip-host:hover .item-tooltip,.summoner-tooltip-host.tooltip-positioning .summoner-tooltip,.summoner-tooltip-host:focus .summoner-tooltip,.summoner-tooltip-host:focus-within .summoner-tooltip,.summoner-tooltip-host:hover .summoner-tooltip{display:block}.build-table{border:1px solid #c99b3b33;margin-top:.85rem;display:grid;overflow:visible}.essential-items-panel .build-table{border:0;flex:1;align-content:stretch}.starting-items-list{flex-wrap:wrap;flex:1;align-content:center;align-items:center;gap:.65rem;margin-top:.85rem;display:flex}.starting-item-group{display:inline-flex;position:relative}.item-quantity{border:1px solid var(--gold);color:#f5dfae;background:#140d08;place-items:center;min-width:1.7rem;height:1.25rem;padding:0 .2rem;font:900 .72rem Arial,sans-serif;display:grid;position:absolute;bottom:-.35rem;right:-.35rem}.essential-items-panel .build-row,.essential-items-panel .build-table-head{grid-template-columns:minmax(12rem,1fr) 5rem 5rem;min-height:0}.build-row,.build-table-head{border-bottom:1px solid #c99b3b2e;grid-template-columns:minmax(12rem,1fr) 5rem 6.5rem 5rem;align-items:center;gap:.75rem;padding:.75rem;display:grid}.build-table-head{color:var(--muted);background:#05040347;font:800 .88rem Arial,sans-serif}.build-row:last-child{border-bottom:0}.build-items{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.build-arrow{color:#7c7890;font:900 1.8rem Arial,sans-serif}.win-rate{color:#6d94ff}.later-items-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem;display:grid}.later-item-column{border-right:1px solid #c99b3b2e;min-width:0}.later-item-column:last-child{border-right:0}.later-item-column h3{color:var(--muted);background:#05040347;padding:.75rem}.later-item-row{color:var(--muted);border-top:1px solid #c99b3b2e;grid-template-columns:3rem auto;justify-content:start;align-items:center;gap:.7rem;padding:.75rem;font:800 .9rem Arial,sans-serif;display:grid}.summoner-builds{flex-wrap:wrap;align-items:start;gap:.75rem 1rem;margin-top:.85rem;display:flex}.summoner-build-row{flex-direction:column;align-items:center;gap:.3rem;display:flex}.summoner-row{flex-wrap:wrap;gap:.35rem;display:flex}.summoner-spell{background:#0d0905;border:1px solid #c99b3b59;place-items:center;width:46px;height:46px;display:inline-grid}.summoner-spell img{border:1px solid var(--line);-o-object-fit:cover;object-fit:cover;width:42px;height:42px}.summoner-build-row>strong{color:#6d94ff;font:900 1rem Arial,sans-serif}.rune-builder{grid-template-columns:1fr;align-items:stretch;margin-top:.85rem;display:grid}.selected-runes{background:0 0;border:0;gap:.35rem;height:100%;padding:.7rem;display:grid}.rune-line{color:#dec899;text-align:center;background:0 0;border:0;align-content:center;place-items:center;gap:.45rem;min-height:6.5rem;padding:.7rem;font:800 .82rem Arial,sans-serif;display:grid}.rune-line img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 8px #080604d1);width:3rem;height:3rem}.rune-name{justify-content:center;align-items:baseline;gap:.35rem;display:flex}.rune-name strong{color:#fff4c9}.rune-name small{color:var(--gold-bright);white-space:nowrap}.rune-total-stat{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.3rem;font:800 .78rem Arial,sans-serif;display:flex}.rune-total-stat strong{white-space:nowrap}.rune-mark .rune-total-stat strong{color:#d56850}.rune-seal .rune-total-stat strong{color:#e0b94f}.rune-glyph .rune-total-stat strong{color:#82b9d3}.rune-quint .rune-total-stat strong{color:#b58ad8}.mastery-node{cursor:help;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.mastery-builder{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.8rem;display:grid}.mastery-tree{z-index:0;border:1px solid var(--line);background-position:50%;background-size:cover;min-height:30rem;position:relative;overflow:visible;box-shadow:inset 0 0 0 999px #0806042e}.mastery-tree h3{z-index:2;color:#fff4c9;text-shadow:0 2px 8px #000;position:absolute;bottom:.45rem;left:.75rem}.mastery-node{z-index:3;width:2.8rem;height:2.8rem;transform:translate(-50%,-50%)}.mastery-tree:focus-within,.mastery-tree:hover{z-index:30}.mastery-node.tooltip-positioning,.mastery-node:focus,.mastery-node:hover{z-index:40}.mastery-node img{-o-object-fit:cover;object-fit:cover;filter:grayscale()brightness(.58);border:2px solid #080604c7;width:2.65rem;height:2.65rem}.mastery-node.selected img{border-color:var(--gold-bright);filter:none;box-shadow:0 0 14px #f3c96bcc}.mastery-rank{min-width:1.45rem;color:var(--muted);background:#080604eb;border:1px solid #c99b3ba6;padding:.12rem .22rem;font:900 .7rem Arial,sans-serif;position:absolute;bottom:-.2rem;right:-.2rem}.mastery-node.selected .mastery-rank{color:var(--gold-bright)}.node-tooltip{left:var(--tooltip-left,50%);z-index:800;border:1px solid var(--gold);width:min(16rem,78vw);box-shadow:var(--shadow);color:#dec899;text-align:left;pointer-events:none;padding:.7rem;font:.82rem/1.4 Arial,sans-serif;display:none;top:auto;bottom:calc(100% + .65rem);transform:translate(-50%)}.node-tooltip,.node-tooltip:after{background:#080604fa;position:absolute}.node-tooltip:after{left:var(--tooltip-arrow-left,50%);border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);content:"";width:.75rem;height:.75rem;bottom:-.42rem;transform:translate(-50%)rotate(45deg)}.tooltip-below .node-tooltip{top:calc(100% + .65rem);bottom:auto}.tooltip-below .node-tooltip:after{border:1px solid var(--gold);border-bottom:0;border-right:0;top:-.42rem;bottom:auto}.node-tooltip small,.node-tooltip span,.node-tooltip strong{display:block}.node-tooltip strong{color:var(--gold-bright)}.node-tooltip small{color:#6fd3ff;margin:.15rem 0 .35rem;font-weight:800}.mastery-node.tooltip-positioning .node-tooltip,.mastery-node:focus .node-tooltip,.mastery-node:hover .node-tooltip{display:block}.masteries-panel-heading{flex-wrap:wrap;align-items:baseline;gap:.45rem .8rem;display:flex}.mastery-spread{color:var(--gold-bright);margin:0;font:900 .95rem Arial,sans-serif}.abilities-panel,.jungle-panel{grid-column:1/-1}.matchup-panel .matchup-icons{margin-top:.85rem}.matchup-icons{flex-wrap:wrap;gap:.55rem;display:flex}.matchup-icon{background:#0d0905;border:1px solid #c99b3b59;place-items:center;width:3.25rem;height:3.25rem;display:inline-grid}.matchup-icon img{-o-object-fit:cover;object-fit:cover;width:2.9rem;height:2.9rem}.matchup-icon.strong{border-color:#70d68b9e}.matchup-icon.weak{border-color:#ff6c799e}.matchup-icon.synergy{border-color:#6d94ffb8}.jungle-paths{display:grid;overflow:visible}.jungle-path-row{border-bottom:1px solid #c99b3b2e;grid-template-columns:8rem 1fr;align-items:center;gap:1rem;padding:1rem 0;display:grid}.jungle-path-row:last-child{border-bottom:0}.jungle-path-row strong{font:900 1rem Arial,sans-serif}.jungle-path-row strong.blue{color:#6d94ff}.jungle-path-row strong.red{color:#ff5b69}.camp-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex;overflow-x:visible}.camp-tooltip-host:focus,.camp-tooltip-host:focus-within,.camp-tooltip-host:hover{z-index:900}.camp-row img{border:1px solid var(--line);flex:0 0 3rem;width:3rem;height:3rem}.camp-arrow{color:#787689;font:900 2rem Arial,sans-serif}@media (width>=1024px){.jungle-paths{grid-template-columns:repeat(2,minmax(0,1fr))}.jungle-path-row{border-bottom:0;grid-template-columns:1fr;align-content:start}}.games{color:var(--muted);text-align:right;font:800 .95rem Arial,sans-serif}.ability-definition{border-top:1px solid #c99b3b2e;grid-template-columns:3.1rem 1fr;align-items:start;gap:.8rem;padding:.9rem 0;display:grid}.ability-definition:first-of-type{border-top:0}.ability-icon{border:1px solid var(--gold);-o-object-fit:cover;object-fit:cover;width:3.1rem;height:3.1rem}.ability-shortcut-key{color:#fff1bd;text-align:center;vertical-align:.12em;background:linear-gradient(#30291e,#17130e);border:1px solid #d8bd76;border-bottom-width:3px;border-radius:.28rem;place-items:center;min-width:1.55rem;height:1.55rem;margin-right:.25rem;padding:0 .3rem;font:800 .76rem/1 Arial,sans-serif;display:inline-grid;box-shadow:inset 0 1px #ffffff24,0 1px 2px #000000b3}.ability-passive-label{color:var(--muted);font-size:.78em;font-weight:600}.ability-definition p{margin:.35rem 0}.ability-definition small{color:var(--muted);font:.86rem/1.45 Arial,sans-serif}.ability-number{color:#6fd3ff;font-weight:800}.lane-title span{display:block}.lane-detail-heading{isolation:isolate;max-width:820px;padding:1rem 0 3rem;position:relative}.lane-detail-heading:before{z-index:-1;content:"";filter:blur(.15rem);pointer-events:none;background:radial-gradient(at 25% 45%,#c99b3b24,#0000 58%),linear-gradient(90deg,#0806046b,#0000 85%);position:absolute;inset:-3rem -8rem -2rem -4rem}.lane-description{border-left:2px solid var(--gold);max-width:720px;color:var(--muted);text-shadow:0 2px 12px #000;background:linear-gradient(90deg,#080604c7,#08060475 65%,#0000);margin:1.35rem 0 0;padding:.9rem 1rem;font:1rem/1.7 Arial,sans-serif}.lane-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.lane-detail-panel{min-width:0;box-shadow:var(--shadow);background:#120d08e8;border:1px solid #c99b3b52;padding:clamp(1.1rem,2vw,1.5rem)}.lane-detail-panel>h2{color:var(--gold-bright);border-bottom:1px solid #c99b3b2e;padding-bottom:.8rem;font-size:clamp(1.35rem,2vw,1.8rem)}.lane-picks-panel{box-shadow:none;background:0 0;border:0;grid-area:1/1/auto/-1;padding-inline:0}.lane-rules-panel{grid-area:2/1}.lane-objective-panel{grid-area:2/2}.lane-rule-list,.objective-steps{gap:0;margin:0;padding:0;list-style:none;display:grid}.lane-rule-list{counter-reset:lane-rule}.lane-rule-list li{counter-increment:lane-rule;border-bottom:1px solid #c99b3b1f;padding:1.15rem 0 1.15rem 2.6rem;position:relative}.lane-rule-list li:last-child{border-bottom:0;padding-bottom:0}.lane-rule-list li:before{border:1px solid var(--line);width:1.75rem;height:1.75rem;color:var(--gold-bright);content:counter(lane-rule);place-items:center;font:800 .75rem Arial,sans-serif;display:grid;position:absolute;top:1.15rem;left:0}.lane-rule-list strong,.objective-steps strong{color:var(--ink);font:800 .9rem Arial,sans-serif}.lane-rule-list p,.objective-steps p{color:var(--muted);margin:.35rem 0 0;font:.88rem/1.58 Arial,sans-serif}.lane-pick-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.lane-pick-card{align-items:center;gap:.75rem;min-width:0;padding:.35rem 0;text-decoration:none;transition:color .16s,transform .16s;display:flex;position:relative}.lane-pick-card:focus-visible,.lane-pick-card:hover{outline:0;transform:translateY(-.1rem)}.lane-pick-card img{border:1px solid var(--gold);-o-object-fit:cover;object-fit:cover;flex:none;width:3.25rem;height:3.25rem}.lane-pick-card small,.lane-pick-card strong{display:block}.lane-pick-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font:800 1rem Arial,sans-serif;overflow:hidden}.lane-pick-card small{color:var(--muted);margin-top:.3rem;font:.72rem Arial,sans-serif}.lane-pick-separator{color:var(--gold);margin-inline:.25rem}.objective-steps{margin-top:.25rem}.objective-steps li{grid-template-columns:2rem minmax(0,1fr);gap:.8rem;padding-top:1rem;display:grid;position:relative}.objective-steps li:not(:last-child):after{content:"";background:linear-gradient(var(--gold),#c99b3b1f);width:1px;position:absolute;top:3rem;bottom:-1rem;left:.95rem}.objective-step-number{z-index:1;border:1px solid var(--gold);width:2rem;height:2rem;color:var(--gold-bright);background:#080604;border-radius:50%;place-items:center;font:800 .72rem Arial,sans-serif;display:grid}.lanes-overview{max-width:1180px}.lanes-overview-heading{max-width:760px;margin-bottom:2rem}.lanes-overview-heading h1{margin-bottom:1.5rem}.lanes-overview-heading>p:last-child{border-left:2px solid var(--gold);color:var(--muted);background:linear-gradient(90deg,#080604c7,#08060475 65%,#0000);padding:.9rem 1rem;font:1rem/1.7 Arial,sans-serif}.lanes-panel{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.lane-overview-card{--lane-color:var(--gold);min-width:0;box-shadow:var(--shadow);background:#120d08e8;border:1px solid #c99b3b52;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.lane-overview-card-top{--lane-color:#9b7735}.lane-overview-card-jungle{--lane-color:#587a43}.lane-overview-card-mid{--lane-color:#6684dd}.lane-overview-card-adc{--lane-color:#8a2928}.lane-overview-card-support{--lane-color:#2e6c5f}.lane-overview-title{color:var(--lane-color);align-items:center;gap:.8rem;text-decoration:none;display:flex}.lane-overview-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.lane-overview-title .lane-mark{width:2.6rem;height:2.6rem;-webkit-mask:var(--lane-mark) center /contain no-repeat;mask:var(--lane-mark) center /contain no-repeat;-webkit-mask:var(--lane-mark) center /contain no-repeat;background:currentColor;flex:none;display:block}.lane-overview-title small,.lane-overview-title strong{display:block}.lane-overview-title small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font:700 .7rem Arial,sans-serif}.lane-overview-title strong{font-size:1.5rem}.lane-overview-card>p{color:var(--muted);margin:0;font:.9rem/1.5 Arial,sans-serif}.lane-overview-main-task{border-top:1px solid #c99b3b1f;border-bottom:1px solid #c99b3b1f;padding:1rem 0}.lane-overview-champions-title,.lane-overview-main-task h2{color:var(--gold-bright);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .65rem;font:800 .78rem Arial,sans-serif}.lane-overview-champions-title{margin-bottom:0}.lane-overview-main-task p{color:var(--muted);margin:0;font:.85rem/1.5 Arial,sans-serif}.lane-overview-champions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.lane-overview-champion{align-items:center;gap:.65rem;min-width:0;text-decoration:none;display:flex;position:relative}.lane-overview-champion img{-o-object-fit:cover;object-fit:cover;border:1px solid var(--lane-color);width:2.75rem;height:2.75rem}.lane-overview-champion small,.lane-overview-champion strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.lane-overview-champion small{color:var(--muted);margin-top:.2rem;font:.75rem Arial,sans-serif}.lane-overview-guide{text-transform:uppercase;flex:none;gap:.5rem}.lane-overview-guide-arrow{justify-content:center;align-items:center;line-height:1;display:inline-flex}.lane-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{border-top:1px solid var(--line);background:#080604;margin-top:auto;padding:clamp(2.5rem,5vw,4rem) clamp(1rem,4vw,4rem)}.footer-grid{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:2.5rem 4rem;width:100%;max-width:1240px;margin:0 auto;display:grid}.footer-section h2{color:var(--gold-bright);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem;font:700 .78rem/1.2 Arial,sans-serif}.footer-section p{color:var(--muted);margin:0;font:.9rem/1.5 Arial,sans-serif}.footer-about p,.footer-community>p{max-width:34rem}.footer-links{flex-wrap:wrap;gap:.55rem;margin-top:.85rem;display:flex}.footer-contact-link,.footer-links a{border:1px solid var(--line);color:#d6c8a8;letter-spacing:.03em;background:#ffffff06;align-items:center;gap:.55rem;min-height:2.4rem;margin-top:1.15rem;padding:.55rem .8rem;font:700 .78rem/1 Arial,sans-serif;text-decoration:none;transition:border-color .16s,color .16s,background .16s;display:inline-flex}.footer-links a{margin-top:0}.footer-contact-link:focus-visible,.footer-contact-link:hover,.footer-links a:focus-visible,.footer-links a:hover{border-color:var(--gold-bright);color:var(--gold-bright);background:#c49a3d14}.footer-disclaimer{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(0,1fr);align-items:center;padding-top:2rem;display:grid}.footer-disclaimer .footer-rights{color:#756f63;margin-top:.4rem;font-size:.78rem}@media (width<=1023px){.champion-filter-tabs button:has(.role-filter-icon){justify-content:center;padding-inline:.75rem}.champion-filter-tabs button:has(.role-filter-icon) .role-filter-label{display:none}}@media (width<=820px){.lane-detail-heading:before{inset-inline:-1rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-disclaimer{grid-column:auto}#tier-list .table-tools .compact-search{display:none}#tier-list{scroll-margin-top:6rem}body{padding-top:3.5rem}.app-shell,.error-header,.error-hero,.error-shell{min-height:calc(100vh - 3.5rem)}.champion-detail,.section-heading{grid-template-columns:1fr;display:grid}.topbar{grid-template-columns:2rem minmax(0,1fr) 2.5rem;gap:.5rem;height:3.5rem;padding:.5rem .75rem;display:grid}.quick-access-bar{height:2.5rem;top:3.5rem}.quick-access-bar-tabs{padding-left:.75rem;padding-right:.375rem}.quick-access-bar-tabs button{width:2.25rem}.quick-access-bar-tabs svg{width:1.125rem;height:1.125rem}.quick-access-bar-content{gap:.375rem;padding:.25rem}.quick-access-bar-item{width:2rem;height:2rem}.site-header:has(.quick-access-bar) .hero{padding-top:4rem}.brand span{display:none}.brand-icon{width:2rem;height:2rem}.topbar .brand{grid-column:1}.nav-right,.topbar .brand{margin:0}.nav-right{display:contents}.nav-search{contain:inline-size;grid-column:2;max-inline-size:100%}.nav-search,.nav-search-field{inline-size:100%;width:100%;min-width:0}.nav-search-field{max-width:100%;overflow:hidden}.nav-search input{inline-size:100%;min-inline-size:0;max-inline-size:100%}.language-switcher{grid-column:3;width:2.5rem;min-width:0}.language-switcher>button{width:2.5rem;height:2rem;min-height:2rem;padding:.25rem .375rem}.language-switcher>button svg{display:none}.language-menu{max-width:calc(100vw - 1.5rem)}.nav-search input{background-position:right .7rem center;background-size:1rem 1rem;height:2rem;min-height:2rem;padding-right:2.25rem;font-size:1rem;display:block}.hero{min-height:auto;padding-top:1.5rem}.champion-page-main{padding-top:3.25rem}.table-filter-row{grid-template-columns:1fr;display:grid}.table-filter-row .compact-search,.table-tools{justify-content:stretch;margin-left:0}.table-tools{grid-template-columns:1fr;display:grid}.sort-tabs{flex-wrap:wrap}.table-filter-row .compact-search input{width:100%}.meta-champions-block{grid-template-columns:1fr}.scroll-cue{width:3rem;height:3rem}.meta-lanes{grid-template-columns:1fr;gap:.75rem}.meta-lane{-moz-column-gap:1.5rem;border-bottom:1px solid #f5dfae2e;border-right:0;grid-template-columns:auto minmax(0,1fr);place-items:center start;gap:0 1.5rem;padding:0 0 .75rem}.meta-lane:last-child{border-bottom:0;padding-bottom:0}.meta-lane-label{white-space:nowrap;justify-content:start;gap:.5rem;width:7rem;min-width:0;padding:.5rem;font-size:1rem}.meta-lane-label .lane-mark{width:1.25rem;height:1.25rem}.meta-lane-champions{grid-template-columns:repeat(3,auto);justify-content:start;gap:.75rem;width:auto;max-width:100%}.meta-champion img{width:38px;height:38px}.tier-row{grid-template-columns:4rem 1fr}.champion-tier-group{grid-template-columns:2rem minmax(0,1fr)}.champion-tier-label{justify-content:center;padding-inline:.25rem}.champion-card{grid-template-columns:32px 1fr;min-width:0}.champion-card img{width:32px;height:32px}.champion-card>span{min-width:0}.champion-card strong{font-size:.85rem}.champion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.champion-detail-layout,.champion-select-layout,.detail-panels,.faq-grid,.ingame-phase,.lane-columns,.lane-detail-grid,.lane-overview-champions,.lanes-panel,.mastery-builder,.rune-builder,.selection-left,.selection-right{grid-template-columns:1fr}.lane-picks-panel{grid-area:1/1}.lane-rules-panel{grid-area:2/1}.lane-objective-panel{grid-area:3/1}.lane-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lane-overview-card-header{align-items:flex-start}.mastery-tree{min-height:28rem}.node-tooltip{width:min(14rem,100vw - 1.5rem);padding:.6rem;font-size:.78rem}.ingame-phase .ability-table-panel,.ingame-phase .essential-items-panel,.ingame-phase .ingame-side-column,.ingame-phase .situational-items-panel{grid-area:auto/1/auto/-1}.ability-level-table{grid-template-columns:2.2rem repeat(18,minmax(0,1fr));width:100%;min-width:0;padding:.35rem}.ability-level-cell,.ability-level-icon,.ability-level-number,.ability-level-passive{min-height:1.8rem}.ability-level-icon,.ability-level-icon img,.ability-level-passive,.ability-level-passive img{width:1.85rem;height:1.85rem}.ability-level-number{font-size:.62rem}.ability-level-cell.active strong{aspect-ratio:1;width:min(1rem,100%);height:auto;font-size:clamp(.45rem,2vw,.5rem)}.build-table-head{display:none}.essential-items-panel .build-items,.essential-items-panel .build-row,.essential-items-panel .build-table,.starting-items-list{width:100%;min-width:0;max-width:100%}.essential-items-panel .build-row{grid-template-columns:minmax(0,1fr);align-items:start}.essential-items-panel .build-row>span,.essential-items-panel .build-row>strong{display:none}.later-item-column,.later-item-column:last-child{border-bottom:1px solid #c99b3b2e;border-right:0}.jungle-path-row{grid-template-columns:1fr}.games{text-align:left}}