/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--color-keep-soot:#090705;--color-keep-stone:#120f09;--color-keep-slab:#1c1710;--color-keep-seam:#282016;--color-keep-iron:#3d3222;--color-keep-rivet:#4c3f2b;--color-keep-dim:#8a7a5c;--color-keep-ash:#b3a37f;--color-keep-tallow:#dccb9f;--color-keep-bone:#f3e7c6;--color-keep-torch:#e8b33a;--color-keep-flare:#f7cd65;--color-keep-blood:#8a4a14;--color-keep-wound:#e8876d;--color-keep-brass:#c9793f;--color-keep-brass-dark:#6a3d1e;--color-keep-steel:#7fa6c4;--color-keep-moss:#8fb56a;--font-keep-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-keep-display:var(--font-keep-body);--font-keep-label:var(--font-keep-body)}}@layer base,components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.lowercase{text-transform:lowercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{color:#fff;background:radial-gradient(ellipse 60rem 28rem at 50% -8rem, #e8b33a1f, transparent) no-repeat, var(--color-keep-stone)}@supports (color:color-mix(in lab, red, red)){:root{background:radial-gradient(ellipse 60rem 28rem at 50% -8rem, color-mix(in srgb, var(--color-keep-torch) 12%, transparent), transparent) no-repeat, var(--color-keep-stone)}}:root{font-family:var(--font-keep-body);font-variant-numeric:tabular-nums;font-synthesis:none;text-rendering:optimizelegibility;--text:#fff;--champion-name:#fff;--muted:#fff;--ember:var(--color-keep-torch);--line:var(--color-keep-iron);--panel:var(--color-keep-slab);--mono:var(--font-keep-body);--series-calculated:var(--color-keep-torch);--series-popular:var(--color-keep-steel);--series-custom:#fff;--quadrant-best:var(--color-keep-moss);--quadrant-worst:var(--color-keep-wound)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100% - 3rem,72rem);min-height:100vh;margin:0 auto}@media (width<=640px){.app-shell{width:min(100% - 2rem,72rem)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}:root[data-theme] .app-shell{z-index:0;position:relative}.theme-decor{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}:root[data-theme] :is(.median-gain strong,.most-op-score strong,.rank-number){font-family:var(--font-keep-body)}:root[data-theme] .champion-title h1{font-family:var(--font-keep-display)}:root[data-theme] :is(.brand,.how-it-works h2,.champ-select-header h2,.board-header h2,.aram-builds-header h2,.skill-orders-header h2){color:var(--theme-heading);text-shadow:0 0 .8rem var(--theme-glow)}:root[data-theme] :is(.champion-title h1,.most-op-name),:root[data-theme] :is(.median-gain strong,.most-op-score strong){text-shadow:0 0 .8rem var(--theme-glow)}:root[data-theme] .how-it-works-steps li:before{text-shadow:0 0 .6rem var(--theme-glow);font-size:1.9rem}:root[data-theme] :is(.champ-tile:hover,.champ-tile:focus-visible) .champ-portrait{border-color:var(--color-keep-torch);box-shadow:0 0 .9rem var(--theme-glow)}.theme-bat{height:auto;fill:var(--theme-bat);animation:ease-in-out infinite alternate theme-flap;position:absolute}@keyframes theme-flap{0%{transform:translate(0)scaleY(1)}50%{transform:translate(.6rem,-.8rem)scaleY(.55)}to{transform:translate(-.4rem,.4rem)scaleY(1)}}@keyframes theme-drift{to{transform:translate(6%)}}@media (width<=640px){:is(.theme-bat,.theme-pumpkin,.theme-bubble,.theme-graves){display:none}}@media (prefers-reduced-motion:reduce){.theme-decor *{animation:none!important}}:root[data-theme=pumpkin-patch]{--color-keep-soot:#040201;--color-keep-stone:#0d0704;--color-keep-slab:#1a0d06;--color-keep-seam:#28150a;--color-keep-iron:#4a2610;--color-keep-rivet:#6e3914;--color-keep-dim:#9a6a40;--color-keep-ash:#c99a6a;--color-keep-tallow:#f0c890;--color-keep-bone:#fff0d8;--color-keep-torch:#ff7b1c;--color-keep-flare:#ffa646;--color-keep-blood:#8a2c00;--color-keep-wound:#ff4f7a;--color-keep-brass:#e0631a;--color-keep-brass-dark:#6e2e0c;--color-keep-steel:#b48cff;--color-keep-moss:#a3d65c;--font-keep-display:"Creepster", var(--font-keep-body);--theme-heading:var(--color-keep-flare);--theme-glow:#ff7b1c99;--theme-bat:#4a2410;background:radial-gradient(ellipse 70rem 30rem at 50% -10rem, #ff7b1c38, transparent) no-repeat, radial-gradient(ellipse 40rem 30rem at 0% 100%, #7a2eb42e, transparent) fixed, radial-gradient(ellipse 40rem 30rem at 100% 100%, #7a2eb42e, transparent) fixed, var(--color-keep-stone)}:root[data-theme=pumpkin-patch] :is(.brand,.how-it-works h2,.champ-select-header h2){letter-spacing:.08em}.theme-pumpkin{opacity:.9;width:7rem;height:auto;animation:3.2s infinite theme-flicker;position:absolute;bottom:1.2rem}.theme-pumpkin-left{left:1.2rem}.theme-pumpkin-right{width:5rem;animation-delay:1.1s;bottom:5rem;right:1.2rem}@keyframes theme-flicker{0%,to{filter:drop-shadow(0 0 1.4rem #ff8c1e8c)}45%{filter:drop-shadow(0 0 2rem #ffa028d9)}55%{filter:drop-shadow(0 0 .9rem #ff781466)}}:root[data-theme=haunted-manor]{--color-keep-soot:#05030a;--color-keep-stone:#0c0815;--color-keep-slab:#161026;--color-keep-seam:#221838;--color-keep-iron:#3a2a5c;--color-keep-rivet:#523e7c;--color-keep-dim:#8a7aa8;--color-keep-ash:#b5a8d0;--color-keep-tallow:#d9cfef;--color-keep-bone:#f1ecff;--color-keep-torch:#c3a6ff;--color-keep-flare:#e0d2ff;--color-keep-blood:#4a2a7a;--color-keep-wound:#ff7aa8;--color-keep-brass:#9a76e0;--color-keep-brass-dark:#3f2b6e;--color-keep-steel:#ffc46b;--color-keep-moss:#8fe6b4;--font-keep-display:"Cinzel", Georgia, serif;--theme-heading:var(--color-keep-bone);--theme-glow:#c3a6ff73;--theme-bat:#33245a;background:radial-gradient(circle at 100% 0,#e1d7ff2e 0 5rem,#0000 18rem) no-repeat,radial-gradient(70rem 30rem at 50% -10rem,#966eff33,#0000) no-repeat,linear-gradient(#0c0815,#120b20 60%,#0c0815) fixed}:root[data-theme=haunted-manor] .brand{font-family:Cinzel Decorative,Georgia,serif;font-size:1.45rem}:root[data-theme=haunted-manor] :is(.how-it-works-steps li,.most-op,.champ-select,.skill-orders){box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot), 0 0 2.5rem #7850dc1f}.theme-moon{opacity:.85;background:radial-gradient(circle at 35% 35%,#fbf8ff,#d6cbf2 55%,#a99bd0);border-radius:50%;width:10rem;height:10rem;position:absolute;top:-3.5rem;right:-3.5rem;box-shadow:0 0 3rem 1rem #dccdff40}.theme-moon:before,.theme-moon:after{content:"";background:#9687be59;border-radius:50%;position:absolute}.theme-moon:before{width:1.4rem;height:1.4rem;top:6rem;left:2.4rem}.theme-moon:after{width:.9rem;height:.9rem;top:7.8rem;left:4.6rem}.theme-fog{filter:blur(8px);background:radial-gradient(at 20% 80%,#c8b9f024,#0000 60%),radial-gradient(at 70% 90%,#c8b9f01f,#0000 60%);height:14rem;animation:18s ease-in-out infinite alternate theme-drift;position:absolute;bottom:-2rem;left:-10%;right:-10%}@media (width<=640px){.theme-moon{width:6rem;height:6rem;top:-2.5rem;right:-2.5rem}.theme-moon:before,.theme-moon:after{display:none}}:root[data-theme=witchs-brew]{--color-keep-soot:#020604;--color-keep-stone:#06100b;--color-keep-slab:#0c1a13;--color-keep-seam:#13261c;--color-keep-iron:#21402e;--color-keep-rivet:#2e5a40;--color-keep-dim:#6f9a80;--color-keep-ash:#a6c8b2;--color-keep-tallow:#d2ecd9;--color-keep-bone:#effff2;--color-keep-torch:#86ff4d;--color-keep-flare:#bcff86;--color-keep-blood:#2a6a1a;--color-keep-wound:#ff6ad5;--color-keep-brass:#4fcf6f;--color-keep-brass-dark:#1c5a32;--color-keep-steel:#c98bff;--color-keep-moss:#5fe6d6;--font-keep-display:"Griffy", var(--font-keep-body);--theme-heading:var(--color-keep-flare);--theme-glow:#86ff4d80;background:radial-gradient(ellipse 70rem 30rem at 50% -10rem, #86ff4d29, transparent) no-repeat, radial-gradient(ellipse 60rem 22rem at 50% 105%, #86ff4d24, transparent) fixed, var(--color-keep-stone)}.theme-bubble{background:radial-gradient(circle at 30% 30%,#dcffc859,#86ff4d14 60%);border:1px solid #a0ff6e8c;border-radius:50%;animation:linear infinite theme-rise;position:absolute;bottom:-3rem;box-shadow:0 0 .8rem #86ff4d40}@keyframes theme-rise{0%{opacity:0;transform:translate(0)}10%{opacity:1}50%{transform:translate(1.2rem,-55vh)}to{opacity:0;transform:translate(-.8rem,-112vh)}}:root[data-theme=blood-moon]{--color-keep-soot:#050102;--color-keep-stone:#0c0405;--color-keep-slab:#18090b;--color-keep-seam:#251013;--color-keep-iron:#47161c;--color-keep-rivet:#68222a;--color-keep-dim:#a07076;--color-keep-ash:#cfa6aa;--color-keep-tallow:#ecd2d2;--color-keep-bone:#fff1ef;--color-keep-torch:#ff3b4e;--color-keep-flare:#ff7a85;--color-keep-blood:#8a0c18;--color-keep-wound:#ff8a5c;--color-keep-brass:#c41f31;--color-keep-brass-dark:#5c0c15;--color-keep-steel:#d4c6c6;--color-keep-moss:#e8cf8a;--font-keep-display:"Pirata One", Georgia, serif;--theme-heading:var(--color-keep-bone);--theme-glow:#ff283c8c;--theme-bat:#4a121a;background:radial-gradient(circle at 50% -2rem, #ff3b4e4d 0 9rem, #ff3b4e14 16rem, transparent 30rem) no-repeat, radial-gradient(ellipse at 50% 50%, transparent 55%, #0009) fixed, var(--color-keep-stone)}:root[data-theme=blood-moon] nav{border-color:#6a1520}:root[data-theme=blood-moon] nav:after{content:"";filter:drop-shadow(0 2px 2px #00000080);pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23a3121f' d='M0 0H120V4C114 4 113 6 113 10C113 15 109 15 109 10C109 6 104 4 98 4C92 4 91 7 91 16C91 24 85 24 85 16C85 7 82 4 74 4C66 4 63 6 63 9C63 12 59 12 59 9C59 6 52 4 44 4C36 4 34 8 34 20C34 28 27 28 27 20C27 8 23 4 15 4C9 4 7 6 7 8C7 11 3 11 3 8C3 5 2 4 0 4Z'/%3E%3C/svg%3E") 0 0/7.5rem 1.4rem repeat-x;height:1.4rem;position:absolute;top:calc(100% - 1px);left:1.5rem;right:1.5rem}:root[data-theme=blood-moon] .brand{letter-spacing:.06em;font-size:2.1rem}:root[data-theme=blood-moon] :is(.how-it-works h2,.champ-select-header h2){letter-spacing:.05em;font-size:2.5rem}:root[data-theme=blood-moon] :is(.champ-select-header,.skill-orders-header){border-bottom-color:var(--color-keep-brass)}@media (width<=640px){:root[data-theme=blood-moon] .brand{font-size:1.7rem}:root[data-theme=blood-moon] nav:after{background-size:5.5rem 1rem;height:1rem;left:1rem;right:1rem}}:root[data-theme=midnight-graveyard]{--color-keep-soot:#030507;--color-keep-stone:#080b10;--color-keep-slab:#10151d;--color-keep-seam:#18202b;--color-keep-iron:#2a3646;--color-keep-rivet:#3b4b60;--color-keep-dim:#7d8ea3;--color-keep-ash:#a9b8c8;--color-keep-tallow:#d4dee8;--color-keep-bone:#eef4f8;--color-keep-torch:#9fe8ff;--color-keep-flare:#d2f6ff;--color-keep-blood:#2a5a6e;--color-keep-wound:#ff8fa3;--color-keep-brass:#6fb3c9;--color-keep-brass-dark:#2a4656;--color-keep-steel:#e6d9b8;--color-keep-moss:#a6e3a1;--font-keep-display:"IM Fell English SC", Georgia, serif;--theme-heading:var(--color-keep-bone);--theme-glow:#9fe8ff66;background:radial-gradient(1px 1px at 10% 20%,#ffffff8c,#0000),radial-gradient(1px 1px at 30% 70%,#fff6,#0000),radial-gradient(1px 1px at 80% 30%,#ffffff8c,#0000),radial-gradient(1px 1px at 92% 80%,#fff6,#0000),radial-gradient(1px 1px at 4% 55%,#ffffff73,#0000),radial-gradient(1px 1px at 97%,#ffffff73,#0000),radial-gradient(70rem 30rem at 50% -10rem,#9fe8ff24,#0000) no-repeat,linear-gradient(#080b10,#0b111a) fixed}:root[data-theme=midnight-graveyard] .brand{letter-spacing:.06em}:root[data-theme=midnight-graveyard] :is(.most-op,.skill-orders){position:relative}:root[data-theme=midnight-graveyard] :is(.champ-select,.most-op,.skill-orders):after{content:"";opacity:.35;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L160.0 0.0M0 0L154.5 41.4M0 0L138.6 80.0M0 0L113.1 113.1M0 0L80.0 138.6M0 0L41.4 154.5M0 0L0.0 160.0M24.2 0.0Q19.5 2.6 23.4 6.3Q18.2 7.5 21.0 12.1Q15.6 12.0 17.1 17.1Q12.0 15.6 12.1 21.0Q7.5 18.2 6.3 23.4Q2.6 19.5 0.0 24.2M48.5 0.0Q39.1 5.1 46.8 12.5Q36.4 15.1 42.0 24.2Q31.3 24.0 34.3 34.3Q24.0 31.3 24.2 42.0Q15.1 36.4 12.5 46.8Q5.1 39.1 0.0 48.5M72.7 0.0Q58.6 7.7 70.2 18.8Q54.6 22.6 63.0 36.4Q46.9 36.0 51.4 51.4Q36.0 46.9 36.4 63.0Q22.6 54.6 18.8 70.2Q7.7 58.6 0.0 72.7M97.0 0.0Q78.2 10.3 93.7 25.1Q72.8 30.2 84.0 48.5Q62.5 48.0 68.6 68.6Q48.0 62.5 48.5 84.0Q30.2 72.8 25.1 93.7Q10.3 78.2 0.0 97.0M121.2 0.0Q97.7 12.9 117.1 31.4Q91.0 37.7 105.0 60.6Q78.2 60.0 85.7 85.7Q60.0 78.2 60.6 105.0Q37.7 91.0 31.4 117.1Q12.9 97.7 0.0 121.2M145.5 0.0Q117.2 15.4 140.5 37.6Q109.3 45.3 126.0 72.7Q93.8 72.0 102.9 102.9Q72.0 93.8 72.7 126.0Q45.3 109.3 37.6 140.5Q15.4 117.2 0.0 145.5' fill='none' stroke='%23b9cbdb' stroke-width='0.8' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:7rem;height:7rem;position:absolute;top:0;right:0;transform:scaleX(-1)}:root[data-theme=midnight-graveyard] .champ-select:before{content:"";opacity:.3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L160.0 0.0M0 0L154.5 41.4M0 0L138.6 80.0M0 0L113.1 113.1M0 0L80.0 138.6M0 0L41.4 154.5M0 0L0.0 160.0M24.2 0.0Q19.5 2.6 23.4 6.3Q18.2 7.5 21.0 12.1Q15.6 12.0 17.1 17.1Q12.0 15.6 12.1 21.0Q7.5 18.2 6.3 23.4Q2.6 19.5 0.0 24.2M48.5 0.0Q39.1 5.1 46.8 12.5Q36.4 15.1 42.0 24.2Q31.3 24.0 34.3 34.3Q24.0 31.3 24.2 42.0Q15.1 36.4 12.5 46.8Q5.1 39.1 0.0 48.5M72.7 0.0Q58.6 7.7 70.2 18.8Q54.6 22.6 63.0 36.4Q46.9 36.0 51.4 51.4Q36.0 46.9 36.4 63.0Q22.6 54.6 18.8 70.2Q7.7 58.6 0.0 72.7M97.0 0.0Q78.2 10.3 93.7 25.1Q72.8 30.2 84.0 48.5Q62.5 48.0 68.6 68.6Q48.0 62.5 48.5 84.0Q30.2 72.8 25.1 93.7Q10.3 78.2 0.0 97.0M121.2 0.0Q97.7 12.9 117.1 31.4Q91.0 37.7 105.0 60.6Q78.2 60.0 85.7 85.7Q60.0 78.2 60.6 105.0Q37.7 91.0 31.4 117.1Q12.9 97.7 0.0 121.2M145.5 0.0Q117.2 15.4 140.5 37.6Q109.3 45.3 126.0 72.7Q93.8 72.0 102.9 102.9Q72.0 93.8 72.7 126.0Q45.3 109.3 37.6 140.5Q15.4 117.2 0.0 145.5' fill='none' stroke='%23b9cbdb' stroke-width='0.8' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:6rem;height:6rem;position:absolute;top:0;left:0}:root[data-theme=midnight-graveyard] :is(.most-op,.skill-orders):after{width:5rem;height:5rem}.theme-graves{fill:#0f1620;width:100%;height:11rem;position:absolute;bottom:0;left:0;right:0}.theme-mist{filter:blur(6px);background:linear-gradient(#0000,#aac8e11f);height:9rem;animation:16s ease-in-out infinite alternate theme-drift;position:absolute;bottom:0;left:-10%;right:-10%}@media (width<=640px){:root[data-theme=midnight-graveyard] :is(.champ-select,.most-op,.skill-orders):after{width:4rem;height:4rem}:root[data-theme=midnight-graveyard] .champ-select:before{width:3.5rem;height:3.5rem}}nav{z-index:20;border:1px solid var(--line);background:var(--panel);border-radius:1rem;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;margin:.75rem 0 1.5rem;padding:1.1rem 1.5rem;display:grid;position:sticky;top:.75rem}@supports (color:color-mix(in lab, red, red)){nav{background:color-mix(in srgb, var(--panel) 82%, transparent)}}nav{box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot), 0 .75rem 2rem #00000073;-webkit-backdrop-filter:blur(10px)}.brand{color:var(--text);font-family:var(--font-keep-display);letter-spacing:.01em;letter-spacing:.04em;font-size:1.6rem;font-weight:400;text-decoration:none}.nav-link{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;border:1px solid var(--line);background:#282016b3;border-radius:.6rem;padding:.45rem .95rem;font-weight:500}@supports (color:color-mix(in lab, red, red)){.nav-link{background:color-mix(in srgb, var(--color-keep-seam) 70%, transparent)}}.nav-link{color:var(--text);font-size:.95rem;text-decoration:none;transition:border-color .15s,background-color .15s}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:hover{border-color:var(--color-keep-dim);background:var(--color-keep-iron)}.nav-link.active{border-color:var(--ember);background:var(--ember)}@supports (color:color-mix(in lab, red, red)){.nav-link.active{background:color-mix(in srgb, var(--ember) 14%, transparent)}}.nav-pages{justify-self:end;gap:.75rem;display:flex}.map-switch{border:1px solid var(--line);background:#282016b3;border-radius:.75rem;justify-self:start;padding:.2rem;display:flex}@supports (color:color-mix(in lab, red, red)){.map-switch{background:color-mix(in srgb, var(--color-keep-seam) 70%, transparent)}}.map-tab{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:.55rem;padding:.4rem .9rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s,background-color .15s}.map-tab:hover{color:var(--text);background:var(--color-keep-iron)}.map-tab.active{border-color:var(--ember);background:var(--ember)}@supports (color:color-mix(in lab, red, red)){.map-tab.active{background:color-mix(in srgb, var(--ember) 14%, transparent)}}.map-tab.active{color:var(--text)}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:2rem 0 5rem;font-size:.75rem;line-height:1.6}.site-footer p{margin:0}.footer-social-link{color:var(--text);opacity:.85;margin-bottom:1rem;transition:opacity .2s;display:inline-flex}.footer-social-link:hover,.footer-social-link:focus-visible{opacity:1}.footer-links{flex-wrap:wrap;gap:.5rem 1.25rem;margin-bottom:1rem;display:flex}.footer-links a{color:var(--text)}.theme-selector{right:max(1rem, env(safe-area-inset-right,0px));bottom:max(1rem, env(safe-area-inset-bottom,0px));z-index:30;color:var(--text);font-size:.8rem;position:fixed}.theme-selector-button,.theme-selector-list{border:1px solid var(--line);background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.theme-selector-button,.theme-selector-list{background:color-mix(in srgb, var(--panel) 88%, transparent)}}.theme-selector-button,.theme-selector-list{box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot), 0 .5rem 1.5rem #00000073;-webkit-backdrop-filter:blur(10px)}.theme-selector-button{color:inherit;font:inherit;letter-spacing:normal;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem .9rem .7rem .75rem;transition:border-color .15s;display:flex}.theme-selector-button:hover{border-color:var(--color-keep-dim);background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.theme-selector-button:hover{background:color-mix(in srgb, var(--panel) 88%, transparent)}}.theme-selector-button:focus-visible{border-color:var(--ember);outline:2px solid var(--ember);outline-offset:2px}.theme-selector-swatch{background:var(--ember);width:.65rem;height:.65rem;box-shadow:0 0 .5rem var(--ember);border-radius:50%;flex:none}.theme-selector-label{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;letter-spacing:.06em;font-weight:500}.theme-selector-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:.7rem;height:.7rem}.theme-selector-list{border-radius:.75rem;min-width:12rem;max-height:calc(100dvh - 6rem);margin:0;padding:.35rem;list-style:none;position:absolute;bottom:calc(100% + .5rem);right:0;overflow-y:auto}.theme-selector-option{width:100%;min-height:2.75rem;box-shadow:none;color:inherit;font:inherit;letter-spacing:normal;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;padding:0 .75rem;font-size:.9rem;display:flex}.theme-selector-option:hover{background:var(--color-keep-iron)}.theme-selector-option:focus-visible{outline:2px solid var(--ember);outline-offset:-2px}.theme-selector-option[aria-pressed=true]{background:var(--ember)}@supports (color:color-mix(in lab, red, red)){.theme-selector-option[aria-pressed=true]{background:color-mix(in srgb, var(--ember) 14%, transparent)}}.theme-selector-option[aria-pressed=true]{color:var(--ember)}@media (width<=640px){.theme-selector{right:max(.75rem, env(safe-area-inset-right,0px));bottom:max(.75rem, env(safe-area-inset-bottom,0px))}.theme-selector-button{justify-content:center;width:2.75rem;height:2.75rem;padding:0}.theme-selector-swatch{width:1rem;height:1rem}.theme-selector-label,.theme-selector-value{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-selector-button svg{display:none}.theme-selector-option{font-size:1rem}}.hero{max-width:48rem;padding:7rem 0 5rem}.eyebrow{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;color:var(--ember);letter-spacing:.14em;margin:0;font-size:.9rem;font-weight:500}h1{max-width:42rem;color:var(--text);font-family:var(--font-keep-display);letter-spacing:.01em;margin:1rem 0 1.5rem;font-size:clamp(4rem,10vw,7.5rem);font-weight:400;line-height:.95}.intro{max-width:34rem;color:var(--muted);font-size:1.15rem;line-height:1.7}.actions{align-items:center;gap:2rem;margin-top:2.5rem;display:flex}button{border:1px solid var(--ember);color:var(--color-keep-stone);background:var(--ember);border-radius:0;padding:.85rem 1.2rem;box-shadow:inset 0 -3px #09070559}@supports (color:color-mix(in lab, red, red)){button{box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--color-keep-soot) 35%, transparent)}}button{cursor:pointer;font:inherit;font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;letter-spacing:.14em;font-weight:700}button:hover{background:var(--color-keep-flare)}.actions a{color:var(--text);font-weight:700;text-decoration:none}.actions a span{color:var(--ember);font-size:1.2rem}.board{border-top:1px solid var(--line);padding-bottom:6rem}.board-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:2.5rem 0 1rem;display:flex}.board-header h2{color:var(--text);font-family:var(--font-keep-display);letter-spacing:.01em;margin:.75rem 0 0;font-size:2.4rem;font-weight:400}.board-blurb{max-width:42rem;color:var(--muted);margin:0 0 2rem;font-size:.95rem;line-height:1.6}.board-message{color:var(--muted);align-items:center;gap:1.25rem;padding:2rem 0;display:flex}.board-message p{margin:0}.board-footnote{color:var(--muted);margin:1.5rem 0 0;font-size:.85rem;line-height:1.6}.rank-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.rank-list>li{border-bottom:1px solid var(--line)}.rank-list>li.open{background:#e8b33a0a}@supports (color:color-mix(in lab, red, red)){.rank-list>li.open{background:color-mix(in srgb, var(--color-keep-torch) 4%, transparent)}}.rank-row{width:100%;color:var(--text);text-align:left;background:0 0;border:0;grid-template-columns:2rem 3rem minmax(8rem,1fr) auto minmax(4rem,9rem) 1.5rem;align-items:center;gap:1.25rem;padding:1.1rem .75rem;font-weight:400;display:grid}.rank-row:hover{background:#e8b33a12}@supports (color:color-mix(in lab, red, red)){.rank-row:hover{background:color-mix(in srgb, var(--color-keep-torch) 7%, transparent)}}.rank-row:focus-visible{outline:2px solid var(--ember);outline-offset:-2px}.rank-number{font-family:var(--font-keep-display);letter-spacing:.01em;color:var(--ember);font-size:1.25rem;font-weight:400}.champion-icon{border:1px solid var(--line);object-fit:cover;width:3rem;height:3rem}.champion-icon.fallback,.item-icon.fallback{background:var(--color-keep-slab)}.rank-identity{flex-direction:column;gap:.2rem;min-width:0;display:flex}.rank-identity strong{font-size:1.05rem;font-weight:700}.rank-identity small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.rank-score{flex-direction:column;align-items:flex-end;gap:.2rem;display:flex}.rank-score strong{font-size:1.45rem;font-weight:700}.rank-score small{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;color:var(--muted);font-size:.75rem;font-weight:500}.rank-bar{background:var(--color-keep-slab);height:.35rem;display:block}.rank-bar i{background:linear-gradient(90deg, var(--color-keep-blood), var(--ember));height:100%;display:block}.rank-chevron{color:var(--ember);font-family:var(--mono);text-align:right;font-size:1.1rem}.champ-select{--lol-gold:var(--color-keep-brass);--lol-gold-bright:#fff;--lol-gold-dark:var(--color-keep-brass-dark);--lol-blue:var(--color-keep-steel);--lol-panel:var(--color-keep-stone);--lol-panel-raised:var(--color-keep-slab);--lol-muted:#fff;border:1px solid var(--color-keep-iron);background-color:var(--color-keep-slab);box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot);color:var(--lol-gold-bright);background-image:radial-gradient(ellipse at 50% 0%, #e8b33a1a, transparent 60%), linear-gradient(180deg, var(--lol-panel-raised), var(--lol-panel));margin:2.5rem 0 3rem;padding:1.5rem 1.75rem 1.75rem;position:relative}@supports (color:color-mix(in lab, red, red)){.champ-select{background-image:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--color-keep-torch) 10%, transparent), transparent 60%), linear-gradient(180deg, var(--lol-panel-raised), var(--lol-panel))}}.champ-select-header{border-bottom:1px solid var(--color-keep-brass-dark);gap:1.25rem;padding-bottom:1rem;display:grid}.champ-select-header h2{color:var(--lol-gold-bright);font-family:var(--font-keep-display);letter-spacing:.01em;letter-spacing:.04em;text-align:center;margin:0;font-size:2rem;font-weight:400}.champ-select-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.role-filters{gap:.35rem;display:flex}.role-filter{width:2.25rem;height:2.25rem;color:var(--lol-muted);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:grid}.role-filter:hover{color:var(--lol-gold-bright);background:#c9793f14}@supports (color:color-mix(in lab, red, red)){.role-filter:hover{background:color-mix(in srgb, var(--color-keep-brass) 8%, transparent)}}.role-filter.active{border-color:var(--lol-gold);color:var(--lol-gold-bright);background:#c9793f24}@supports (color:color-mix(in lab, red, red)){.role-filter.active{background:color-mix(in srgb, var(--color-keep-brass) 14%, transparent)}}.role-filter.active{box-shadow:0 0 .6rem #c9793f59}@supports (color:color-mix(in lab, red, red)){.role-filter.active{box-shadow:0 0 .6rem color-mix(in srgb, var(--color-keep-brass) 35%, transparent)}}.role-filter:focus-visible{outline:1px solid var(--ember);outline-offset:2px}.role-icon{width:1.5rem;height:1.5rem;-webkit-mask:var(--role-icon) center / contain no-repeat;-webkit-mask:var(--role-icon) center / contain no-repeat;-webkit-mask:var(--role-icon) center / contain no-repeat;-webkit-mask:var(--role-icon) center / contain no-repeat;mask:var(--role-icon) center / contain no-repeat;background:currentColor;display:block}.role-icon-all{--role-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1v22M2.47 6.5l19.06 11M2.47 17.5l19.06-11' stroke='black' stroke-width='4'/%3E%3C/svg%3E")}.champ-search{width:min(100%,15rem);display:block;position:relative}.champ-search input{border:1px solid var(--lol-gold-dark);width:100%;color:var(--lol-gold-bright);background:var(--color-keep-stone);font:inherit;border-radius:0;padding:.5rem 2.2rem .5rem .75rem;font-size:.85rem}.champ-search input::placeholder{color:var(--lol-muted)}.champ-search input:hover{border-color:var(--lol-gold)}.champ-search input:focus-visible{border-color:var(--lol-gold);outline:none;box-shadow:0 0 .5rem #c9793f4d}@supports (color:color-mix(in lab, red, red)){.champ-search input:focus-visible{box-shadow:0 0 .5rem color-mix(in srgb, var(--color-keep-brass) 30%, transparent)}}.champ-search input::-webkit-search-cancel-button{filter:sepia()saturate(2)}.champ-search svg{fill:none;width:1rem;height:1rem;stroke:var(--lol-gold);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.champ-grid-frame{margin-top:.75rem}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.champ-tile{color:var(--lol-gold-bright);flex-direction:column;align-items:center;gap:.4rem;text-decoration:none;display:flex}.champ-portrait{border:1px solid var(--lol-gold-dark);background:var(--lol-panel);width:4.5rem;height:4.5rem;padding:2px;transition:border-color .15s,box-shadow .15s;display:block;overflow:hidden}.champ-portrait img{object-fit:cover;width:100%;height:100%;transition:filter .15s;display:block;transform:scale(1.1)}.champ-tile:hover .champ-portrait,.champ-tile:focus-visible .champ-portrait{border-color:var(--lol-gold);box-shadow:0 0 .75rem #c9793f73}@supports (color:color-mix(in lab, red, red)){.champ-tile:hover .champ-portrait,.champ-tile:focus-visible .champ-portrait{box-shadow:0 0 .75rem color-mix(in srgb, var(--color-keep-brass) 45%, transparent)}}.champ-tile:hover img,.champ-tile:focus-visible img{filter:brightness(1.15)}.champ-tile:focus-visible{outline:none}.champ-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;overflow:hidden}.champ-grid-empty{color:var(--lol-muted);text-align:center;margin:0;padding:3rem 0}.champ-select .board-message{color:var(--lol-muted)}.tier-rows{margin:0;padding:0;list-style:none;display:grid}.tier-row{border-bottom:1px solid var(--color-keep-iron);grid-template-columns:7rem 1fr;align-items:center;gap:1rem;padding:1rem 0;display:grid}.tier-row:last-child{border-bottom:none;padding-bottom:0}.tier-header{border-bottom:none;padding:1rem 0 0}.tier-header .tier-badge{justify-self:center}.tier-role{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;color:var(--lol-gold);align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;display:flex}.tier-row a.tier-role{text-decoration:none}.tier-row a.tier-role:hover,.tier-row a.tier-role:focus-visible{color:var(--lol-gold-bright)}.tier-champions{grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.tier-badge{width:1.9rem;height:1.9rem;font-family:var(--font-keep-display);letter-spacing:.01em;border:2px solid;place-items:center;font-size:1.2rem;font-weight:400;display:grid}.tier-s{color:var(--color-keep-torch);background:#e8b33a1f}@supports (color:color-mix(in lab, red, red)){.tier-s{background:color-mix(in srgb, var(--color-keep-torch) 12%, transparent)}}.tier-s{box-shadow:0 0 .75rem #e8b33a73}@supports (color:color-mix(in lab, red, red)){.tier-s{box-shadow:0 0 .75rem color-mix(in srgb, var(--color-keep-torch) 45%, transparent)}}.tier-a{color:var(--lol-gold);background:#c9793f1f}@supports (color:color-mix(in lab, red, red)){.tier-a{background:color-mix(in srgb, var(--color-keep-brass) 12%, transparent)}}.tier-b{color:var(--lol-blue);background:#7fa6c41a}@supports (color:color-mix(in lab, red, red)){.tier-b{background:color-mix(in srgb, var(--color-keep-steel) 10%, transparent)}}.tier-stats{flex-wrap:wrap;justify-content:center;gap:.1rem .55rem;max-width:100%;display:flex}.tier-stat{color:var(--champion-name);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:.2rem;font-size:.68rem;display:inline-flex}.tier-stat-icon{fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:.7rem;height:.7rem}.champ-grid .tier-stats{flex-direction:column;align-items:center}.tier-stat-icon-dps{stroke:var(--ember)}.tier-stat-icon-survival{stroke:var(--quadrant-best);fill:var(--quadrant-best)}@supports (color:color-mix(in lab, red, red)){.tier-stat-icon-survival{fill:color-mix(in srgb, var(--quadrant-best) 25%, transparent)}}.tier-role-section{border-bottom:1px solid var(--color-keep-iron);padding:1.25rem 0}.tier-role-section:last-child{border-bottom:none;padding-bottom:0}.tier-role-section .tier-role{margin:0 0 .9rem}.tier-role-link{display:inherit;align-items:inherit;gap:inherit;color:inherit;text-decoration:none}.tier-role-link:hover,.tier-role-link:focus-visible{color:var(--lol-gold-bright)}.tier-list-link{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;color:var(--lol-gold);justify-self:center;font-size:.9rem;font-weight:500;text-decoration:none}.tier-list-link:hover,.tier-list-link:focus-visible{color:var(--lol-gold-bright)}.aram-builds{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.aram-builds-header h2{font-family:var(--font-keep-display);letter-spacing:.01em;letter-spacing:.04em;margin:0 0 .5rem;font-size:2rem;font-weight:400}.aram-builds-header p{color:var(--muted);margin:0}.skill-orders{--skill-q:var(--color-keep-torch);--skill-w:var(--color-keep-steel);--skill-e:var(--color-keep-moss);--skill-r:var(--color-keep-wound);border:1px solid var(--color-keep-iron);background-color:var(--color-keep-slab);box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot);gap:1.1rem;margin:2.5rem 0;padding:1.5rem 1.75rem;display:grid}.skill-orders-header{border-bottom:1px solid var(--color-keep-brass-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding-bottom:.9rem;display:flex}.skill-orders-header h2{font-family:var(--font-keep-display);letter-spacing:.01em;letter-spacing:.04em;margin:0;font-size:1.6rem;font-weight:400}.skill-orders-header p{color:var(--color-keep-ash);margin:0;font-size:.9rem}.skill-order{grid-template-columns:auto 1fr;align-items:center;gap:.9rem 1.25rem;display:grid}.skill-order-label{color:var(--text);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.skill-max-order{flex-wrap:wrap;align-items:center;gap:.5rem .4rem;margin:0;padding:0;list-style:none;display:flex}.skill-max-order li+li:before{content:"›";color:var(--color-keep-dim);margin-right:.4rem;font-size:1.3rem}.skill-max-order li{align-items:center;display:inline-flex}.skill-max-order .hover-tip{align-items:center;gap:.55rem;display:inline-flex}.skill-icon{border:2px solid var(--skill-slot);background:var(--color-keep-stone);width:2.6rem;height:2.6rem;box-shadow:0 0 .6rem var(--skill-slot);border-radius:6px;flex:none;place-items:center;display:inline-grid;position:relative}@supports (color:color-mix(in lab, red, red)){.skill-icon{box-shadow:0 0 .6rem color-mix(in srgb, var(--skill-slot) 35%, transparent)}}.skill-icon img{object-fit:cover;border-radius:4px;width:100%;height:100%}.skill-icon.skill-q{--skill-slot:var(--skill-q)}.skill-icon.skill-w{--skill-slot:var(--skill-w)}.skill-icon.skill-e{--skill-slot:var(--skill-e)}.skill-icon.skill-r{--skill-slot:var(--skill-r)}.skill-icon .skill-key{border:1px solid var(--color-keep-soot);background:var(--skill-slot);width:1.15rem;height:1.15rem;color:var(--color-keep-soot);font-size:.7rem;position:absolute;bottom:-.45rem;right:-.45rem}.skill-key{width:1.75rem;height:1.75rem;color:var(--color-keep-soot);border-radius:3px;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.skill-sequence{flex-wrap:wrap;row-gap:6px;margin:0;padding:0;list-style:none;display:flex}.skill-sequence li{align-items:center;display:inline-flex}.skill-sequence li+li:before{content:"›";color:var(--color-keep-dim);margin:0 3px;font-size:.95rem;line-height:1}.skill-sequence .skill-icon{width:2rem;height:2rem;box-shadow:none;border-width:1px;border-radius:4px}.skill-sequence .skill-icon img{border-radius:3px}.skill-sequence .skill-icon .skill-key{border:0;border-radius:3px 0;width:.85rem;height:.85rem;font-size:.55rem;bottom:0;right:0}.skill-order-stats{flex-wrap:wrap;gap:.6rem 1.25rem;margin:0;display:flex}.skill-order-stat{gap:.15rem;display:grid}.skill-order-stat dt{color:var(--color-keep-ash);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem}.skill-order-stat dd{color:var(--text);font-variant-numeric:tabular-nums;margin:0;font-size:.95rem;font-weight:600}@media (width<=640px){.skill-orders{padding:1.1rem 1rem}.skill-order{grid-template-columns:1fr;row-gap:.4rem}}.champ-tile.current .champ-portrait{border-color:var(--lol-gold);box-shadow:0 0 .75rem #c9793f99}@supports (color:color-mix(in lab, red, red)){.champ-tile.current .champ-portrait{box-shadow:0 0 .75rem color-mix(in srgb, var(--color-keep-brass) 60%, transparent)}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.champ-select{padding:1rem}.champ-select-controls{flex-direction:column;align-items:stretch}.role-filters{justify-content:center}.champ-search{width:100%}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(4.25rem,1fr));gap:.5rem}.champ-portrait{width:3.75rem;height:3.75rem}.tier-row{grid-template-columns:1fr;gap:.6rem}.tier-header>span{display:none}.tier-champions{gap:.35rem}.tier-champions .champ-portrait{aspect-ratio:1;width:100%;max-width:3.75rem;height:auto}}.detail-section{margin-bottom:2.25rem}.detail-section h4{color:var(--text);font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;letter-spacing:.12em;flex-wrap:wrap;align-items:baseline;gap:.75rem;margin:0 0 1rem;font-size:.95rem;font-weight:500;display:flex}.section-note{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-transform:none;font-size:.72rem;font-weight:400}.item-icon{border:1px solid var(--line);flex:none;width:2rem;height:2rem}.component-path{border-bottom:1px solid var(--line);counter-reset:component-step;gap:.3rem;margin:0 0 .6rem;padding:0 0 .6rem;list-style:none;display:grid}.component-path li{counter-increment:component-step;grid-template-columns:1.1rem 1.4rem 1fr auto;align-items:center;gap:.45rem;font-size:.75rem;display:grid}.component-path li:before{content:counter(component-step);color:var(--muted);font-family:var(--mono);font-size:.68rem}.component-path .item-icon{width:1.4rem;height:1.4rem}.component-path li:last-child{color:var(--ember)}.component-path-gold{color:var(--muted);font-family:var(--mono);font-size:.68rem}.component-path-note{color:var(--muted);margin-bottom:.5rem;font-size:.72rem;display:block}.item-name{font-size:.85rem}.gain-table{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:var(--color-keep-stone);table-layout:fixed;border-radius:4px;width:100%;overflow:hidden}.gain-table-item{width:32%}.gain-table th,.gain-table td{text-align:left;vertical-align:middle;padding:.5rem .9rem}.gain-table thead th{border-bottom:1px solid var(--line);background:var(--color-keep-slab);color:var(--muted);font-family:var(--mono);letter-spacing:.08em;padding-top:.7rem;padding-bottom:.6rem;font-size:.7rem;font-weight:500}.gain-table thead th.share-dps,.gain-table thead th.share-survival{color:var(--share-tone);box-shadow:inset 0 2px 0 var(--share-tone)}.gain-table tbody th{font-weight:400}.gain-table tbody tr+tr>*{border-top:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.gain-table tbody tr+tr>*{border-top:1px solid color-mix(in srgb, var(--line) 55%, transparent)}}.gain-table tbody tr:hover>*{background:var(--color-keep-slab)}.gain-table tfoot>tr>*{border-top:1px solid var(--line);background:var(--color-keep-slab)}.gain-table tfoot .item-name{letter-spacing:.04em;font-weight:700}.gain-table th>.hover-tip{min-width:0;display:block}.gain-table td:nth-child(2){--share-tone:var(--ember)}.gain-table td:nth-child(3){--share-tone:var(--quadrant-best)}.gain-cell{border-left:1px solid var(--line)}@supports (color:color-mix(in lab, red, red)){.gain-cell{border-left:1px solid color-mix(in srgb, var(--line) 55%, transparent)}}.gain-item{align-items:center;gap:.65rem;min-width:0;display:flex}.gain-item>span:last-child{min-width:0}.gain-item .item-name{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.gain-item-meta{color:var(--muted);font-family:var(--mono);font-size:.66rem;display:block}.gain-cell-body{grid-template-columns:minmax(0,1fr) 5.25rem;align-items:center;gap:.9rem;display:grid}.gain-track{background:var(--color-keep-seam);border-radius:999px;height:.6rem;position:relative}.gain-track i{border-radius:999px;position:absolute;top:0;bottom:0}.gain-carry{background:var(--color-keep-rivet)}.gain-added{background:var(--share-tone);box-shadow:-2px 0 0 var(--color-keep-stone)}.loss .gain-added{background:repeating-linear-gradient(135deg, var(--color-keep-ash) 0 3px, var(--color-keep-rivet) 3px 6px)}.gain-base{background:var(--color-keep-tallow)}.gain-start .gain-base{background:var(--color-keep-dim)}.gain-value{font-family:var(--mono);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;line-height:1.25;display:flex}.gain-value strong{font-size:.92rem}.gain-value span{color:var(--muted);font-size:.66rem}.gain-step strong{color:var(--share-tone)}.gain-step.loss strong{color:var(--color-keep-wound)}@media (width<=640px){.gain-table-item{width:36%}.gain-table th,.gain-table td{padding:.45rem .5rem}.gain-item{gap:.4rem}.gain-item .item-icon{width:1.5rem;height:1.5rem}.gain-item .item-name{white-space:normal;font-size:.72rem}.gain-item-meta{display:none}.gain-cell-body{grid-template-columns:minmax(0,1fr);gap:.3rem}.gain-value{flex-direction:row;justify-content:space-between;align-items:baseline;gap:.3rem}}.note{max-width:40rem;color:var(--muted);margin:1rem 0 0;font-size:.82rem;line-height:1.6}.ability-table{border-collapse:collapse;width:100%;font-size:.88rem}.ability-table th{border-bottom:1px solid var(--line);font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;color:var(--muted);text-align:left;padding:.5rem .6rem;font-size:.8rem;font-weight:500}.ability-table td{border-bottom:1px solid var(--line);padding:.55rem .6rem}.ability-table td:nth-child(n+3){font-family:var(--mono)}.ability-table .slot{color:var(--ember);font-family:var(--mono);font-weight:700}.damage-mix{gap:.75rem;margin:0 0 1.25rem;display:grid}.damage-mix-track{background:var(--color-keep-slab);border:1px solid var(--line);height:.55rem;display:flex;overflow:hidden}.damage-mix-track i{height:100%;display:block}.kind-auto{background:var(--ember)}.kind-ability{background:var(--color-keep-tallow)}.kind-item{background:var(--color-keep-moss)}.damage-mix-legend{flex-wrap:wrap;gap:.75rem 1.5rem;margin:0;padding:0;list-style:none;display:flex}.damage-mix-legend li{color:var(--muted);align-items:baseline;gap:.45rem;font-size:.85rem;display:flex}.damage-mix-legend i{flex:none;width:.55rem;height:.55rem}.damage-mix-legend strong{color:var(--text);font-family:var(--mono);font-weight:700}.rune-page{gap:.8rem;display:grid}.rune-tree{grid-template-columns:8rem 1fr;align-items:center;gap:.75rem;display:grid}.rune-label{color:var(--muted);align-items:center;gap:.45rem;font-size:.8rem;display:flex}.rune-list{flex-wrap:wrap;align-items:center;gap:.5rem 1.1rem;margin:0;padding:0;list-style:none;display:flex}.rune-list li{align-items:center;gap:.45rem;display:flex}.rune-name{font-size:.88rem}.rune-icon{border-radius:50%;flex:none;width:1.75rem;height:1.75rem}.rune-icon.large{width:2.75rem;height:2.75rem}.rune-label .rune-icon{width:1.25rem;height:1.25rem}.rune-list.shards .rune-icon{background:var(--color-keep-stone);width:1.4rem;height:1.4rem}.rune-icon.fallback{border:1px solid var(--line);display:inline-block}@media (width<=640px){.rune-tree{grid-template-columns:1fr;gap:.4rem}}.assumptions{color:var(--muted);font-size:.82rem}.assumptions summary{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;cursor:pointer;color:var(--text);font-size:.9rem;font-weight:500}.assumptions ul{margin:1rem 0 0;padding-left:1.1rem}.assumptions li{margin-bottom:.6rem;line-height:1.6}.champion-page{padding:4rem 0 6rem}.champion-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;padding-bottom:2rem;display:flex}.champion-title{align-items:center;gap:1.5rem;display:flex}.champion-title>img{border:1px solid var(--line);object-fit:cover;width:6rem;height:6rem}.champion-title h1{margin:.55rem 0 0;font-size:clamp(3rem,8vw,5.5rem)}.champion-title p:last-child{color:var(--muted);text-transform:capitalize;margin:.75rem 0 0}.champion-op-score{border:1px solid var(--color-keep-iron);background-color:var(--color-keep-slab);box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot);align-items:center;gap:1.5rem;padding:1rem 1.5rem;display:flex}.champion-op-score>.hover-tip{cursor:help;align-items:flex-start}.champion-op-score-value{text-align:center;display:grid}.champion-op-score-info{width:1.1rem;height:1.1rem;color:var(--muted);border:1px solid;border-radius:50%;place-items:center;font-size:.7rem;font-style:italic;font-weight:700;line-height:1;display:inline-grid}.champion-op-score>.hover-tip:hover .champion-op-score-info,.champion-op-score-info:focus-visible{color:var(--ember)}.champion-op-score-formula{color:var(--text);font-family:var(--mono);margin-bottom:.35rem}.champion-op-score-value strong{color:var(--ember);font-family:var(--font-keep-display);letter-spacing:.01em;font-size:2.2rem;font-weight:700;line-height:1}.champion-op-score-value span,.champion-op-score-ranks{color:var(--muted);font-size:.85rem}.champion-op-score-ranks{border-left:1px solid var(--line);gap:.35rem;margin:0;padding:0 0 0 1.5rem;list-style:none;display:grid}.champion-op-score-ranks li{justify-content:space-between;gap:1rem;display:flex}.champion-op-score-scope{align-items:center;gap:.4rem;display:flex}.champion-op-score-scope .role-icon{width:1rem;height:1rem}.champion-op-score-ranks strong{color:var(--text)}.page-loading,.page-error,.page-message{color:var(--muted);padding:3rem 0}.page-loading strong{color:var(--text)}.page-error{color:var(--color-keep-wound)}.page-message h1{margin-top:1rem;font-size:clamp(3rem,8vw,5rem)}.page-message a{color:var(--ember)}.info-page{max-width:46rem;padding:2.5rem 0 3rem;line-height:1.7}.info-page h1{margin:0 0 1rem;font-size:clamp(2rem,5vw,2.75rem)}.info-page h2{margin:2rem 0 .5rem;font-size:1.25rem}.info-page p,.info-page ul{color:var(--muted);margin:0 0 1rem}.info-page a{color:var(--ember)}.info-page-date{font-size:.875rem}.how-it-works{margin:2.5rem 0 0}.how-it-works-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem 2rem;margin-bottom:1.25rem;display:flex}.how-it-works h2{color:var(--text);font-family:var(--font-keep-display);letter-spacing:.01em;margin:0;font-size:2.2rem;font-weight:400}.median-gains{flex-wrap:wrap;gap:1rem 2rem;display:flex}.median-gain{align-items:center;gap:.85rem;margin:0;display:flex}.median-gain strong{color:var(--ember);font-family:var(--font-keep-display);letter-spacing:.01em;font-size:2.2rem;font-weight:700;line-height:1}.median-gain span{border-left:1px solid var(--line);color:var(--muted);padding-left:.85rem;font-size:.85rem;line-height:1.35}.how-it-works-steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.how-it-works-steps li{border:1px solid var(--color-keep-iron);background-color:var(--color-keep-slab);box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot);color:var(--muted);counter-increment:step;padding:1.25rem 1.5rem;font-size:1rem;line-height:1.6}.how-it-works-steps li:before{content:counter(step);color:var(--ember);font-family:var(--font-keep-display);letter-spacing:.01em;margin-bottom:.35rem;font-size:1.6rem;font-weight:400;line-height:1;display:block}.how-it-works.compact{margin:0 0 2rem}.how-it-works.compact .how-it-works-header{margin-bottom:1rem}.how-it-works.compact h2{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;letter-spacing:.12em;font-size:.95rem;font-weight:500}.how-it-works.compact .how-it-works-steps li{padding:.9rem 1.1rem;font-size:.85rem}@media (width<=900px){.how-it-works-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}.most-op{--lol-gold:var(--color-keep-brass);--lol-gold-dark:var(--color-keep-brass-dark);--lol-panel:var(--color-keep-stone);border:1px solid var(--color-keep-iron);background-color:var(--color-keep-slab);box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:1rem 2rem;margin:2.5rem 0 0;padding:1.25rem 1.5rem;display:grid}.most-op-champion{color:var(--text);align-items:center;gap:1rem;text-decoration:none;display:flex}.most-op-champion .champ-portrait{flex:none}.most-op-champion:hover .champ-portrait,.most-op-champion:focus-visible .champ-portrait{border-color:var(--lol-gold)}.most-op-label{color:var(--muted);font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;font-weight:500;display:block}.most-op-name{font-family:var(--font-keep-display);letter-spacing:.01em;font-size:1.8rem;font-weight:400;line-height:1.1;display:block}.most-op-score{text-align:center;margin:0;display:grid}.most-op-score strong{color:var(--ember);font-family:var(--font-keep-display);letter-spacing:.01em;font-size:2.2rem;font-weight:700;line-height:1}.most-op-score span{color:var(--muted);font-size:.85rem}.most-op-explanation{border-left:1px solid var(--line);color:var(--muted);margin:0;padding-left:2rem;font-size:.95rem;line-height:1.6}@media (width<=700px){.most-op{grid-template-columns:1fr auto;padding:1rem}.most-op-score strong{font-size:1.8rem}.most-op-explanation{border-left:0;grid-column:1/-1;padding-left:0}}@media (width<=640px){.how-it-works-steps{grid-template-columns:1fr}}@media (width<=760px){.rank-row{grid-template-columns:1.5rem 2.5rem minmax(6rem,1fr) auto 1.25rem;gap:.75rem}.rank-bar{display:none}.champion-icon{width:2.5rem;height:2.5rem}}@media (width<=640px){nav{border-radius:.85rem;flex-wrap:wrap;justify-content:center;gap:.6rem .75rem;margin-top:.5rem;padding:.75rem;display:flex;top:.5rem}.brand{text-align:center;order:-1;width:100%;font-size:1.25rem}.nav-pages{gap:.5rem}.nav-link{letter-spacing:.04em;white-space:nowrap;padding:.35rem .6rem;font-size:.8rem}.map-tab{letter-spacing:.04em;padding:.3rem .6rem;font-size:.8rem}.hero{padding:4.5rem 0 3.5rem}@media (width<=380px){nav{gap:.5rem;padding:.6rem .5rem}.brand{font-size:1.05rem}.nav-link{letter-spacing:0;padding:.3rem .5rem;font-size:.75rem}.map-tab{letter-spacing:0;padding:.3rem .45rem;font-size:.75rem}}.actions{flex-direction:column;align-items:flex-start;gap:1rem}.board-header,.champion-page-header{flex-direction:column;align-items:flex-start}.champion-page{padding-top:2.5rem}.champion-title{align-items:flex-start}.champion-title>img{width:4rem;height:4rem}.rank-row{padding-left:0;padding-right:0}}.duel-report{margin-top:4rem}.duel-result-title{margin-bottom:1.5rem}.duel-result-title h2{color:var(--text);font-family:var(--font-keep-display);letter-spacing:.01em;margin:.5rem 0;font-size:3rem;font-weight:400}.duel-sides{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.duel-sides article{border:1px solid var(--color-keep-iron);background-color:var(--color-keep-slab);box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot);padding:1.5rem}.duel-sides article.winner{border-color:var(--ember);box-shadow:inset 0 3px var(--ember), 0 0 1rem #e8b33a40}@supports (color:color-mix(in lab, red, red)){.duel-sides article.winner{box-shadow:inset 0 3px var(--ember), 0 0 1rem color-mix(in srgb, var(--color-keep-torch) 25%, transparent)}}.duel-sides h3{color:var(--text);font-family:var(--font-keep-display);letter-spacing:.01em;margin:0;font-size:2rem;font-weight:400}.duel-health{color:var(--muted)}.duel-health strong{color:var(--text);font-family:var(--mono)}.health-track{background:var(--color-keep-seam);height:.45rem;margin:1rem 0 1.5rem}.health-track i{background:var(--color-keep-moss);height:100%;display:block}.duel-build{grid-template-columns:repeat(3,1fr);gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.duel-build li{min-width:0;color:var(--muted);text-align:center;font-size:.68rem}.duel-build img{width:3rem;height:3rem;margin:0 auto .35rem;display:block}.duel-build span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.duel-timeline-wrap{border:1px solid var(--line);max-height:34rem;overflow:auto}.duel-timeline{table-layout:fixed;width:100%;margin:0}.duel-timeline thead{z-index:1;background:var(--color-keep-stone);position:sticky;top:0}.duel-timeline th:first-child,.duel-timeline .tick-time{width:5.5rem}.duel-timeline td{vertical-align:top}.duel-route-section{margin-top:3rem}.duel-route th:first-child{width:4rem}.duel-route th:last-child{width:7rem}.duel-route td{vertical-align:top}.duel-route td strong{min-width:1.5rem;color:var(--ember);font-family:var(--mono);display:inline-block}.duel-route td span{color:var(--muted);margin-top:.25rem;font-size:.72rem;display:block}.tick-time{color:var(--muted);font-family:var(--mono);font-size:.8rem}.tick-idle{color:var(--text);text-align:center;margin:0}.tick-actions{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.tick-actions li{gap:.15rem;display:grid}.tick-headline{align-items:center;gap:.4rem;display:flex}.tick-action{font-size:.85rem;font-weight:700}.tick-metrics{font-family:var(--mono);flex-wrap:wrap;gap:.5rem;padding-left:1.6rem;font-size:.7rem;font-style:normal;display:flex}.tick-metrics em{font-style:normal}.tick-damage{color:var(--color-keep-wound)}.tick-heal{color:var(--color-keep-moss)}.tick-shield{color:var(--color-keep-steel)}.tick-health{color:var(--muted)}.tick-glyph{border:1px solid var(--line);background:var(--color-keep-stone);flex:none;width:1.2rem;height:1.2rem}.tick-glyph.item{border-color:var(--color-keep-brass-dark)}.tick-glyph.empty{opacity:.5;border-style:dashed}.tick-glyph.attack{color:var(--muted);place-items:center;font-size:.7rem;line-height:1;display:grid}.tick-state{border-top:1px dashed var(--line);font-family:var(--mono);grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem .6rem;margin:.5rem 0 0;padding-top:.4rem;font-size:.66rem;display:grid}.tick-state.down{opacity:.55}.tick-state>div{align-items:baseline;gap:.35rem;min-width:0;display:flex}.tick-state dt{color:var(--text);letter-spacing:.06em}.tick-state dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.tick-state dd span{color:var(--muted)}.tick-state .tick-hp{flex-wrap:wrap;grid-column:1/-1}.tick-hp-track{background:var(--color-keep-seam);flex:4rem;min-width:3rem;height:.3rem}.tick-hp-track i{background:var(--color-keep-moss);height:100%;display:block}.tick-state.down .tick-hp-track i{background:var(--color-keep-wound)}@media (width<=800px){.duel-sides{grid-template-columns:1fr}.tick-state{grid-template-columns:minmax(0,1fr)}}.source-label{align-items:center;gap:.5rem;display:inline-flex}.source-tag{border:1px solid var(--line);min-width:1.6rem;color:var(--ember);font-family:var(--mono);text-align:center;text-transform:uppercase;white-space:nowrap;padding:.1rem .3rem;font-size:.75rem}.satchel-glyph{vertical-align:-.15rem;fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:.9rem;height:.9rem}.source-label>.item-icon{width:1.6rem;height:1.6rem}.source-count{color:var(--ember);font-family:var(--mono);white-space:nowrap}.ability-icon{border:1px solid var(--line);object-fit:cover;flex:none;width:1.6rem;height:1.6rem}.ability-icon.attack{color:var(--ember);justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.hover-tip{align-items:center;gap:.45rem;display:inline-flex}.hover-tip-card{z-index:100;border:1px solid var(--line);background:var(--color-keep-stone);width:18rem;max-width:min(18rem,100vw - 16px);max-height:calc(100vh - 16px);color:var(--text);text-align:left;white-space:pre-wrap;padding:.7rem .8rem;display:block;position:fixed;overflow-y:auto;box-shadow:0 .6rem 1.4rem #00000073}.hover-tip-card strong{color:var(--ember);margin-bottom:.35rem;font-size:.8rem;display:block}.hover-tip-title-note{color:var(--muted);font-family:var(--mono);margin-left:.5rem;font-weight:400}.hover-tip-body{color:var(--muted);font-size:.75rem;font-weight:400;line-height:1.4;display:block}.duel-build .hover-tip{flex-direction:column;align-items:center;min-width:0;display:flex}.series-calculated{--series:var(--series-calculated)}.series-popular{--series:var(--series-popular)}.series-swatch{background:var(--series);border-radius:2px;flex:none;width:.75rem;height:.75rem;display:inline-block}.build-gap{border-top:1px solid var(--line);margin:1rem 0 0;padding:2.5rem .75rem 1rem}.gap-hero{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:1.25rem 0 1.5rem;display:flex}.gap-hero strong{color:var(--text);font-size:clamp(3rem,8vw,4.5rem);font-weight:700;line-height:1}.gap-hero strong.negative{color:var(--muted)}.gap-hero p,.gap-hero-text{max-width:28rem;color:var(--text);margin:0;font-size:1rem;line-height:1.5;display:block}.gap-hero p span,.gap-hero-text span{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;margin-top:.35rem;font-size:.72rem;display:block}.gap-build{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding:.85rem 0;display:flex}.gap-build-label{flex-wrap:wrap;align-items:center;gap:.35rem .6rem;display:flex}.gap-build-label strong{font-size:.9rem}.gap-method{max-width:48rem;color:var(--muted);margin:1rem 0 0;font-size:.8rem;line-height:1.6}.build-view{margin:.75rem 0;font-size:.8rem}.build-view-row{border:0;min-width:0;margin:0;padding:0}.build-view-row legend{color:var(--muted);margin-bottom:.4rem;padding:0}.build-view-track{--accent:var(--color-keep-torch);--slant:-18deg;background:var(--color-keep-soot);border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(4,minmax(0,1fr));width:min(100%,30rem);display:grid;position:relative;overflow:hidden}.build-view-track:has(input:focus-visible){outline:2px solid var(--ember);outline-offset:2px}.build-view-track[data-view=combined_ad]{--accent:var(--color-keep-wound)}.build-view-track[data-view=combined_ap]{--accent:var(--color-keep-steel)}.build-view-track[data-view=burst]{--accent:var(--color-keep-flare)}.build-view-thumb{width:25%;transform:translateX(calc(var(--stop) * 100%));transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:0 auto 0 0}.build-view-thumb:before{content:"";background:var(--accent);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.build-view-thumb:before{background:color-mix(in srgb, var(--accent) 34%, var(--color-keep-stone))}}.build-view-thumb:before{transform:skewX(var(--slant));transition:background .2s}.build-view-track[data-view=combined_ad] .build-view-thumb:before{left:-1rem}.build-view-track[data-view=burst] .build-view-thumb:before{right:-1rem}.build-view-stop{color:var(--color-keep-dim);cursor:pointer;letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;gap:.35rem;padding:.35rem .7rem;transition:color .2s;display:flex;position:relative}.build-view-stop+.build-view-stop:before{content:"";background:var(--line);width:1px;transform:skewX(var(--slant));pointer-events:none;position:absolute;inset:0 auto 0 0}.build-view-stop:hover{color:var(--color-keep-tallow)}.build-view-stop:has(input:checked){color:var(--text);font-weight:600}@media (width<=480px){.build-view-stop{letter-spacing:0;padding-inline:.3rem;font-size:.75rem}}.build-view-recommended{background:var(--color-keep-flare);width:5px;height:5px;box-shadow:0 0 5px var(--color-keep-flare);border-radius:50%}.build-class-details summary:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.build-class-details{margin-top:.4rem}.build-class-details summary{cursor:pointer;width:fit-content;color:var(--muted);font-size:.8rem}.build-class-details .eyebrow{margin:1rem 0 0}.build-class-scores{flex-wrap:wrap;gap:1.25rem;display:flex}.build-class-scores dt{color:var(--muted);font-size:.75rem}.build-class-scores dd{font-family:var(--mono);margin:.3rem 0 0}.frontier-placeholder{flex-direction:column;display:flex}.frontier-placeholder .eyebrow{margin:0}.frontier-placeholder-plot{background:var(--color-keep-stone);border:1px solid var(--line);border-radius:6px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;min-height:0;margin-top:.75rem;display:flex;position:relative;overflow:hidden}.frontier-placeholder-plot:before{content:"";background:linear-gradient(100deg,#0000 30%,#dccb9f0f 50%,#0000 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.frontier-placeholder-plot:before{background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--color-keep-tallow) 6%, transparent) 50%, transparent 70%)}}.frontier-placeholder-plot:before{animation:1.6s ease-in-out infinite frontier-shimmer;transform:translate(-100%)}.frontier-placeholder-spinner{border:2px solid var(--line);border-top-color:var(--ember);border-radius:50%;width:1.5rem;height:1.5rem;animation:.9s linear infinite custom-spin}.frontier-placeholder-message{max-width:26rem;color:var(--color-keep-ash);text-align:center;margin:0;padding:0 1rem;font-size:.8rem;position:relative}.frontier-placeholder,.frontier-ready{animation:.22s ease-out frontier-fade-in}@keyframes frontier-shimmer{to{transform:translate(100%)}}@keyframes frontier-fade-in{0%{opacity:0}}.frontier-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.5rem;display:flex}.dummy-stats{gap:.2rem;margin:0;font-size:.75rem;display:grid}.dummy-stats>div{flex-wrap:wrap;gap:0 .6rem;display:flex}.dummy-stats dt{color:var(--muted)}.dummy-stats dd{font-family:var(--mono);margin:0}.frontier-builds{margin:.75rem 0 0;padding:0;list-style:none}.frontier-builds>.gap-build.active{background:#e8b33a12}@supports (color:color-mix(in lab, red, red)){.frontier-builds>.gap-build.active{background:color-mix(in srgb, var(--color-keep-torch) 7%, transparent)}}.frontier-loadout{justify-items:end;gap:.35rem;display:grid}.frontier-loadout .rune-loadout-group:last-child{padding-right:0}@media (width<=640px){.frontier-loadout{justify-items:start}}.frontier-chain{--frontier-chain-gap:1.1rem;align-items:center;gap:var(--frontier-chain-gap);margin:0;padding:.35rem .5rem .45rem 0;list-style:none;display:flex}@media (width<=640px){.frontier-chain{--frontier-chain-gap:.85rem}}.frontier-chain-step{display:flex;position:relative}.frontier-chain-step>.hover-tip{display:block;position:relative}.frontier-chain-step .item-icon{border-color:var(--color-keep-rivet);border-radius:4px;width:2.5rem;height:2.5rem;transition:transform .12s,border-color .12s,box-shadow .12s;display:block;box-shadow:0 2px 6px #00000073}.frontier-chain-step:hover .item-icon{border-color:var(--ember);box-shadow:0 0 0 1px var(--ember), 0 4px 12px var(--ember)}@supports (color:color-mix(in lab, red, red)){.frontier-chain-step:hover .item-icon{box-shadow:0 0 0 1px var(--ember), 0 4px 12px color-mix(in srgb, var(--ember) 30%, transparent)}}.frontier-chain-step:hover .item-icon{transform:translateY(-2px)}.frontier-chain-step+.frontier-chain-step:before{content:"";width:calc(var(--frontier-chain-gap) - 8px);background:linear-gradient(to right, var(--ember), var(--ember));height:1px;position:absolute;top:50%;right:calc(100% + 5px)}@supports (color:color-mix(in lab, red, red)){.frontier-chain-step+.frontier-chain-step:before{background:linear-gradient(to right, color-mix(in srgb, var(--ember) 15%, transparent), var(--ember))}}.frontier-chain-step+.frontier-chain-step:after{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-left:4px solid var(--ember);position:absolute;top:calc(50% - 3px);right:calc(100% + 2px);transform:translateY(.5px)}.frontier-chain-index{border:1px solid var(--ember);background:var(--color-keep-soot);min-width:1.05rem;height:1.05rem;color:var(--ember);font-family:var(--mono);border-radius:999px;place-items:center;padding:0 .2rem;font-size:.6rem;font-weight:700;line-height:1;display:grid;position:absolute;bottom:-.4rem;right:-.4rem}.frontier-gold{border:1px solid #c9793f8c;align-items:center;gap:.35rem;padding:.15rem .55rem .15rem .35rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.frontier-gold{border:1px solid color-mix(in srgb, var(--color-keep-brass) 55%, transparent)}}.frontier-gold{background:#c9793f1f;border-radius:999px}@supports (color:color-mix(in lab, red, red)){.frontier-gold{background:color-mix(in srgb, var(--color-keep-brass) 12%, transparent)}}.frontier-gold{color:var(--color-keep-flare);font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:700}.frontier-gold>.gold-coin{width:1rem;height:1rem}@media (width>=641px){.frontier-builds .gap-build-label>strong{min-width:8.5rem}}.frontier-shares{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-left:.4rem;display:flex}.share-meter{font-family:var(--mono);align-items:center;gap:.5rem;font-size:.72rem;display:inline-flex}.share-meter-label{color:#fff;letter-spacing:.04em}.share-meter-track{background:var(--color-keep-seam);border-radius:999px;width:4.5rem;height:.4rem;position:relative;overflow:hidden}.share-meter-track>i{border-radius:inherit;background:var(--share-tone);position:absolute;inset:0 auto 0 0}.share-meter strong{min-width:2.4rem;color:var(--share-tone);text-align:right;font-size:.8rem}@media (width<=640px){.frontier-shares{flex-basis:100%;gap:.4rem;margin-left:0;display:grid}.share-meter-label{min-width:5.6rem}.share-meter-track{flex:1}}.share-dps{--share-tone:var(--ember)}.share-survival{--share-tone:var(--quadrant-best)}.frontier-toggle{border:1px solid var(--line);background:var(--color-keep-slab);box-shadow:inset 0 1px 0 var(--color-keep-rivet);color:var(--text);font-family:var(--mono);letter-spacing:.04em;text-align:left;border-radius:6px;flex-basis:100%;align-items:center;gap:.75rem;padding:.55rem .9rem .55rem .55rem;font-size:.76rem;font-weight:500;transition:border-color .12s,background-color .12s;display:flex}.frontier-toggle:hover{border-color:var(--ember);background:var(--ember)}@supports (color:color-mix(in lab, red, red)){.frontier-toggle:hover{background:color-mix(in srgb, var(--ember) 10%, var(--color-keep-slab))}}.frontier-toggle:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.frontier-toggle[aria-expanded=true]{border-color:var(--ember)}@supports (color:color-mix(in lab, red, red)){.frontier-toggle[aria-expanded=true]{border-color:color-mix(in srgb, var(--ember) 60%, var(--line))}}.frontier-toggle[aria-expanded=true]{background:var(--ember)}@supports (color:color-mix(in lab, red, red)){.frontier-toggle[aria-expanded=true]{background:color-mix(in srgb, var(--ember) 8%, var(--color-keep-slab))}}.frontier-toggle-badge{border:1px solid var(--ember);background:var(--ember);border-radius:999px;flex:none;place-items:center;width:1.6rem;height:1.6rem;display:grid}@supports (color:color-mix(in lab, red, red)){.frontier-toggle-badge{background:color-mix(in srgb, var(--ember) 16%, transparent)}}.frontier-toggle-badge{color:var(--ember)}.frontier-toggle:hover .frontier-toggle-badge,.frontier-toggle[aria-expanded=true] .frontier-toggle-badge{background:var(--ember);color:var(--color-keep-soot)}.frontier-toggle-chevron{border-bottom:2px solid;border-right:2px solid;width:.4rem;height:.4rem;transition:transform .15s;transform:translateY(-1px)rotate(45deg)}.frontier-toggle[aria-expanded=true] .frontier-toggle-chevron{transform:translateY(2px)rotate(-135deg)}.frontier-toggle-title{font-weight:700}.frontier-toggle-hint{color:var(--muted);font-size:.68rem}.frontier-toggle-action{color:var(--ember);letter-spacing:.12em;text-transform:uppercase;margin-left:auto;font-size:.68rem;font-weight:700}@media (width<=640px){.frontier-toggle-hint{display:none}}.frontier-builds>.gap-build{cursor:pointer;-webkit-user-select:none;user-select:none}.frontier-builds>.gap-build:hover .frontier-toggle{border-color:var(--ember);background:var(--ember)}@supports (color:color-mix(in lab, red, red)){.frontier-builds>.gap-build:hover .frontier-toggle{background:color-mix(in srgb, var(--ember) 10%, var(--color-keep-slab))}}.frontier-builds>.gap-build:hover .frontier-toggle-badge{background:var(--ember);color:var(--color-keep-soot)}.frontier-detail-slot{cursor:auto;-webkit-user-select:text;user-select:text;flex-basis:100%;min-width:0}.frontier-builds>.gap-build.open{background:#e8b33a0a}@supports (color:color-mix(in lab, red, red)){.frontier-builds>.gap-build.open{background:color-mix(in srgb, var(--color-keep-torch) 4%, transparent)}}.frontier-detail{padding:.5rem 0 .75rem}.frontier-detail .detail-section{margin-bottom:1.5rem}.frontier-detail-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}@media (width<=980px){.frontier-detail-panels{grid-template-columns:minmax(0,1fr)}}.path-compare{margin:0}.path-compare-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.85rem;display:grid}@media (width<=980px){.path-compare-panels{grid-template-columns:minmax(0,1fr)}}.path-panel{border:1px solid var(--line);border-top:2px solid var(--share-tone);background:linear-gradient(to bottom, var(--share-tone), transparent 6rem), var(--color-keep-stone);border-radius:4px;min-width:0;padding:.9rem .9rem .4rem}@supports (color:color-mix(in lab, red, red)){.path-panel{background:linear-gradient(to bottom, color-mix(in srgb, var(--share-tone) 7%, transparent), transparent 6rem), var(--color-keep-stone)}}.path-panel-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .85rem;display:flex}.path-panel-kicker{color:var(--share-tone);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;flex-basis:100%;font-size:.68rem;font-weight:700}.path-panel-score{flex-wrap:wrap;align-items:baseline;gap:.25rem .6rem;display:inline-flex}.path-panel-score strong{color:var(--text);font-size:1.6rem;font-weight:700;line-height:1}.path-panel-score span{color:var(--share-tone);font-family:var(--mono);font-size:.75rem;font-weight:700}.path-panel-score span.negative{color:var(--muted)}.path-panel .path-chart-frame{margin-top:.5rem}.path-panel-area{stroke:none}.path-panel-fill-top{stop-color:var(--series);stop-opacity:.22}.path-panel-fill-bottom{stop-color:var(--series);stop-opacity:0}.path-panel-compared .path-chart-line{stroke-width:1.5px;opacity:.85}.path-chart-dot{transition:r .12s}.frontier-panel{border:1px solid var(--line);border-top:2px solid var(--share-tone);background:linear-gradient(to bottom, var(--share-tone), transparent 7rem), var(--color-keep-stone);border-radius:4px;min-width:0;padding:1.1rem}@supports (color:color-mix(in lab, red, red)){.frontier-panel{background:linear-gradient(to bottom, color-mix(in srgb, var(--share-tone) 7%, transparent), transparent 7rem), var(--color-keep-stone)}}.frontier-panel-head{flex-wrap:wrap;align-items:baseline;gap:.25rem .85rem;margin-bottom:1rem;display:flex}.frontier-panel-kicker{color:var(--share-tone);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;flex-basis:100%;font-size:.68rem;font-weight:700}.frontier-panel-score{align-items:baseline;gap:.4rem;display:inline-flex}.frontier-panel-score strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700;line-height:1}.frontier-panel-score span{color:var(--muted);font-family:var(--mono);font-size:.8rem}.frontier-panel-note{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;font-size:.68rem}.frontier-stats{grid-template-columns:repeat(var(--stat-columns), minmax(0, 1fr));border:1px solid var(--line);background:var(--line);border-radius:4px;gap:1px;margin:0;display:grid;overflow:hidden}.frontier-stats>div{background:var(--color-keep-slab);padding:.6rem .75rem}.frontier-stats>div[title]{cursor:help}.frontier-stats dt{color:var(--muted);letter-spacing:.04em;font-size:.7rem}.frontier-stats dd{font-family:var(--mono);font-variant-numeric:tabular-nums;margin:.2rem 0 0;font-size:1rem;font-weight:700}@media (width<=640px){.frontier-stats{grid-template-columns:repeat(var(--stat-columns-narrow), minmax(0, 1fr))}.frontier-detail .ability-table th:nth-child(2),.frontier-detail .ability-table td:nth-child(2){display:none}}.unlisted-casts{flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;margin:-.75rem 0 0;font-size:.82rem;display:flex}.rune-loadout{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:.5rem 0;display:flex}.rune-loadout-group{align-items:center;gap:.35rem;margin:0;padding:0 .85rem;list-style:none;display:flex}.rune-loadout-group:first-child{padding-left:0}.rune-loadout-group+.rune-loadout-group{border-left:1px solid var(--line)}.rune-loadout-group li{display:flex}@media (width<=640px){.rune-loadout-group{padding:0 .55rem}}.rune-loadout-group .rune-icon{width:1.5rem;height:1.5rem}.rune-loadout-group .rune-icon.large{width:2.1rem;height:2.1rem}.rune-loadout-tree{opacity:.75;margin-right:.2rem}.rune-loadout-group .rune-loadout-tree .rune-icon{width:1.1rem;height:1.1rem}.rune-loadout-group.shards .rune-icon{background:var(--color-keep-stone);width:1.25rem;height:1.25rem}.frontier-best-strong{stop-color:var(--quadrant-best);stop-opacity:.5}.frontier-best-faint{stop-color:var(--quadrant-best);stop-opacity:.16}.frontier-best-edge{fill:none;stroke:var(--quadrant-best)}@supports (color:color-mix(in lab, red, red)){.frontier-best-edge{stroke:color-mix(in srgb, var(--quadrant-best) 55%, transparent)}}.frontier-best-edge{stroke-width:1px}.frontier-worst-strong{stop-color:var(--quadrant-worst);stop-opacity:.28}.frontier-worst-faint{stop-color:var(--quadrant-worst);stop-opacity:.06}.frontier-worst-edge{fill:none;stroke:var(--quadrant-worst)}@supports (color:color-mix(in lab, red, red)){.frontier-worst-edge{stroke:color-mix(in srgb, var(--quadrant-worst) 40%, transparent)}}.frontier-worst-edge{stroke-width:1px}.frontier-quadrant-line{stroke:var(--color-keep-rivet);stroke-width:1px;stroke-dasharray:4 4}.frontier-quadrant-label{fill:#fff;stroke:var(--color-keep-soot);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font-family:var(--mono);letter-spacing:.04em;font-size:11px}.path-chart{margin:1.75rem 0 0}.path-chart-legend{color:var(--text);flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;font-size:.8rem;display:flex}.path-chart-key{align-items:center;gap:.4rem;display:inline-flex}.path-chart-axis-note{color:var(--muted);font-family:var(--mono);margin-left:auto;font-size:.7rem}.path-chart-frame{touch-action:pan-y;margin-top:.75rem;position:relative}.path-chart-frame svg{display:block;overflow:visible}.path-chart-grid{stroke:var(--color-keep-seam);stroke-width:1px}.path-chart-crosshair{stroke:var(--color-keep-ash);stroke-width:1px}.path-chart-tick{fill:var(--muted);font-family:var(--mono);font-size:11px}.path-chart-line{fill:none;stroke:var(--series);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.path-chart-dot{fill:var(--series);stroke:var(--color-keep-stone);stroke-width:2px}.path-chart-end-label{fill:var(--text);font-family:var(--mono);font-size:12px;font-weight:700}.path-chart-tooltip{z-index:5;border:1px solid var(--line);background:var(--color-keep-slab);pointer-events:none;gap:.35rem;width:14rem;padding:.6rem .75rem;font-size:.78rem;display:grid;position:absolute;box-shadow:0 .5rem 1.5rem #00000073}.path-chart-tooltip strong{color:var(--muted);font-family:var(--mono);font-size:.7rem;font-weight:400}.path-chart-tooltip-row{grid-template-columns:auto 1fr auto;align-items:center;column-gap:.45rem;display:grid}.path-chart-tooltip-row b{font-family:var(--mono)}.path-chart-tooltip-row em{color:var(--muted);grid-column:2/-1;font-size:.72rem;font-style:normal}.frontier-chart-tooltip{width:20rem}.frontier-chart-tooltip .frontier-chain{--frontier-chain-gap:.85rem}.frontier-chart-tooltip .frontier-chain-step .item-icon{width:2rem;height:2rem}.series-custom{--series:var(--series-custom)}.frontier-leader{fill:none;stroke:var(--series);stroke-width:1px;stroke-linejoin:round;opacity:.45}.frontier-leader.active{stroke-width:1.5px;opacity:1}.frontier-chart-labels{margin:0;padding:0;list-style:none}.frontier-chart-label{border:1px solid var(--line);border-left:3px solid var(--series);background:var(--color-keep-slab);align-content:center;gap:2px;padding:4px 6px;transition:border-color .12s,background .12s;display:grid;position:absolute}.frontier-chart-plot,.frontier-chart-label{cursor:pointer}.frontier-chart-label.active{border-color:var(--series);background:var(--series)}@supports (color:color-mix(in lab, red, red)){.frontier-chart-label.active{background:color-mix(in srgb, var(--series) 10%, var(--color-keep-slab))}}.frontier-chart-label-title{color:var(--muted);font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:12px;overflow:hidden}.frontier-chart-label.active .frontier-chart-label-title{color:var(--text)}.frontier-chart-label-items{gap:2px;display:flex}.frontier-chart-label-items>.hover-tip{display:flex}.frontier-chart-label .item-icon{width:20px;height:20px}.frontier-chart-labels.compact .frontier-chart-label{padding:4px}.frontier-chart-labels.compact .frontier-chart-label-title{display:none}.frontier-chart-labels.compact .frontier-chart-label-items{grid-template-columns:repeat(3,16px);display:grid}.frontier-chart-labels.compact .item-icon{width:16px;height:16px}.build-gap-page{margin-top:3rem}.build-gap-intro{max-width:40rem;color:var(--lol-muted);text-align:center;margin:0 auto;font-size:.88rem;line-height:1.6}.build-gap-page .gap-hero{justify-content:center;padding:1.75rem 0 1rem}.build-gap-page .gap-hero strong,.build-gap-page .gap-hero p,.build-gap-page .gap-hero-text{color:var(--lol-gold-bright)}.build-gap-page .gap-hero p span,.build-gap-page .gap-hero-text span{color:var(--lol-muted)}.gap-hero-metrics{gap:1rem}.gap-hero-metric{color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:.6;background:0 0;border:1px solid #0000;border-radius:.85rem;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.9rem 1.25rem;transition:opacity .15s,border-color .15s,background .15s;display:flex}.gap-hero-metric strong{font-size:clamp(2.25rem,5vw,3.25rem)}.gap-hero-metric .gap-hero-text{max-width:17rem}.gap-hero-metric:hover{opacity:.85;background:#c9793f12}@supports (color:color-mix(in lab, red, red)){.gap-hero-metric:hover{background:color-mix(in srgb, var(--color-keep-brass) 7%, transparent)}}.gap-hero-metric.active{border-color:var(--lol-gold);background:#c9793f1a}@supports (color:color-mix(in lab, red, red)){.gap-hero-metric.active{background:color-mix(in srgb, var(--color-keep-brass) 10%, transparent)}}.gap-hero-metric.active{opacity:1}.gap-hero-metric:focus-visible{outline:1px solid var(--ember);outline-offset:2px}.build-gap-page .path-chart-legend{color:var(--lol-gold-bright)}.gap-list{margin:0;padding:0;list-style:none;display:grid}.gap-row{border-bottom:1px solid var(--color-keep-iron);color:var(--lol-gold-bright);grid-template-columns:2.5rem minmax(7rem,11rem) minmax(0,1fr) 5.5rem;align-items:center;gap:.9rem;padding:.6rem .5rem;text-decoration:none;transition:background .15s;display:grid}.gap-row:hover,.gap-row:focus-visible{background:#c9793f12}@supports (color:color-mix(in lab, red, red)){.gap-row:hover,.gap-row:focus-visible{background:color-mix(in srgb, var(--color-keep-brass) 7%, transparent)}}.gap-row:focus-visible{outline:1px solid var(--ember);outline-offset:-1px}.gap-row-icon{border:1px solid var(--lol-gold-dark);background:var(--color-keep-soot);width:2.5rem;height:2.5rem}.gap-row-identity{gap:.15rem;min-width:0;display:grid}.gap-row-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.gap-row-identity span{color:var(--lol-muted);font-family:var(--mono);font-size:.66rem}.gap-row-bars{gap:4px;display:grid}.gap-row-bar{align-items:center;gap:.5rem;min-width:0;display:flex}.gap-row-fill{background:var(--series);border-radius:0 4px 4px 0;flex:0 auto;min-width:2px;height:7px}.gap-row-value{color:var(--lol-muted);font-family:var(--mono);flex:none;font-size:.66rem}.gap-row-gain{font-family:var(--mono);justify-items:end;font-size:1rem;font-weight:700;display:grid}.gap-row-gain small{font-family:var(--font-keep-label);letter-spacing:.1em;text-transform:none;color:var(--lol-muted);font-size:.7rem;font-weight:500}.gap-row-gain.negative{color:var(--lol-muted)}@media (width<=640px){.gap-row{grid-template-columns:2.25rem minmax(0,1fr) 4.5rem;gap:.6rem}.gap-row-bars{grid-area:2/1/auto/-1}.gap-row-icon{width:2.25rem;height:2.25rem}.path-chart-axis-note{margin-left:0}}.champ-name,.champion-title h1,.gap-row-identity strong,.duel-sides h3,.ability-table th.champion-name{color:var(--champion-name)}.custom-star-swatch{background:var(--series-custom);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:.95rem;height:.95rem;filter:drop-shadow(0 0 4px var(--ember));flex:none;display:inline-block}@supports (color:color-mix(in lab, red, red)){.custom-star-swatch{filter:drop-shadow(0 0 4px color-mix(in srgb, var(--ember) 80%, transparent))}}.custom-build{border:1px solid var(--line);background:radial-gradient(ellipse 40rem 12rem at 0% 0%, #e8b33a1a, transparent 70%), linear-gradient(180deg, var(--color-keep-slab), var(--color-keep-stone));margin:2rem -.75rem .5rem;padding:1.25rem calc(.75rem - 1px) 1.1rem}@supports (color:color-mix(in lab, red, red)){.custom-build{background:radial-gradient(ellipse 40rem 12rem at 0% 0%, color-mix(in srgb, var(--color-keep-torch) 10%, transparent), transparent 70%), linear-gradient(180deg, var(--color-keep-slab), var(--color-keep-stone))}}.custom-build{box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot), 0 .75rem 2rem #00000059}.custom-build-header{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.custom-build-toggle{min-width:0;color:var(--text);box-shadow:none;letter-spacing:normal;text-align:left;background:0 0;border:0;flex:24rem;align-items:center;gap:.85rem;padding:0;font-family:inherit;font-weight:400;display:flex}.custom-build-toggle:hover{background:0 0}.custom-build-toggle:focus-visible{outline:2px solid var(--ember);outline-offset:4px}.custom-build-toggle:hover .frontier-toggle-badge,.custom-build-toggle[aria-expanded=true] .frontier-toggle-badge{background:var(--ember);color:var(--color-keep-soot)}.custom-build-toggle[aria-expanded=true] .frontier-toggle-chevron{transform:translateY(2px)rotate(-135deg)}.custom-build-control{flex:0 0 4.5rem;justify-items:center;gap:.3rem;display:grid}.custom-build-toggle .frontier-toggle-badge{width:2rem;height:2rem}.custom-build-toggle .frontier-toggle-action{margin-left:0;font-size:.62rem}.custom-build-toggle:hover .custom-build-title{color:var(--color-keep-flare)}.custom-build-heading{flex:1;gap:.3rem;min-width:0;display:grid}.custom-build-preview{--frontier-chain-gap:1.1rem;cursor:pointer;flex:none;margin-left:auto;padding:.35rem .5rem .45rem 0}.custom-build-preview .custom-slots{gap:var(--frontier-chain-gap)}.custom-build-preview .custom-slot{--slot-size:2.5rem;width:2.5rem}.custom-build-preview .item-caption{width:calc(100% + var(--frontier-chain-gap))}.custom-build-preview .custom-slot-empty{border-radius:4px}.custom-build-preview:hover .custom-slot-empty{border-color:var(--color-keep-dim)}.custom-slot>.hover-tip{display:block}.custom-slot-static{width:var(--slot-size);height:var(--slot-size);display:block}.custom-slot-static .item-icon{border-color:var(--color-keep-rivet);border-radius:4px;width:100%;height:100%;display:block;box-shadow:0 2px 6px #00000073}.custom-build-title{color:var(--text);letter-spacing:.01em;font-size:1.2rem;font-weight:700;transition:color .12s}.custom-build-summary{max-width:44rem;color:var(--muted);font-size:.82rem;line-height:1.5}@media (width<=640px){.custom-build-toggle{align-items:flex-start}.custom-build-preview{--frontier-chain-gap:.85rem;margin-left:0}}.custom-bench{margin-top:1.1rem}.custom-presets{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.custom-presets>span{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;margin-right:.25rem;font-size:.72rem}.custom-chip{border:1px solid var(--color-keep-rivet);color:var(--text);background:var(--color-keep-seam);box-shadow:none;letter-spacing:.06em;border-radius:999px;padding:.3rem .75rem;font-size:.72rem;transition:border-color .12s,background .12s}.custom-chip:hover{border-color:var(--ember);background:var(--ember)}@supports (color:color-mix(in lab, red, red)){.custom-chip:hover{background:color-mix(in srgb, var(--ember) 16%, var(--color-keep-seam))}}.custom-chip.ghost{color:var(--muted);background:0 0}.custom-chip:disabled{opacity:.4;cursor:default}.custom-chip:disabled:hover{border-color:var(--color-keep-rivet);background:0 0}.custom-chip:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.custom-tray,.custom-bench-pickers>section{border:1px solid var(--line);padding:.9rem 1rem}@supports (color:color-mix(in lab, red, red)){.custom-tray,.custom-bench-pickers>section{border:1px solid color-mix(in srgb, var(--line) 70%, transparent)}}.custom-tray,.custom-bench-pickers>section{background:#09070559;border-radius:6px}@supports (color:color-mix(in lab, red, red)){.custom-tray,.custom-bench-pickers>section{background:color-mix(in srgb, var(--color-keep-soot) 35%, transparent)}}.custom-tray{margin-top:1rem}.custom-bench-inventory{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.custom-slots{flex-wrap:wrap;align-items:flex-start;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.custom-slot{--slot-size:3.25rem;flex-direction:column;align-items:center;width:4.5rem;display:flex}.custom-slot-empty{width:var(--slot-size);height:var(--slot-size);border:1px dashed var(--color-keep-rivet);color:var(--text);background:#0907058c;border-radius:6px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.custom-slot-empty{background:color-mix(in srgb, var(--color-keep-soot) 55%, transparent)}}.custom-slot-empty{font-family:var(--mono);font-size:.75rem}.custom-slot-button{width:var(--slot-size);height:var(--slot-size);box-shadow:none;background:0 0;border:0;padding:0;display:block;position:relative}.custom-slot-button:hover{background:0 0}.custom-slot-button .item-icon{border:1px solid var(--color-keep-brass);width:100%;height:100%;box-shadow:0 0 0 1px var(--color-keep-soot), 0 0 .75rem var(--ember);border-radius:6px;display:block}@supports (color:color-mix(in lab, red, red)){.custom-slot-button .item-icon{box-shadow:0 0 0 1px var(--color-keep-soot), 0 0 .75rem color-mix(in srgb, var(--ember) 30%, transparent)}}.custom-slot-button .item-icon{animation:.18s ease-out custom-slot-in}.custom-slot-remove{color:#fff;background:#090705b3;border-radius:6px;place-items:center;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.custom-slot-remove{background:color-mix(in srgb, var(--color-keep-soot) 70%, transparent)}}.custom-slot-remove{opacity:0;font-size:1.4rem;transition:opacity .12s}.custom-slot-button:hover .custom-slot-remove,.custom-slot-button:focus-visible .custom-slot-remove{opacity:1}.custom-slot-button:focus-visible{outline:2px solid var(--ember);outline-offset:2px;border-radius:6px}@keyframes custom-slot-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.custom-gold{font-size:.95rem}.custom-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;margin-left:auto;display:flex}.custom-simulate{box-shadow:inset 0 -3px 0 #09070559, 0 0 1.25rem var(--ember);border-radius:4px;align-items:center;gap:.6rem;padding:.8rem 1.5rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.custom-simulate{box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--color-keep-soot) 35%, transparent), 0 0 1.25rem color-mix(in srgb, var(--ember) 35%, transparent)}}.custom-simulate{transition:box-shadow .16s,background .16s,opacity .16s}.custom-simulate:hover:not(:disabled){box-shadow:inset 0 -3px 0 #09070559, 0 0 1.75rem var(--ember)}@supports (color:color-mix(in lab, red, red)){.custom-simulate:hover:not(:disabled){box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--color-keep-soot) 35%, transparent), 0 0 1.75rem color-mix(in srgb, var(--ember) 60%, transparent)}}.custom-simulate:disabled{opacity:.45;cursor:default;box-shadow:none}.custom-simulate:disabled:hover{background:var(--ember)}.custom-simulate:focus-visible{outline:2px solid var(--color-keep-bone);outline-offset:2px}.custom-simulate-icon{border-top:.38rem solid #0000;border-bottom:.38rem solid #0000;border-left:.6rem solid;width:0;height:0}.custom-simulate.busy{opacity:.85}.custom-simulate.busy .custom-simulate-icon{border:2px solid;border-right-color:#0000;border-radius:50%;width:.85rem;height:.85rem;animation:.7s linear infinite custom-spin}@keyframes custom-spin{to{transform:rotate(360deg)}}.custom-hint{min-height:1.1rem;color:var(--muted);font-family:var(--mono);letter-spacing:.03em;margin:.6rem 0 0;font-size:.7rem}.custom-hint.error{color:var(--quadrant-worst)}.custom-bench-pickers{grid-template-columns:minmax(0,28rem) minmax(0,1fr);gap:1rem;margin-top:1rem;display:grid}.custom-bench-pickers>section:last-child{flex-direction:column;display:flex}.custom-bench-pickers .custom-picker{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=800px){.custom-bench-pickers{grid-template-columns:minmax(0,1fr)}}.custom-step{color:var(--ember);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .6rem;font-size:.72rem;font-weight:700}.rune-editor{gap:.9rem;display:grid}.rune-editor-group{gap:.45rem;display:grid}.rune-editor-label{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:.35rem .6rem;font-size:.68rem;display:flex}.rune-editor-label b{color:var(--text);font-family:var(--font-keep-body);letter-spacing:normal;align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.rune-editor-label .rune-icon{width:1rem;height:1rem}.rune-editor-keystones{flex-wrap:wrap;gap:.35rem;display:flex}.rune-editor-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.rune-editor-row>.hover-tip{align-items:stretch;min-width:0}.rune-editor-row>.hover-tip>.rune-option{flex:1}.rune-editor-shards{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.rune-editor-shards>span{width:3.6rem;color:var(--text);font-family:var(--mono);font-size:.64rem}.rune-editor-note{color:var(--text);margin:0;font-size:.7rem;line-height:1.45}.rune-option{border:1px solid var(--color-keep-iron);color:var(--muted);background:#0907058c;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.2rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.rune-option{background:color-mix(in srgb, var(--color-keep-soot) 55%, transparent)}}.rune-option{box-shadow:none;letter-spacing:normal;font-family:inherit;font-size:.74rem;font-weight:400;transition:border-color .12s,background .12s,color .12s}.rune-option .rune-icon{filter:grayscale()brightness(.65);transition:filter .12s}.rune-option .rune-icon.large{width:2.1rem;height:2.1rem}.rune-option.labeled{text-align:left;border-radius:.6rem;justify-content:flex-start;min-width:0;min-height:2.5rem;padding:.25rem .5rem .25rem .3rem;font-size:.72rem;line-height:1.2}.rune-option.labeled .rune-icon{width:1.5rem;height:1.5rem}.rune-option.labeled span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=640px){.rune-option.labeled{text-align:center;flex-direction:column;justify-content:center;gap:.25rem;padding:.4rem .25rem;font-size:.66rem}}.rune-option:hover{border-color:var(--color-keep-dim);color:var(--text);background:var(--color-keep-seam)}.rune-option:hover .rune-icon{filter:grayscale(.3)brightness(.9)}.rune-option.selected{border-color:var(--ember);color:var(--text);background:var(--ember)}@supports (color:color-mix(in lab, red, red)){.rune-option.selected{background:color-mix(in srgb, var(--ember) 14%, var(--color-keep-slab))}}.rune-option.selected{box-shadow:0 0 .6rem var(--ember)}@supports (color:color-mix(in lab, red, red)){.rune-option.selected{box-shadow:0 0 .6rem color-mix(in srgb, var(--ember) 30%, transparent)}}.rune-option.selected .rune-icon{filter:none}.rune-option:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.rune-option.shard .rune-icon{width:1.4rem;height:1.4rem}.rune-editor-trees{flex-wrap:wrap;gap:.3rem;display:inline-flex}@media (width<=640px){.rune-editor-trees{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}.rune-editor-tree{border:1px solid var(--color-keep-iron);color:var(--muted);box-shadow:none;font-family:var(--font-keep-body);letter-spacing:normal;background:0 0;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem .2rem .25rem;font-size:.72rem;font-weight:400;display:inline-flex}.rune-editor-tree .rune-icon{width:1rem;height:1rem}.rune-editor-tree:hover{color:var(--text);background:var(--color-keep-seam)}.rune-editor-tree.selected{border-color:var(--ember);color:var(--text);background:var(--ember)}@supports (color:color-mix(in lab, red, red)){.rune-editor-tree.selected{background:color-mix(in srgb, var(--ember) 14%, transparent)}}.rune-editor-tree:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.custom-search{border:1px solid var(--color-keep-rivet);width:100%;color:var(--text);background:var(--color-keep-stone);font:inherit;border-radius:4px;padding:.55rem .75rem;font-size:.85rem}.custom-search::placeholder{color:var(--text)}.custom-search:focus-visible{border-color:var(--ember);box-shadow:0 0 .5rem var(--ember);outline:none}@supports (color:color-mix(in lab, red, red)){.custom-search:focus-visible{box-shadow:0 0 .5rem color-mix(in srgb, var(--ember) 30%, transparent)}}.custom-picker-scroll{scrollbar-color:var(--color-keep-rivet) transparent;contain:size;flex:1 1 0;min-height:19rem;margin-top:.6rem;padding-right:.25rem;overflow-y:auto}@media (width<=800px){.custom-picker-scroll{contain:none;flex:none;min-height:0;max-height:22rem}}.custom-picker-group+.custom-picker-group{margin-top:.85rem}.custom-picker-group h5{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;margin:0 0 .4rem;font-size:.68rem;font-weight:400}.custom-picker-empty{color:var(--muted);margin:1rem 0;font-size:.8rem}.custom-item-grid{grid-template-columns:repeat(auto-fill,minmax(4.5rem,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.custom-item-grid .hover-tip{display:block}.custom-item{width:2.75rem;box-shadow:none;background:0 0;border:0;margin-inline:auto;padding:0;display:block;position:relative}.custom-item:hover{background:0 0}.custom-item .item-icon{aspect-ratio:1;border-color:var(--color-keep-rivet);border-radius:4px;width:100%;height:auto;transition:transform .12s,border-color .12s,box-shadow .12s,filter .12s;display:block}.custom-item:hover:not(:disabled) .item-icon{border-color:var(--ember);box-shadow:0 0 .6rem var(--ember)}@supports (color:color-mix(in lab, red, red)){.custom-item:hover:not(:disabled) .item-icon{box-shadow:0 0 .6rem color-mix(in srgb, var(--ember) 45%, transparent)}}.custom-item:hover:not(:disabled) .item-icon{transform:translateY(-2px)}.custom-item:focus-visible{outline:2px solid var(--ember);outline-offset:2px;border-radius:4px}.custom-item:disabled{cursor:not-allowed}.custom-item:disabled .item-icon{filter:grayscale(.85)brightness(.55)}.custom-item.picked .item-icon{border-color:var(--quadrant-best);filter:grayscale(.4)brightness(.6)}.custom-item.picked:after{content:"✓";color:var(--quadrant-best);place-items:center;font-size:1.1rem;font-weight:700;display:grid;position:absolute;inset:0}.item-caption{color:#fff;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;margin-top:.3rem;font-size:.62rem;line-height:1.25;display:-webkit-box;overflow:hidden}.custom-result{border:1px solid var(--series-custom);gap:.9rem;margin-top:1rem;padding:1rem 1.1rem;display:grid}@supports (color:color-mix(in lab, red, red)){.custom-result{border:1px solid color-mix(in srgb, var(--series-custom) 45%, var(--line))}}.custom-result{background:var(--series-custom);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.custom-result{background:color-mix(in srgb, var(--series-custom) 3%, var(--color-keep-stone))}}.custom-result{box-shadow:0 0 1.5rem var(--ember)}@supports (color:color-mix(in lab, red, red)){.custom-result{box-shadow:0 0 1.5rem color-mix(in srgb, var(--ember) 12%, transparent)}}.custom-result{transition:border-color .16s,background .16s;animation:.26s ease-out custom-result-in}.custom-result.active{border-color:var(--series-custom);background:var(--series-custom)}@supports (color:color-mix(in lab, red, red)){.custom-result.active{background:color-mix(in srgb, var(--series-custom) 6%, var(--color-keep-stone))}}.custom-result.stale{opacity:.75}.custom-result>.gap-build-label>strong{min-width:8.5rem;font-size:.95rem}.custom-stale{border:1px solid var(--color-keep-rivet);color:var(--muted);font-family:var(--mono);border-radius:999px;padding:.15rem .5rem;font-size:.64rem}.custom-result-loadout{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;display:flex}.custom-result .frontier-chain-step+.frontier-chain-step:before,.custom-result .frontier-chain-step+.frontier-chain-step:after{display:none}.custom-result .frontier-chain{--frontier-chain-gap:.4rem;flex-wrap:wrap;align-items:flex-start}.custom-result .frontier-chain-step{flex-direction:column;align-items:center;width:4.5rem}@keyframes custom-result-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.custom-verdict{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.custom-verdict-banner{border-left:3px solid var(--verdict-tone);background:var(--verdict-tone);flex:22rem;gap:.2rem;margin:0;padding:.65rem .85rem;display:grid}@supports (color:color-mix(in lab, red, red)){.custom-verdict-banner{background:color-mix(in srgb, var(--verdict-tone) 10%, transparent)}}.custom-verdict-banner{font-size:.8rem;line-height:1.45}.custom-verdict-banner strong{color:var(--verdict-tone);font-size:.85rem}.custom-verdict-banner span{color:var(--text)}.custom-verdict-banner.ahead{--verdict-tone:var(--quadrant-best)}.custom-verdict-banner.behind{--verdict-tone:var(--quadrant-worst)}.custom-deltas{gap:.5rem;margin:0;display:flex}.custom-deltas>div{border:1px solid var(--line);background:var(--color-keep-slab);align-content:center;gap:.15rem;min-width:8.5rem;padding:.55rem .75rem;display:grid}.custom-deltas dt{color:var(--muted);letter-spacing:.04em;font-size:.66rem}.custom-deltas dd{font-family:var(--mono);margin:0;font-size:1.05rem;font-weight:700}.custom-deltas .gain dd{color:var(--quadrant-best)}.custom-deltas .loss dd{color:var(--quadrant-worst)}.custom-deltas .even dd{color:var(--muted)}@media (width<=640px){.custom-deltas{flex:100%}.custom-deltas>div{flex:1;min-width:0}}.custom-share{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem .6rem;display:flex}.custom-share-note:empty{display:none}.custom-share-button{border:1px solid var(--color-keep-bone);color:var(--text);box-shadow:none;background:0 0;border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.1rem;font-size:.75rem;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.custom-share-button:hover{color:var(--color-keep-soot);background:var(--color-keep-bone)}.custom-share-button.copied{border-color:var(--quadrant-best);color:var(--color-keep-soot);background:var(--quadrant-best)}.custom-share-button:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.custom-share-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.custom-share-field{border:1px solid var(--color-keep-rivet);min-width:0;color:var(--text);background:var(--color-keep-stone);font-family:var(--mono);flex:18rem;padding:.45rem .6rem;font-size:.72rem}.custom-share-note{color:var(--muted);font-family:var(--mono);font-size:.68rem}.custom-marker{pointer-events:none}.custom-guide{stroke:var(--series-custom);stroke-width:1px;stroke-dasharray:3 4;opacity:.55}.custom-halo{fill:var(--ember)}@supports (color:color-mix(in lab, red, red)){.custom-halo{fill:color-mix(in srgb, var(--ember) 25%, transparent)}}.custom-halo{stroke:var(--ember);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite custom-halo}.custom-star{fill:var(--series-custom);stroke:var(--color-keep-soot);stroke-width:1.5px;stroke-linejoin:round;filter:drop-shadow(0 0 5px var(--ember))}@supports (color:color-mix(in lab, red, red)){.custom-star{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--ember) 85%, transparent))}}@keyframes custom-halo{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(2.1)}}@media (prefers-reduced-motion:reduce){.custom-halo{opacity:.6;animation:none}.custom-slot-button .item-icon,.custom-result{animation:none}.build-view-thumb{transition:none}.frontier-placeholder,.frontier-ready,.frontier-placeholder-plot:before{animation:none}.frontier-placeholder-spinner{animation-duration:2.4s}}@media (width<=640px){.custom-build{padding:1rem calc(.75rem - 1px)}.custom-tray,.custom-bench-pickers>section{padding:.75rem}.custom-bench-inventory .custom-slots{flex:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:.35rem;display:grid}.custom-bench-inventory .custom-slot{--slot-size:2.6rem;width:auto}.custom-actions{flex-wrap:nowrap;flex:100%;margin-left:0}.custom-share-button{white-space:nowrap;padding-inline:.8rem}.custom-simulate{flex:1 1 0;justify-content:center;min-width:0;padding-inline:.9rem}}:root{--tft-cost-1:#9aa4af;--tft-cost-2:#3fbf6f;--tft-cost-3:#3f8fdc;--tft-cost-4:#b04de0;--tft-cost-5:var(--color-keep-torch);--tft-combat-ad:#e3874a;--tft-combat-ap:#6fa8dc;--tft-combat-true:var(--color-keep-bone);--tft-combat-healing:var(--color-keep-moss);--tft-hex:min(3.4rem, calc((100vw - 6rem) / 7.9))}.tft-subtitle{text-align:center;margin:0;font-size:.85rem}.tft-footnote,.tft-muted{opacity:.8;margin:1rem 0 0;font-size:.8rem}.tier-c{color:var(--color-keep-ash);background:#b3a37f1a}@supports (color:color-mix(in lab, red, red)){.tier-c{background:color-mix(in srgb, var(--color-keep-ash) 10%, transparent)}}.tft-portrait{border:2px solid var(--tft-cost,var(--tft-cost-1));background:var(--color-keep-stone);border-radius:.4rem;place-items:center;width:3.5rem;height:3.5rem;display:grid;position:relative;overflow:hidden}.tft-portrait img{object-fit:cover;width:100%;height:100%}.tft-portrait-letter{font-size:1.4rem}.tft-cost-1{--tft-cost:var(--tft-cost-1)}.tft-cost-2{--tft-cost:var(--tft-cost-2)}.tft-cost-3{--tft-cost:var(--tft-cost-3)}.tft-cost-4{--tft-cost:var(--tft-cost-4)}.tft-cost-5{--tft-cost:var(--tft-cost-5)}.tft-stars{color:var(--color-keep-flare);letter-spacing:-.05em;background:#000000b3;border-radius:0 0 .3rem .3rem;padding:0 .2rem;font-size:.6rem;line-height:1.2;position:absolute;top:0;left:50%;transform:translate(-50%)}.tft-tile{width:4.5rem;color:var(--text);flex-direction:column;align-items:center;gap:.3rem;text-decoration:none;display:flex}.tft-tile:hover .tft-portrait,.tft-tile:focus-visible .tft-portrait{box-shadow:0 0 .75rem var(--tft-cost)}@supports (color:color-mix(in lab, red, red)){.tft-tile:hover .tft-portrait,.tft-tile:focus-visible .tft-portrait{box-shadow:0 0 .75rem color-mix(in srgb, var(--tft-cost) 60%, transparent)}}.tft-tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;overflow:hidden}.tft-tile-caption{color:var(--ember);font-size:.72rem}.tft-tile-grid{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.tft-trait{border:1px solid var(--tft-trait,var(--line));background:var(--tft-trait,var(--line));border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem .2rem .25rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tft-trait{background:color-mix(in srgb, var(--tft-trait,var(--line)) 16%, transparent)}}.tft-trait{font-size:.78rem}.tft-trait img{width:1.3rem;height:1.3rem}.tft-trait-count{font-weight:600}.tft-trait-bronze{--tft-trait:#a5683f}.tft-trait-silver{--tft-trait:#b8c4cc}.tft-trait-gold{--tft-trait:var(--color-keep-torch)}.tft-trait-unique{--tft-trait:#e2603f}.tft-trait-prismatic{--tft-trait:#c99cf0}.tft-op-leaders{margin:1.25rem 0}.tft-op-leaders h3{margin:0;font-size:1.15rem;font-weight:500}.tft-op-leaders-explanation{opacity:.8;margin:.25rem 0 .75rem;font-size:.8rem}.tft-op-leaders-list{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.tft-frontier-label-results{color:var(--text);font-family:var(--mono);white-space:nowrap;font-size:11px;line-height:13px}.tft-frontier-zone{fill:var(--series-popular)}@supports (color:color-mix(in lab, red, red)){.tft-frontier-zone{fill:color-mix(in srgb, var(--series-popular) 10%, transparent)}}.series-swatch.tft-frontier-zone-swatch{background:var(--series-popular)}@supports (color:color-mix(in lab, red, red)){.series-swatch.tft-frontier-zone-swatch{background:color-mix(in srgb, var(--series-popular) 10%, transparent)}}.series-swatch.tft-frontier-zone-swatch{box-shadow:inset 0 0 0 1px var(--line)}.tft-frontier-note{fill:var(--color-keep-ash);stroke:var(--color-keep-soot);stroke-width:3px;stroke-linejoin:round;paint-order:stroke;font-family:var(--mono);font-size:11px;font-style:italic}.tft-comp-list{gap:.6rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.tft-comp{border:1px solid var(--color-keep-iron);background-color:var(--color-keep-slab);box-shadow:inset 0 1px 0 var(--color-keep-rivet), 0 0 0 1px var(--color-keep-soot);border-radius:.75rem;gap:.75rem;padding:.6rem 1rem;display:grid;container:tft-comp/inline-size}.tft-comp-header{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"tier name code chevron""band band band band";align-items:center;gap:.75rem;display:grid;position:relative}.tft-comp-band{flex-wrap:wrap;grid-area:band;justify-content:center;align-items:center;gap:.75rem 1.75rem;display:flex}.tft-comp-header>.tier-badge{grid-area:tier}.tft-comp-header h3{grid-area:name;margin:0;font-size:1.15rem;font-weight:500}.tft-comp-header>.tft-team-code{grid-area:code}.tft-comp-toggle{box-shadow:none;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.tft-comp-toggle:after{content:"";position:absolute;inset:-.6rem -1rem}.tft-comp-toggle:hover{color:var(--color-keep-flare);background:0 0}.tft-comp-toggle:focus-visible{outline:none}.tft-comp:has(.tft-comp-toggle:focus-visible){outline:2px solid var(--ember);outline-offset:2px}.tft-comp-chevron{color:var(--ember);grid-area:chevron;transition:transform .15s}.tft-comp-expanded .tft-comp-chevron{transform:rotate(180deg)}.tft-comp-units{width:min(100%, var(--tft-units) * 3.4rem + (var(--tft-units) - 1) * .25rem);flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex;container:tft-units/inline-size}.tft-hex-portraits{--tft-hex:3.2rem}.tft-hex-portraits .tft-portrait{width:3rem;height:3.36rem}.tft-hex-portraits .tft-portrait-letter{font-size:1.2rem}.tft-comp-units li{--tft-columns:var(--tft-units);--tft-slot:min(3.4rem, (100cqi - (var(--tft-columns) - 1) * .25rem) / var(--tft-columns));--tft-hex:calc(var(--tft-slot) * .94);z-index:1;width:var(--tft-slot);justify-items:center;display:grid;position:relative}@container tft-units not (width>=28rem){.tft-comp-units li{--tft-columns:min(var(--tft-units), 5)}}.tft-comp-units .tft-portrait{width:calc(var(--tft-slot) * .88);height:calc(var(--tft-slot) * .99)}.tft-comp-units a{max-width:100%;color:var(--text);justify-items:center;gap:.3rem;text-decoration:none;display:grid}.tft-comp-units .tft-tile-name{font-size:.65rem}.tft-comp-units .tft-unit-items{top:calc(var(--tft-slot) * .99 * .92);bottom:auto;transform:translate(-50%,-50%)}.tft-comp-details{gap:.75rem;padding-bottom:.4rem;display:grid}.tft-comp-results{border-left:1px solid #6a3d1e99;grid-template-columns:repeat(3,auto);align-items:end;gap:.5rem 1.1rem;margin:0;padding-left:1.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.tft-comp-results{border-left:1px solid color-mix(in srgb, var(--color-keep-brass-dark) 60%, transparent)}}.tft-comp-result-explained{cursor:help;text-underline-offset:2px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tft-comp-results dt{opacity:.8;font-size:.7rem}.tft-comp-results dd{color:var(--ember);margin:0;font-size:1.05rem;font-weight:600}@container tft-comp not (width>=56rem){.tft-comp-results{border-left:0;padding-left:0}}@container tft-comp not (width>=30rem){.tft-comp-header{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"tier name chevron""band band band""code code code"}.tft-comp-results{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem .75rem}}.tft-comp-stage{border-top:1px solid #6a3d1e99;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1.5rem;padding-top:.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.tft-comp-stage{border-top:1px solid color-mix(in srgb, var(--color-keep-brass-dark) 60%, transparent)}}.tft-comp-stage>.tft-carries{border-top:0;justify-items:start;padding-top:0}.tft-comp-stage>.tft-carries ol{grid-template-columns:repeat(3,auto);justify-content:start;display:grid}.tft-comp-traits-rail{justify-items:end;gap:.6rem;display:grid}.tft-comp-traits-rail h4{color:var(--ember);margin:0;font-size:.85rem;font-weight:500}.tft-comp-traits-rail .tft-comp-traits{flex-direction:column;align-items:flex-end}@container tft-comp not (width>=52rem){.tft-comp-stage{grid-template-columns:minmax(0,1fr);justify-items:center}.tft-comp-stage>.tft-carries,.tft-comp-traits-rail{justify-items:center}.tft-comp-stage>.tft-carries ol{justify-content:center}.tft-comp-traits-rail .tft-comp-traits{flex-direction:row;justify-content:center}}.tft-comp-traits{flex-wrap:wrap;gap:.4rem;display:flex}.tft-team-code{z-index:1;flex-wrap:wrap;align-items:center;gap:.4rem;display:flex;position:relative}.tft-team-code-button{border:1px solid var(--color-keep-bone);color:var(--text);box-shadow:none;white-space:nowrap;background:0 0;border-radius:4px;place-items:center;padding:.45rem .7rem;font-size:.72rem;transition:background .12s,color .12s,border-color .12s;display:inline-grid}.tft-team-code-button>span{grid-area:1/1}.tft-team-code-label-hidden{visibility:hidden}.tft-team-code-button:hover{color:var(--color-keep-soot);background:var(--color-keep-bone)}.tft-team-code-button.copied{border-color:var(--quadrant-best);color:var(--color-keep-soot);background:var(--quadrant-best)}.tft-team-code-button:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.tft-team-code-field{border:1px solid var(--color-keep-rivet);width:22rem;max-width:100%;color:var(--text);background:var(--color-keep-stone);font-family:var(--mono);padding:.4rem .6rem;font-size:.72rem}.tft-board{justify-content:center;gap:0;padding-top:.25rem;display:grid}.tft-board-row{gap:calc(var(--tft-hex) * .06);margin-top:calc(var(--tft-hex) * -.2);display:flex}.tft-board-row:first-of-type{margin-top:0}.tft-board-row-offset{margin-left:calc(var(--tft-hex) * .53)}.tft-board-row:not(.tft-board-row-offset){margin-right:calc(var(--tft-hex) * .53)}.tft-hex{width:var(--tft-hex);height:calc(var(--tft-hex) * 1.12);place-items:center;display:grid;position:relative}.tft-hex:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#3d32228c;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.tft-hex:before{background:color-mix(in srgb, var(--color-keep-iron) 55%, transparent)}}.tft-hex-filled{z-index:1}.tft-hex-filled:before{background:var(--color-keep-rivet)}.tft-hex>.hover-tip{width:100%;height:100%;display:grid;position:relative}.tft-hex a{place-items:center;width:100%;height:100%;display:grid;position:relative}.tft-hex .tft-portrait{width:88%;height:88%}.tft-hex .tft-portrait,.tft-hex-portraits .tft-portrait{background:0 0;border:0;border-radius:0;overflow:visible}.tft-hex .tft-portrait:before,.tft-hex-portraits .tft-portrait:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--tft-cost);position:absolute;inset:0}.tft-hex .tft-portrait img,.tft-hex .tft-portrait-letter,.tft-hex-portraits .tft-portrait img,.tft-hex-portraits .tft-portrait-letter{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--color-keep-stone);place-items:center;width:calc(100% - 4px);height:calc(100% - 4px);display:grid;position:relative}.tft-hex .tft-stars,.tft-hex-portraits .tft-stars{border-radius:.3rem}.tft-hex-portraits .tft-tile:hover .tft-portrait,.tft-hex-portraits .tft-tile:focus-visible .tft-portrait{box-shadow:none;filter:drop-shadow(0 0 .35rem var(--tft-cost))}.tft-comp-trait{display:inline-flex}.tft-hex-filled>*{transition:opacity .15s,filter .15s}.tft-board-highlighting .tft-hex-filled:not(.tft-hex-highlighted)>*{opacity:.3;filter:grayscale()}.tft-hex-highlighted .tft-portrait{filter:drop-shadow(0 0 .35rem var(--color-keep-flare))}.tft-comp-trait{transition:opacity .15s,filter .15s}.tft-comp-traits-highlighting .tft-comp-trait:not(.tft-comp-trait-highlighted){opacity:.3;filter:grayscale()}.tft-comp-trait-highlighted{filter:drop-shadow(0 0 .35rem var(--color-keep-flare))}.tft-unit-items{gap:1px;display:flex;position:absolute;bottom:13%;left:50%;transform:translate(-50%,50%)}.tft-unit-item{width:calc(var(--tft-hex) * .27);height:calc(var(--tft-hex) * .27);border:1px solid var(--color-keep-brass-dark);background:var(--color-keep-stone);border-radius:.15rem;place-items:center;display:grid}.tft-unit-item-letter{font-size:calc(var(--tft-hex) * .17);line-height:1}.tft-item-stats{margin-bottom:.35rem;font-size:.78rem;line-height:1.4;display:block}.tft-item-components{color:var(--muted);gap:.3rem;margin-top:.45rem;font-size:.72rem;display:grid}.hover-tip-card:has(.tft-item-recipe){width:22rem;max-width:min(22rem,100vw - 16px)}.tft-item-recipe{align-items:center;gap:.4rem;display:flex}.tft-item-recipe-plus{flex:none}.tft-item-component{white-space:normal;flex:0 auto;align-items:center;gap:.3rem;min-width:0;line-height:1.2;display:flex}.tft-item-components .tft-component-icon{flex:none;width:1.25rem;height:1.25rem}.tft-trait-tip-description{margin-bottom:.45rem}.tft-trait-tip-tiers{white-space:normal;gap:.2rem;margin-bottom:.45rem;font-size:.75rem;line-height:1.4;display:grid}.tft-trait-tip-tier{color:var(--muted);gap:.5rem;display:flex}.tft-trait-tip-tier .tft-trait-tier-units{width:1.2rem}.tft-trait-tip-tier-reached{color:var(--text);font-weight:600}.hover-tip-card .tft-stats{gap:.35rem .75rem;margin-bottom:.6rem}.hover-tip-card .tft-stats dd{font-size:.82rem}.tft-tip-ability{margin-bottom:.2rem;font-size:.78rem;font-weight:600;display:block}.tft-tip-icon{border:2px solid var(--tft-cost,var(--color-keep-brass-dark));vertical-align:middle;object-fit:cover;border-radius:.2rem;width:1.75rem;height:1.75rem;margin-right:.5rem}.tft-tier-row{border-bottom:1px solid var(--color-keep-brass-dark);align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.tft-tier-row:last-child{border-bottom:0}.tft-tier-row .tier-badge{flex:none}.tft-champion-header{border-bottom:1px solid var(--color-keep-brass-dark);flex-wrap:wrap;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.tft-champion-header h2{margin:0;font-size:2rem;font-weight:400}.tft-champion-header .tft-portrait{width:5rem;height:5rem}.tft-champion-header .tft-subtitle{text-align:left}.tft-star-switch{gap:.25rem;margin-left:auto;display:flex}.tft-star-switch button{border:1px solid var(--line);cursor:pointer;font:inherit;background:0 0}.tft-champion-body{grid-template-columns:minmax(0,16rem) minmax(0,1fr);gap:1.25rem;margin-top:1.25rem;display:grid}.tft-stats{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:.6rem;margin:0;display:grid}.tft-stats dt{opacity:.8;font-size:.7rem}.tft-stats dd{margin:0;font-size:1rem}.tft-panel{margin-top:1.25rem}.tft-panel h3{margin:0 0 .5rem;font-size:1.15rem;font-weight:500}.tft-panel h4{color:var(--ember);margin:1rem 0 .4rem;font-size:.9rem;font-weight:500}.tft-champion-body .tft-panel{margin-top:0}.tft-ability-text{white-space:pre-line;margin:.25rem 0 0;font-size:.9rem;line-height:1.55}.tft-simulated,.tft-trait-tiers{gap:.35rem;margin:0;padding:0;font-size:.85rem;line-height:1.45;list-style:none;display:grid}.tft-trait-detail{border-bottom:1px solid #6a3d1e99;padding:.75rem 0}@supports (color:color-mix(in lab, red, red)){.tft-trait-detail{border-bottom:1px solid color-mix(in srgb, var(--color-keep-brass-dark) 60%, transparent)}}.tft-trait-heading{align-items:center;gap:.4rem;margin:0;font-size:1rem;font-weight:500;display:flex}.tft-trait-heading img{width:1.5rem;height:1.5rem}.tft-trait-tiers{margin-top:.5rem}.tft-trait-tiers li{white-space:pre-line;gap:.6rem;display:flex}.tft-trait-tier-units{width:1.6rem;color:var(--ember);text-align:center;flex:none;font-weight:600}.tft-panel .nav-link{margin-top:1rem;display:inline-block}@media (width<=640px){.tft-champion-body{grid-template-columns:minmax(0,1fr)}.tft-star-switch{margin-left:0}.tft-tier-row{flex-direction:column;gap:.6rem}}.tft-credit{text-align:center;opacity:.75;margin:1.5rem 0 0;font-size:.75rem}.tft-credit a{color:inherit;text-decoration:underline}.tft-comp-item-row{border-top:1px solid #6a3d1e99;flex-wrap:wrap;justify-content:center;gap:.75rem 2rem;padding-top:.75rem;display:flex;container:tft-item-row/inline-size}@supports (color:color-mix(in lab, red, red)){.tft-comp-item-row{border-top:1px solid color-mix(in srgb, var(--color-keep-brass-dark) 60%, transparent)}}.tft-comp-components{align-items:center;gap:.75rem;display:flex}.tft-comp-components+.tft-comp-components{border-left:1px solid #6a3d1e99;padding-left:2rem}@supports (color:color-mix(in lab, red, red)){.tft-comp-components+.tft-comp-components{border-left:1px solid color-mix(in srgb, var(--color-keep-brass-dark) 60%, transparent)}}@container tft-item-row not (width>=46rem){.tft-comp-components{flex-direction:column}.tft-comp-components+.tft-comp-components{border-left:0;padding-left:0}}.tft-comp-components h4{color:var(--ember);white-space:nowrap;align-items:center;gap:.4rem;margin:0;font-size:.85rem;font-weight:500;display:flex}.tft-comp-components-total{background:var(--ember);border-radius:.6rem;padding:0 .4rem}@supports (color:color-mix(in lab, red, red)){.tft-comp-components-total{background:color-mix(in srgb, var(--ember) 18%, transparent)}}.tft-comp-components-total{font-size:.72rem;font-weight:600}.tft-component-totals{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.tft-component-totals li{position:relative}.tft-component-totals .tft-component-icon{border-width:2px;width:2rem;height:2rem}.tft-comp-costs{border-top:1px solid #6a3d1e99;padding-top:.75rem}@supports (color:color-mix(in lab, red, red)){.tft-comp-costs{border-top:1px solid color-mix(in srgb, var(--color-keep-brass-dark) 60%, transparent)}}.tft-comp-costs dl{flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;margin:0;display:flex}.tft-cost-group{justify-items:center;gap:.4rem;display:grid}.tft-cost-group dt{border-bottom:2px solid var(--tft-cost);width:100%;color:var(--tft-cost);text-align:center;padding-bottom:.2rem;font-size:.72rem;font-weight:600}.tft-cost-group dd{margin:0}.tft-comp-costs .tft-tile-grid{gap:.4rem}.tft-comp-costs .tft-tile{width:3.4rem}.tft-comp-costs .tft-tile-name{font-size:.65rem}.tft-comp-costs li{position:relative}.tft-comp-combat{border-top:1px solid #6a3d1e99;gap:.85rem;padding-top:.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.tft-comp-combat{border-top:1px solid color-mix(in srgb, var(--color-keep-brass-dark) 60%, transparent)}}.tft-comp-combat h4{color:var(--ember);margin:0;font-size:.85rem;font-weight:500}.tft-comp-combat h4 span{color:var(--color-keep-dim);margin-left:.4rem;font-size:.75rem;font-weight:400}.tft-combat-ad{--tft-combat:var(--tft-combat-ad)}.tft-combat-ap{--tft-combat:var(--tft-combat-ap)}.tft-combat-true{--tft-combat:var(--tft-combat-true)}.tft-combat-healing{--tft-combat:var(--tft-combat-healing)}.tft-combat-totals{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;display:grid}.tft-combat-total{gap:.35rem;display:grid}.tft-combat-total-head{flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;display:flex}.tft-combat-total-title{color:var(--color-keep-tallow);font-size:.78rem}.tft-combat-total-amount{color:var(--ember);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600}.tft-combat-total-share{color:var(--color-keep-ash);font-variant-numeric:tabular-nums;font-size:.75rem}.tft-combat-legend{color:var(--color-keep-tallow);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:.2rem .85rem;margin:0;padding:0;font-size:.74rem;list-style:none;display:flex}.tft-combat-legend li{align-items:center;gap:.3rem;display:inline-flex}.tft-combat-legend b{color:var(--text);font-weight:600}.tft-combat-swatch{background:var(--tft-combat);border-radius:999px;width:.65rem;height:.65rem}.tft-combat-bar{border-radius:999px;gap:2px;height:.7rem;margin-top:.1rem;display:flex;overflow:hidden}.tft-combat-segment{background:var(--tft-combat);min-width:0;transition:background .15s;position:relative}.tft-combat-total-focused .tft-combat-segment{background:var(--tft-combat)}@supports (color:color-mix(in lab, red, red)){.tft-combat-total-focused .tft-combat-segment{background:color-mix(in srgb, var(--tft-combat) 22%, transparent)}}.tft-combat-sliver{background:var(--tft-combat);transition:width .2s;position:absolute;inset:0 auto 0 0}.tft-combat-ledger{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.tft-combat-row{border-radius:.4rem;grid-template-columns:2.3rem minmax(4.5rem,8rem) minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem .75rem;padding:.2rem .5rem;transition:opacity .15s,background .15s;display:grid}.tft-combat-row:focus-visible{outline:2px solid var(--ember);outline-offset:-2px}.tft-combat-row-head{color:var(--color-keep-dim);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.tft-combat-row-focused{background:#e8b33a17}@supports (color:color-mix(in lab, red, red)){.tft-combat-row-focused{background:color-mix(in srgb, var(--color-keep-torch) 9%, transparent)}}.tft-comp-combat-focused .tft-combat-row:not(.tft-combat-row-focused){opacity:.55}.tft-combat-ledger.tft-hex-portraits .tft-portrait{width:2.2rem;height:2.46rem}.tft-combat-ledger.tft-hex-portraits .tft-portrait-letter{font-size:.85rem}.tft-combat-name{font-size:.82rem}.tft-combat-name small{color:var(--color-keep-dim);font-size:.68rem;display:block}.tft-combat-cell{align-items:center;gap:.5rem;min-width:0;display:flex}.tft-combat-amount{min-width:5.6rem;color:var(--color-keep-tallow);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:.78rem}.tft-combat-amount b{color:var(--text);font-weight:600}.tft-combat-slash{color:var(--color-keep-dim);font-size:.8rem}.tft-combat-line{background:#3d3222cc;border-radius:999px;flex:1;height:.45rem;display:flex}@supports (color:color-mix(in lab, red, red)){.tft-combat-line{background:color-mix(in srgb, var(--color-keep-iron) 80%, transparent)}}.tft-combat-line{overflow:hidden}.tft-combat-line-fill{border-radius:999px;height:100%;display:flex;overflow:hidden}.tft-combat-line-fill>span{background:var(--tft-combat);height:100%}@container tft-comp not (width>=40rem){.tft-combat-totals{grid-template-columns:minmax(0,1fr)}.tft-combat-row{grid-template-columns:2.3rem minmax(0,1fr)}.tft-combat-cell{grid-column:1/-1}.tft-combat-slash,.tft-combat-row-head{display:none}}@media (prefers-reduced-motion:reduce){.tft-combat-row,.tft-combat-segment,.tft-combat-sliver{transition:none}}.tft-carries{border-top:1px solid #6a3d1e99;gap:.6rem;padding-top:.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.tft-carries{border-top:1px solid color-mix(in srgb, var(--color-keep-brass-dark) 60%, transparent)}}.tft-carries h4{color:var(--ember);margin:0;font-size:.85rem;font-weight:500}.tft-carries ol{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.tft-carries li{justify-items:center;display:grid;position:relative}.tft-carries .tft-tile{width:3.4rem}.tft-carries .tft-tile-name{font-size:.65rem}.tft-carries .tft-unit-items,.tft-comp-costs .tft-unit-items{top:3.0912rem;bottom:auto;transform:translate(-50%,-50%)}.tft-component-icon{border:1px solid var(--color-keep-brass-dark);background:var(--color-keep-stone);object-fit:cover;border-radius:.2rem;place-items:center;width:1.5rem;height:1.5rem;display:grid}.tft-component-count{border:1px solid var(--color-keep-brass-dark);background:var(--color-keep-stone);color:var(--ember);border-radius:.5rem;padding:0 .25rem;font-size:.68rem;font-weight:600;line-height:1.2;position:absolute;bottom:-.3rem;right:-.3rem}