@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_db8459eb-module__PZ6jEG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_db8459eb-module__PZ6jEG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
:root{--bg:#0f1218;--panel:#181c25;--panel-2:#212735;--text:#e8eaf0;--muted:#8b93a7;--accent:#d9a441;--border:#2b3242;--good:#4caf7d;--bad:#e06666;--warn:#ec8a3c;--c1:#8d9199;--c2:#3fae6a;--c3:#3b82d6;--c4:#a855d8;--c5:#e0a830;--tS:#e06666;--tA:#e0a830;--tB:#4caf7d;--tC:#6b7280;--fs-display:clamp(38px, 5.6vw, 84px);--fs-h2:clamp(28px, 3.4vw, 48px);--fs-lead:clamp(17px, 1.45vw, 20px);--fs-body:16px;--fs-small:14px;--stage:var(--accent);--on-accent:#1b1f29;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-soft:cubic-bezier(.33, 1, .68, 1);--ease-in-out:cubic-bezier(.76, 0, .24, 1);--t-hover:.18s;--ease-hover:cubic-bezier(.25, .1, .25, 1);--page-max:1180px;--band:var(--panel);--fs-h1:clamp(24px, 2.4vw, 34px);--fs-h2-tool:clamp(18px, 1.5vw, 21px);--fs-ui:15px;--fs-xs:13px;--rule:color-mix(in srgb, var(--border) 75%, transparent);--header-h:58px;--accent-fg:var(--accent);--good-fg:var(--good);--bad-fg:#e87474;--warn-fg:var(--warn);--focus:var(--accent-fg);--on-tier:#1b1f29;--danger:#b93a3a;--switch-off:#4a5368}:root[data-theme=light]{--bg:#eef0f4;--panel:#fff;--panel-2:#e6e9ef;--text:#1b1f29;--muted:#5d6475;--border:#d9dce4;--accent-fg:#7d5400;--good-fg:#1b7346;--bad-fg:#b52a2a;--warn-fg:#9c4c0c;--c1:#6b7280;--c2:#2a854e;--c5:#a87410;--switch-off:#7b8293}*{box-sizing:border-box}body{font:15px/1.45 var(--font-geist-sans), system-ui, -apple-system, "Segoe UI", sans-serif;background:var(--bg);color:var(--text);margin:0}html:lang(ko) body{font-family:var(--font-geist-sans), "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;word-break:keep-all;overflow-wrap:anywhere}.site-header{z-index:10;padding:10px max(16px, calc((100% - var(--page-max)) / 2));background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px 20px;display:flex;position:sticky;top:0}.brand{color:var(--accent-fg);font-size:17px}.site-nav{flex-wrap:wrap;gap:4px;display:flex}.site-nav a{color:var(--muted);border-radius:6px;padding:6px 10px;font-weight:550;text-decoration:none;transition:color .16s,background .16s;position:relative}.site-nav a.active,.site-nav a:hover{color:var(--text)}main{max-width:calc(var(--page-max) + 32px);margin:0 auto;padding:16px 16px 32px}h1{font-size:var(--fs-h1);letter-spacing:-.025em;text-wrap:balance;margin:6px 0 12px;line-height:1.12}h2{font-size:var(--fs-h2-tool);letter-spacing:-.012em;text-wrap:balance;margin:28px 0 10px;line-height:1.2}h3{text-wrap:balance}.prose p{text-wrap:pretty}a{color:var(--accent-fg)}.muted{color:var(--muted)}.panel{background:var(--panel);border:1px solid #0000;border-radius:8px;padding:12px 14px}.panel .panel{background:var(--panel-2)}.grid{gap:10px;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}input,select,button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px}select option{background-color:var(--panel);color:var(--text)}input[type=search]{flex:1;min-width:200px}button{cursor:pointer}a,button,select,summary,label,[role=button],[data-tip]{touch-action:manipulation}html{-webkit-tap-highlight-color:color-mix(in srgb, var(--accent) 22%, transparent)}button:where(:hover:not(:disabled)){background:var(--border)}button.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent);font-weight:600}button:disabled{opacity:.6;cursor:wait}.tier-row{grid-template-columns:44px 1fr;gap:10px;margin-bottom:14px;display:grid}.show-more{background:var(--panel-2);min-height:40px;color:var(--text);font:inherit;transition:background .16s ease, transform .14s var(--ease-out);border:1px solid #0000;border-radius:6px;grid-column:1/-1;justify-self:center;padding:8px 18px;font-weight:600}.show-more:hover{background:var(--border)}.show-more:active{transform:scale(.97)}.show-more.open{color:var(--muted);background:0 0}.tier-table .show-more-row td{text-align:center;padding:6px}.tier-badge{color:var(--on-tier);border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-size:20px;font-weight:800;display:flex}.tier-S{background:var(--tS)}.tier-A{background:var(--tA)}.tier-B{background:var(--tB)}.tier-C{background:var(--tC)}.comp-card{color:inherit;text-decoration:none;display:block;position:relative}.new-badge{z-index:1;font-size:var(--fs-xs);color:color-mix(in srgb, var(--accent-fg) 70%, var(--text));background:color-mix(in srgb, var(--accent) 16%, transparent);border-radius:4px;padding:2px 8px;font-weight:700;position:absolute;top:10px;right:12px}.comp-card:has(.new-badge) .comp-head{padding-right:96px}.comp-card{transition:background .16s,border-color .16s}.comp-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--panel-2) 55%, var(--panel))}.comp-head{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-bottom:8px;display:flex}.comp-name{font-weight:650;font-size:var(--fs-ui)}.stats{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums}.stats b{color:var(--text)}.row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.row+.row{margin-top:6px}ul.row{margin:0;padding:0;list-style:none}.small-tier{color:var(--on-tier);border-radius:5px;padding:0 7px;font-size:13px;font-weight:700;display:inline-block}.tier-badge.tier-C,.small-tier.tier-C{color:#fff}.tag-filter-wrap{flex:1;min-width:min(100%,260px);position:relative}.tag-filter{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:6px;min-height:38px;padding:3px 6px;display:flex}.tag-filter:focus-within{outline:2px solid var(--focus);outline-offset:2px}.tag-filter input{background:0 0;border:0;flex:1;min-width:9em;padding:4px}.tag-filter input:focus-visible{outline:none}.tag-list{display:contents}.chip.tag{background:var(--panel);flex:none;align-items:center;gap:5px;min-width:0;max-width:100%;padding:2px 2px 2px 5px;font-size:13px;display:inline-flex}.chip.tag .tag-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chip.tag button{width:22px;height:22px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}.chip.tag button:hover{color:var(--text);background:var(--panel-2)}.filter-icon{object-fit:cover;border-radius:4px;flex:none;width:20px;height:20px}.filter-icon-trait{-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:currentColor;border-radius:0}.tag-menu{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 30px #00000059}.tag-menu li{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;display:flex}.tag-menu li[aria-selected=true]{background:var(--panel-2);box-shadow:inset 2px 0 0 var(--accent-fg)}.tag-menu .kind{color:var(--muted);margin-left:auto;padding-left:8px;font-size:12px}.champ{width:42px;height:42px;display:inline-block;position:relative}.champ img,.champ .ph{border:2px solid var(--c1);object-fit:cover;background:var(--panel-2);border-radius:6px;width:42px;height:42px;display:block}.champ .ph{text-align:center;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}.champ.c2 img,.champ.c2 .ph{border-color:var(--c2)}.champ.c3 img,.champ.c3 .ph{border-color:var(--c3)}.champ.c4 img,.champ.c4 .ph{border-color:var(--c4)}.champ.c5 img,.champ.c5 .ph{border-color:var(--c5)}.champ .stars{text-align:center;color:var(--c5);text-shadow:0 0 2px #000;font-size:10px;position:absolute;top:-7px;left:0;right:0}.champ .items{justify-content:center;gap:1px;display:flex;position:absolute;bottom:-6px;left:0;right:0}.champ .items img{border:1px solid #000;border-radius:2px;width:14px;height:14px}.champ.big,.champ.big img,.champ.big .ph{width:58px;height:58px}.item{border:1px solid var(--border);vertical-align:middle;border-radius:4px;width:26px;height:26px}.item.big{width:36px;height:36px}.item-text{font-size:var(--fs-xs);background:var(--panel-2);border:1px solid #0000;border-radius:4px;padding:2px 7px}.unit-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.unit-cell{align-items:center;gap:8px;display:flex}.unit-cell .meta{color:var(--muted);font-size:12px}.item-line{border-bottom:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.item-line:last-child{border-bottom:0}.recipe{color:var(--muted);align-items:center;gap:3px;font-size:12px;display:flex}.recipe .item{width:20px;height:20px}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:middle;padding:7px 10px}td{font-variant-numeric:tabular-nums}th{color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;font-weight:600}tbody tr:last-child>*{border-bottom:0}.table-wrap{overflow-x:auto}.good{color:var(--good-fg)}.bad{color:var(--bad-fg)}.cheat h2{margin-top:16px}.cheat .cost-group{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cheat .cost-label{color:#fff;background:color-mix(in srgb, var(--c1) 70%, #000);border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:inline-flex}.cost-label.c2{background:color-mix(in srgb, var(--c2) 70%, #000)}.cost-label.c3{background:color-mix(in srgb, var(--c3) 80%, #000)}.cost-label.c4{background:color-mix(in srgb, var(--c4) 85%, #000)}.cost-label.c5{background:var(--tA);color:var(--on-tier)}.cheat-unit{text-align:center;flex-direction:column;align-items:center;gap:2px;width:70px;font-size:12px;display:inline-flex}.cheat-unit.flex{opacity:.55}.notice{color:var(--muted);border-left:3px solid var(--accent);margin:10px 0;padding:4px 10px;font-size:13px}.notice.notice-pbe{color:var(--text);border-left-color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, transparent);border-radius:0 8px 8px 0;padding:8px 12px}.match{grid-template-columns:56px 1fr;gap:12px;display:grid}.place{text-align:center;background:var(--panel-2);border-radius:8px;padding:6px 0;font-size:28px;font-weight:800}.place.top{color:var(--good-fg)}.place.bottom{color:var(--bad-fg)}.alerts{gap:8px;margin-top:10px;display:grid}.alert{border:1px solid var(--border);border-left-width:4px;border-radius:8px;padding:10px 12px;position:relative}.alert.has-unit{min-height:78px;padding-right:80px}.alert.danger{border-color:var(--bad);background:color-mix(in srgb, var(--bad) 12%, var(--panel))}.alert.warn{border-color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, var(--panel))}.alert.good{border-color:var(--good);background:color-mix(in srgb, var(--good) 11%, var(--panel));color:var(--text)}.alert-icon{width:18px;font-weight:800;display:inline-block}.alert.danger .alert-icon{color:var(--bad-fg)}.alert.warn .alert-icon{color:var(--warn-fg)}.alert.good .alert-icon{color:var(--good-fg)}.alert-unit{position:absolute;top:10px;right:10px}.alert-row{margin-top:8px;padding-left:18px}.alert-items{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;padding-left:18px;display:flex}.alert-items .lbl{color:var(--muted);min-width:108px;font-size:12px}.xitem{line-height:0;display:inline-block;position:relative}.xitem img{filter:grayscale(.8)brightness(.75)}.xitem:after{content:"✕";color:var(--bad-fg);text-shadow:0 0 3px #000,0 0 2px #000;justify-content:center;align-items:center;font-size:30px;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.subtabs{border-bottom:1px solid var(--rule);scrollbar-width:none;gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.subtabs a{color:var(--muted);border-bottom:2px solid #0000;flex:none;padding:8px 12px;font-weight:600;text-decoration:none;transition:color .16s}.subtabs a:hover{color:var(--text)}.subtabs a.active{color:var(--text);border-bottom-color:var(--accent-fg)}.ig-layout{grid-template-columns:minmax(0,1fr) minmax(280px,380px);align-items:start;gap:20px;display:grid}.hexboard{--hex:min(calc((100vw - 32px - 30px) / 7.5), 66px);padding:calc(var(--hex) * .18) 0 calc(var(--hex) * .3)}.hexrow{gap:4px;display:flex}.hexrow+.hexrow{margin-top:calc(var(--hex) * -.24)}.hexrow.odd{margin-left:calc(var(--hex) / 2 + 2px)}.hexcell{flex:none;position:relative}.hex,.bslot{cursor:pointer;width:var(--hex);height:calc(var(--hex) * 1.15);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--border);flex:none;justify-content:center;align-items:center;display:flex;position:relative}.bslot{--hex:clamp(40px, calc((100vw - 32px - 32px) / 9), 56px);height:var(--hex);clip-path:none;border-radius:6px}.bench{flex-wrap:wrap;gap:12px 4px;padding-top:6px;display:flex}.hex.empty,.bslot.empty{background:var(--panel-2);color:var(--muted);font-size:18px}.hex.empty:hover,.bslot.empty:hover{background:var(--border);color:var(--text)}.hex[role=button]:not(.empty):hover .inner,.bslot[role=button]:not(.empty):hover .inner{filter:brightness(1.15)}.hex.c1,.bslot.c1{background:var(--c1)}.hex.c2,.bslot.c2{background:var(--c2)}.hex.c3,.bslot.c3{background:var(--c3)}.hex.c4,.bslot.c4{background:var(--c4)}.hex.c5,.bslot.c5{background:var(--c5)}.hex .inner,.bslot .inner{background:var(--panel-2);clip-path:inherit;border-radius:inherit;justify-content:center;align-items:center;display:flex;position:absolute;inset:3px;overflow:hidden}.bslot .inner{border-radius:4px}.hex .inner img,.bslot .inner img{object-fit:cover;width:100%;height:100%}.hex .nm,.bslot .nm{text-align:center;padding:0 4px;font-size:9px;position:absolute}.hex img+.nm,.bslot img+.nm{display:none}.hexcell .st,.bslot .st{z-index:1;pointer-events:none;font-size:max(12px, calc(var(--hex) * .27));letter-spacing:-1px;white-space:nowrap;color:var(--c5);text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000,0 0 4px #000;line-height:1;position:absolute;top:0;left:50%;transform:translate(-50%,-45%)}.hex .its,.bslot .its{justify-content:center;gap:1px;display:flex;position:absolute;bottom:14%;left:0;right:0}.bslot .its{bottom:2px}.hex .its img,.bslot .its img{border:1px solid #000;border-radius:2px;width:13px;height:13px}.hex.moving,.bslot.moving{outline:3px solid var(--accent);background:var(--accent)}.hex[draggable=true],.bslot[draggable=true]{cursor:grab}.hex.dragging,.bslot.dragging{opacity:.4}.hex.drop,.bslot.drop,.hex.empty.drop,.bslot.empty.drop{background:var(--accent);color:var(--on-accent)}.components{flex-wrap:wrap;gap:10px 12px;display:flex}.compo{border:1px solid var(--border);background:var(--panel);-webkit-user-select:none;user-select:none;border-radius:6px;padding:3px;position:relative}.compo .item{opacity:.45;width:34px;height:34px}.compo.has{border-color:var(--accent-fg)}.compo:hover{border-color:var(--muted)}.compo.has:hover{border-color:var(--accent-fg);background:var(--panel-2)}.compo.has .item{opacity:1}.compo b{background:var(--accent);color:var(--on-accent);border-radius:9px;padding:0 5px;font-size:11px;position:absolute;top:-6px;right:-6px}.compo-add{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block}.compo .minus{border-radius:12px;min-width:24px;height:24px;padding:0 6px;font-size:13px;line-height:22px;position:absolute;bottom:-10px;right:-10px}.trait{border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:2px 8px;font-size:13px}.trait small{color:var(--muted)}.trait.on{color:#fff;border-color:#0000}.trait.on small{color:inherit}.trait.on.t1{background:#8c5a3c}.trait.on.t2{background:#5a6a78}.trait.on.t3{color:var(--on-tier);background:#b58a22}.trait.on.t4{background:#9b4fc4}.trait-badge{color:var(--text);align-items:center;gap:5px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex;position:relative}.trait-badge small{color:var(--muted);font-weight:500}.trait-ico{background:var(--panel-2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);flex:none;width:30px;height:34px;padding:7px 6px;display:inline-flex}.trait-badge.off{color:var(--muted)}.trait-badge.off .trait-ico-img{background:var(--muted)}a.trait-badge:hover{color:var(--accent-fg)}a.trait-badge:hover .trait-ico{filter:brightness(1.15)}.missing{opacity:.35;filter:grayscale()}.ok img{outline:2px solid var(--good-fg);border-radius:4px}.carry-item{align-items:center;gap:4px;margin-right:10px;display:inline-flex}.modal{overscroll-behavior:contain;width:min(720px,100%);max-height:85vh;overflow-y:auto}.pick-list{flex-direction:column;gap:8px;display:flex}.pick-list.items{flex-flow:wrap;gap:4px}.pick-cost{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pick{background:0 0;border-color:#0000;flex-direction:column;align-items:center;gap:2px;width:74px;padding:4px;font-size:11px;display:inline-flex}.pick-list.items .pick{width:auto}.pick:hover{background:var(--panel-2);border-color:var(--border)}button.bad{color:var(--bad-fg)}.board-wrap{display:inline-block}.board-label{color:var(--muted);text-align:center;font-size:11px}.hex.ro{cursor:default}.hex.ghost{opacity:.4;filter:grayscale(.6)}.cheat-grid{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:24px;display:grid}.unit-name{min-width:90px}.plan{border-color:var(--accent-fg);margin-bottom:8px}.plan h3{color:var(--muted);margin:14px 0 6px;font-size:14px;font-weight:600}.plan .hexboard{--hex:min(calc((100vw - 64px - 30px) / 7.5), 44px)}.pitem{border:2px solid #0000;border-radius:6px;padding:2px;display:inline-block}.pitem.ok{border-color:var(--good-fg)}.pitem.craft{border-color:var(--accent-fg)}.pitem.need{opacity:.4;filter:grayscale()}.comp-card.selected{border-color:var(--accent-fg);box-shadow:0 0 0 1px var(--accent-fg)}.ig-main{flex-direction:column;min-width:0;display:flex}.ig-traits{order:1}.ig-trait-list{flex-wrap:wrap;gap:8px 12px;display:flex}@media (min-width:1100px){.ig-main{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:16px;display:grid}.ig-traits{top:calc(var(--header-h) + 12px);order:0;position:sticky}.ig-traits h3{margin-top:6px}.ig-trait-list{flex-flow:column;gap:6px}.ig-traits [data-tip]:hover:after,.ig-traits [data-tip]:focus:after{top:50%;bottom:auto;left:calc(100% + 8px);transform:translateY(-50%)}}@media (max-width:860px){.ig-layout,.cheat-grid{grid-template-columns:1fr}}@media (max-width:600px){.tier-row{grid-template-columns:1fr}.tier-badge{min-height:30px}}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-padding-top:calc(var(--header-h) + 16px)}@media (max-width:900px){html{scroll-padding-top:130px}}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.brand{color:var(--accent-fg);align-items:center;gap:8px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:36px;height:36px}.comp-card[data-plan],.comp-card.clickable{cursor:pointer}.page-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.page-grid>aside{position:sticky;top:72px}@media (max-width:1000px){.page-grid{grid-template-columns:1fr}.page-grid>aside{display:none}}.page-grid:not(:has(>aside>*)){grid-template-columns:minmax(0,1fr)}.page-grid:not(:has(>aside>*))>aside{display:none}.wide{max-width:calc(var(--page-max) + 32px)}.ad-slot{justify-content:center;align-items:center;margin:16px auto;display:flex;overflow:hidden}.ad-slot.top,.ad-slot.bottom,.ad-slot.infeed{width:100%;max-width:970px;min-height:100px}.ad-slot.sidebar{width:300px;min-height:600px;margin:0}.ad-preview{width:100%;height:100%;min-height:inherit;border:1px dashed var(--border);color:var(--muted);background:repeating-linear-gradient(45deg, transparent 0 10px, color-mix(in srgb, var(--border) 25%, transparent) 10px 20px);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex}.ad-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:10px}.site-footer{background:var(--bg);margin-top:48px}.footer-inner{max-width:calc(var(--page-max) + 32px);margin:0 auto;padding:8px 16px 28px}.footer-board{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;display:grid}.ft-tile{background:var(--panel);border-radius:10px;min-width:0;padding:24px}.ft-about{flex-direction:column;grid-column:1/5;align-items:flex-start;gap:14px;display:flex}.ft-about .brand,.ft-about .brand:hover{color:var(--accent-fg);font-size:20px}.ft-about .brand img{width:44px;height:44px}.ft-about p{max-width:40ch;color:color-mix(in srgb, var(--text) 82%, var(--muted));margin:0;font-size:16px;line-height:1.55}.footer-cols{grid-column:5/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.footer-cols h2{letter-spacing:0;color:var(--muted);margin:0 0 12px;font-size:14px;font-weight:650}.footer-cols ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.footer-cols a,.linklike{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:14px;text-decoration:none}.footer-cols a,.footer-cols .linklike{min-height:30px;color:color-mix(in srgb, var(--text) 85%, var(--muted));transition:color .16s ease, transform .2s var(--ease-out);align-items:center;display:inline-flex}.footer-cols a:hover,.linklike:hover{color:var(--accent-fg)}@media (hover:hover) and (pointer:fine){.footer-cols a:hover,.footer-cols .linklike:hover{transform:translate(3px)}}.social{gap:8px;margin-top:auto;display:flex}.social a{background:var(--panel-2);width:40px;height:40px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;transition:background .16s,color .16s;display:inline-flex}.social a:hover{background:var(--border);color:var(--accent-fg)}.social svg{fill:currentColor;width:18px;height:18px}.ft-mark{flex-direction:column;grid-column:1/9;justify-content:space-between;gap:18px;min-height:220px;display:flex;overflow:hidden;container-type:inline-size}.ft-wordmark{letter-spacing:-.055em;color:var(--text);white-space:nowrap;font-size:min(19.5cqi,172px);font-weight:800;line-height:.86}.ft-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin:0;font-size:14px;display:flex}.ft-cta{--cut:64px;background:var(--accent);min-height:220px;color:var(--on-accent);clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--cut) * .577));flex-direction:column;grid-column:9/-1;justify-content:space-between;gap:24px;padding-top:32px;text-decoration:none;transition:filter .18s;display:flex;position:relative}.ft-cta-text{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(24px,2.2vw,32px);font-weight:750;line-height:1.08;display:block}.ft-cta .live-dot{vertical-align:.2em;background:#14532d;margin-right:6px;display:inline-block}.ft-cta .live-dot:after{background:#14532d}.ft-arrow{width:44px;height:44px;transition:transform .28s var(--ease-out);align-self:flex-end}.ft-cta:hover{filter:brightness(1.06)}.ft-cta:hover .ft-arrow,.ft-cta:focus-visible .ft-arrow{transform:translate(5px,-5px)}.ft-cta:active{filter:brightness(.97)}.ft-cta:focus-visible{outline:2px solid var(--on-accent);outline-offset:-6px}.footer-disclaimer{max-width:860px;font-size:var(--fs-xs);color:var(--muted);margin:18px 0 0;line-height:1.5}@media (max-width:1000px){.ft-about,.footer-cols{grid-column:1/-1}.ft-mark{grid-column:1/8}.ft-cta{grid-column:8/-1}}@media (max-width:640px){.footer-board{gap:6px}.ft-tile{padding:20px}.ft-mark{grid-area:1/1/auto/-1;min-height:150px}.ft-cta{--cut:48px;grid-area:2/1/auto/-1;min-height:150px}.footer-cols{grid-row:3;grid-template-columns:1fr 1fr;gap:20px 16px}.ft-about{grid-row:4}}.modal-bg{z-index:60;background:#0009;justify-content:center;align-items:flex-start;padding:6vh 16px;display:flex;position:fixed;inset:0}.modal{overscroll-behavior:contain;width:min(760px,100%);max-height:86vh;position:relative;overflow-y:auto}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.modal-head h2{margin:0}.modal-close{padding:4px 10px;font-size:18px;line-height:1}.legal h3{margin:18px 0 6px;font-size:15px}.legal p,.legal li{color:var(--text);font-size:14px}.legal .small{color:var(--muted);font-size:12px}.legal table{margin:8px 0;font-size:13px}.cookie-banner{z-index:55;background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px 16px;max-width:760px;margin:0 auto;padding:14px 16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 10px 30px #00000059}.cookie-banner p{flex:320px;margin:0;font-size:14px}.cookie-actions{flex-wrap:wrap;gap:8px;display:flex}html[data-consent] .cookie-banner{display:none}@media (max-width:600px){.cookie-banner{border-radius:10px;gap:8px;padding:10px 12px;bottom:8px;left:8px;right:8px}.cookie-banner p{flex-basis:100%;font-size:12.5px;line-height:1.35}.cookie-actions{flex-wrap:nowrap;width:100%}.cookie-actions button{flex:1 1 0;min-width:0;padding-inline:8px}}.consent-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;display:flex}.consent-row p{color:var(--muted);margin:4px 0 0;font-size:13px}.switch{flex:none;width:44px;height:24px;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.switch input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.switch span{background:var(--switch-off);cursor:pointer;border-radius:12px;transition:background .15s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--accent-fg)}.switch input:checked+span:after{transform:translate(20px)}.switch input:disabled+span{opacity:.6;cursor:not-allowed}.share{flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 16px;display:flex}.share a,.share button{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;text-decoration:none;display:inline-flex}.share a:hover,.share button:hover{border-color:var(--accent)}.share svg{fill:currentColor;width:15px;height:15px}.hero{padding:6px 0 4px}.hero p{color:var(--muted);max-width:760px;margin:0 0 6px}body{flex-direction:column;min-height:100vh;display:flex}body>main{width:100%}.site-footer{margin-top:auto}main+.ad-slot.bottom{margin-top:32px}.player-search{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;align-items:stretch;min-width:0;display:flex;overflow:hidden}.player-search:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 20%, transparent)}.player-search input,.player-search select,.player-search button{background:0 0;border:0;border-radius:0}.player-search input{outline:none;flex:auto;min-width:0;padding:7px 10px}.player-search input::-webkit-search-cancel-button{display:none}.player-search select{color:var(--muted);border-left:1px solid var(--border);cursor:pointer;outline:none;flex:none;padding:7px 6px}.player-search select:focus-visible{box-shadow:inset 0 0 0 2px var(--focus)}.player-search button{background:var(--accent);color:var(--on-accent);flex:none;align-items:center;gap:6px;padding:7px 12px;font-weight:600;display:inline-flex}.player-search button:hover{filter:brightness(1.08)}.search-icon{flex:none;width:18px;height:18px}.player-search>.search-icon{color:var(--muted);align-self:center;margin-left:12px}.site-header .player-search{width:min(360px,100%);margin-left:auto}.player-search.page{border-radius:10px;max-width:640px;margin:4px 0 8px;font-size:16px}.player-search.page input{padding:12px 10px}.player-search.page select{padding:0 10px}.player-search.page button{padding:0 20px}@media (max-width:520px){.player-search.page button{padding:0 14px}.player-search.page select{padding:0 6px}}.search-tips{gap:4px;max-width:640px;margin:14px 0 0;padding-left:20px;font-size:14px;display:grid}.player-head{flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin:22px 0 12px;display:flex}.player-head h1,.player-error h1{margin:0;font-size:26px}.player-head h1 .muted,.player-error h1 .muted{margin-left:2px;font-weight:500}.player-server{letter-spacing:.06em;background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:2px 8px;font-size:12px;font-weight:700}.player-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.player-stats .panel{flex-direction:column;gap:2px;display:flex}.player-stats b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:26px;font-weight:750}.rank-cards{grid-template-columns:minmax(0,3fr) minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:16px;display:grid}.rank-card:not(.main) .rank-body{flex-direction:column;align-items:flex-start;gap:8px}.rank-card:not(.main) .rank-emblem{width:44px;height:44px}.rank-card:not(.main) .rank-body b{font-size:16px}.rank-card h2{color:var(--muted);margin:0 0 8px;font-size:15px}.rank-body{align-items:center;gap:14px;display:flex}.rank-body b{font-size:20px}.rank-body .stats{margin:4px 0 0}.rank-emblem{object-fit:contain;flex:none;width:64px;height:64px}.rank-emblem.rated{background:var(--panel-2);border:3px solid var(--border);border-radius:50%}.rank-emblem.gray{border-color:#8a8f98}.rank-emblem.green{border-color:#3aa655}.rank-emblem.blue{border-color:#3b82c4}.rank-emblem.purple{border-color:#9b4fc4}.rank-emblem.orange{border-color:#e08a2c}.rank-emblem.hyper{border-color:#e0457b}.rank-recent{margin:12px 0 6px}.placements{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.placements li{background:var(--panel-2);font-variant-numeric:tabular-nums;border-radius:4px;justify-content:space-between;align-items:baseline;gap:4px;padding:4px 7px;font-size:13px;display:flex}.placements li.p1{color:#1b1f29;background:#d9a441}.placements li.p2{color:#1b1f29;background:#9aa6b4}.placements li.p3{color:#1b1f29;background:#b8845a}.placements li.p4{color:#fff;background:#5a6a78}.placements li.zero{opacity:.45}@media (max-width:900px){.rank-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-card.main{grid-column:1/-1}}@media (max-width:560px){.placements{grid-template-columns:repeat(4,minmax(0,1fr))}}.lobby-details{margin-top:10px}.lobby-details summary{cursor:pointer;color:var(--accent-fg);font-size:14px;display:inline-block}.lobby{margin:8px 0 0;padding:0;list-style:none}.lobby-row{border-top:1px solid var(--border);grid-template-columns:40px minmax(0,150px) minmax(0,170px) minmax(0,1fr);align-items:center;gap:8px 12px;padding:8px 6px;display:grid}.lobby-row.me{background:var(--panel-2);box-shadow:inset 3px 0 0 var(--accent-fg);border-radius:6px}.lobby-place{text-align:center;font-size:16px;font-weight:800}.lobby-place.top{color:var(--good-fg)}.lobby-place.bottom{color:var(--bad-fg)}.lobby-who{flex-direction:column;min-width:0;display:flex}.lobby-who>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lobby-who .stats{font-size:12px}.lobby-traits{flex-wrap:wrap;gap:3px;display:flex}.lobby-trait{background:var(--panel-2);border-radius:5px;width:22px;height:22px;padding:3px;display:inline-flex}.lobby-trait.s1,.trait-ico.s1{background:#8c5a3c}.lobby-trait.s2,.trait-ico.s2{background:#6d7f8f}.lobby-trait.s3,.trait-ico.s3{background:#b58a22}.lobby-trait.s5,.trait-ico.s5{background:#c0632a}.lobby-trait.s4,.trait-ico.s4{background:linear-gradient(135deg,#5fc8e0,#b77de8 50%,#efc46a)}.lobby-trait-icon,.trait-ico-img{width:100%;height:100%;-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;background:#fff}.lobby-trait.s4 .lobby-trait-icon,.trait-ico.s4 .trait-ico-img{background:var(--on-tier)}.lobby-units{flex-wrap:wrap}@media (max-width:720px){.lobby-row{grid-template-columns:34px minmax(0,1fr)}.lobby-traits,.lobby-units{grid-column:2}}.player-stats span{color:var(--muted);font-size:13px}@media (max-width:600px){.player-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.player-error{margin-top:18px}.player-error p{margin:8px 0 0}.player-loading{color:var(--muted);align-items:center;gap:12px;margin:22px 0 12px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{height:150px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--panel-2) 50%, transparent 100%);animation:1.4s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.spinner,.skeleton:after{animation:none}.skeleton:after{display:none}}.unit-items{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;display:grid}.unit-items-row{background:var(--panel);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.unit-items-row.carry{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 8%, var(--panel))}.unit-items-list{flex-wrap:wrap;gap:4px;display:flex}.unit-items-list .item.big{width:38px;height:38px}.tip-wrap{line-height:0;display:inline-block;position:relative}[data-tip]{outline:none}[data-tip]:hover:after,[data-tip]:focus:after{content:attr(data-tip);z-index:30;text-align:center;white-space:normal;color:#f3f4f7;pointer-events:none;background:#0b0d12;border:1px solid #2b3242;border-radius:6px;width:max-content;max-width:220px;padding:5px 9px;font-size:12px;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #00000059}[data-tip]:focus-visible{box-shadow:0 0 0 2px var(--focus);border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--accent);color:var(--on-accent);border-radius:6px;padding:8px 14px;font-weight:600;position:absolute;top:-60px;left:8px}.skip-link:focus{top:8px}#main-content{outline:none;height:0;display:block}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,[role=button]:focus-visible,.comp-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hex[role=button]:focus-visible,.bslot[role=button]:focus-visible{outline:3px solid var(--text);outline-offset:-3px}html,body{overflow-x:clip}img{max-width:100%}.button{background:var(--panel-2);min-height:40px;color:var(--text);transition:background .16s ease, filter .16s ease, transform .14s var(--ease-out);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:var(--border)}.button:active{transform:scale(.97)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.button.primary:hover{filter:brightness(1.08)}.cta-links{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.cta{background:color-mix(in srgb, var(--accent) 10%, var(--panel));margin:28px 0 16px;padding:18px 20px}.cta h2{margin-top:0}.cta p{color:var(--muted);margin:0 0 4px}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:4px;margin:0 0 8px;padding:0;font-size:13px;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--muted);margin-right:4px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent-fg)}.h1-sub{color:var(--muted);font-weight:500}.lead{color:color-mix(in srgb, var(--text) 78%, var(--muted));max-width:72ch;margin:0 0 12px;font-size:16px;line-height:1.55}.eyebrow{font-size:var(--fs-xs);color:var(--accent-fg);margin:0 0 4px;font-weight:700;display:block}.chips{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 10px;display:flex}.chip{font-size:var(--fs-xs);background:var(--panel-2);color:var(--text);border:1px solid #0000;border-radius:999px;padding:3px 9px}.chip.cost.c1{border-color:var(--c1)}.chip.cost.c2{border-color:var(--c2)}.chip.cost.c3{border-color:var(--c3)}.chip.cost.c4{border-color:var(--c4)}.chip.cost.c5{border-color:var(--c5)}.data-stamp{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin:4px 0 14px;font-size:13px;display:flex}.data-stamp .stale{color:var(--warn-fg);flex-basis:100%}.tier-badge{margin:0}.small-tier{margin-right:2px}.checklist{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.checklist li{line-height:1.4}.good-item>span[aria-hidden],.why-short .good-item{color:var(--good-fg)}.bad-item>span[aria-hidden],.why-short .bad-item{color:var(--bad-fg)}.reasons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.reasons h2,.reasons h3{margin-top:0}@media (max-width:760px){.reasons{grid-template-columns:1fr}}.why-short{flex-direction:column;gap:2px;margin:0 0 8px;font-size:13px;display:flex}.entity{color:inherit;align-items:center;gap:8px;min-height:40px;text-decoration:none;display:inline-flex}a.entity:hover .entity-name{color:var(--accent-fg)}.entity-name{flex-direction:column;line-height:1.25;display:flex}.entity-name small{color:var(--muted);font-size:12px}.entity-head{align-items:center;gap:14px;display:flex}.entity-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.entity-card{color:inherit;align-items:center;gap:10px;height:100%;text-decoration:none;display:flex}.entity-card span{overflow-wrap:anywhere;flex-direction:column;min-width:0;display:flex}.entity-card small{font-size:12px}.entity-card{transition:background .16s,border-color .16s}.entity-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--panel-2) 55%, var(--panel))}.trait-link{color:var(--text);text-decoration:none}a.trait-link:hover{border-color:var(--accent);color:var(--accent-fg)}.trait-list{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.trait-list li{flex-direction:column;gap:6px;display:flex}.trait-title{font-weight:600;text-decoration:none}.comp-name-link{color:inherit;text-decoration:none}.comp-name-link:hover,.trait-title:hover{color:var(--accent-fg);text-decoration:underline}.phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.phases h3{margin:0 0 8px;font-size:14px}@media (max-width:760px){.phases{grid-template-columns:1fr}}.recipe-big{color:var(--muted);gap:10px;font-size:18px}.prose{max-width:780px}.prose p,.prose li{line-height:1.6}.prose h2{margin-top:28px}.prose dt{margin-top:14px;font-weight:700}.prose dd{margin:2px 0 0;line-height:1.6}.panel.prose p{margin:0 0 8px}.panel.prose p:last-child{margin-bottom:0}.guide h1{font-size:clamp(24px,4vw,30px)}.guide-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.guide-card{height:100%;color:inherit;text-decoration:none;display:block}.guide-card h2,.guide-card h3{color:var(--text);margin:0 0 6px;font-size:16px}.guide-card p{margin:0;font-size:14px}.guide-card:hover{border-color:var(--accent)}th[scope=row]{color:var(--muted);cursor:default;font-weight:500}.th-sort{min-height:24px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0}.unit-list{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr))}.steps{counter-reset:step;color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin:0 0 6px;padding:0;font-size:13px;list-style:none;display:flex}.steps li{counter-increment:step}.steps li:before{content:counter(step);background:var(--panel-2);border:1px solid var(--border);width:18px;height:18px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;margin-right:6px;font-size:11px;font-weight:700;display:inline-flex}.steps b{color:var(--text)}.step-title{align-items:center;gap:8px;margin-top:8px;display:flex}.step-n{background:var(--accent);width:24px;height:24px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:inline-flex}.ig-layout h3{margin:18px 0 8px;font-size:15px}.plan .checklist.why{font-size:14px}.pitem,.pick{position:relative}.pbadge{min-width:16px;height:16px;color:var(--on-accent);background:var(--good);border-radius:8px;justify-content:center;align-items:center;padding:0 3px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-5px}.pitem.craft .pbadge{background:var(--accent)}.pick-list.items .pick{justify-content:center;min-width:42px;min-height:42px}.pick.rec{border-color:var(--good);background:color-mix(in srgb, var(--good) 12%, transparent)}.pick.rec .pbadge{top:0;right:0}.pick.up{border-color:var(--c5)}.pick.up .pbadge{background:var(--c5);top:0;right:0}.recommended-line{flex-wrap:wrap;align-items:center;gap:6px 4px;margin:4px 0 10px;display:flex}.verdicts{margin:0 0 10px;font-size:14px}.compo{min-width:42px;min-height:42px}.coach-summary{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));margin:4px 0 18px}.coach-summary h2{margin-top:0}.coach-summary h3{color:var(--muted);margin:0 0 4px;font-size:14px}.match .comp-name{margin:0;font-size:15px}.tips-title{font-size:var(--fs-xs);color:var(--muted);margin:12px 0 0;font-weight:650}.alert-topic{font-size:var(--fs-xs);color:var(--muted);margin:0 0 2px 18px;font-weight:700}.alert-learn{margin:8px 0 0 18px;font-size:13px;display:inline-block}.inline-link{color:var(--accent-fg);text-decoration:underline}@media (max-width:420px){.match{grid-template-columns:1fr}.place{justify-self:start;padding:2px 10px;font-size:20px}.alert.has-unit{padding-right:12px}.alert-unit{margin-bottom:6px;display:block;position:static}.alert-items .lbl{flex-basis:100%;min-width:0}.player-search select{max-width:72px}}.roles{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;display:grid}.roles h3{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:650}.site-nav a{align-items:center;gap:7px;display:inline-flex}.live-dot{background:var(--good);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.live-dot:after{content:"";background:var(--good);border-radius:50%;animation:1.8s ease-out infinite live-pulse;position:absolute;inset:0}@keyframes live-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@media (prefers-reduced-motion:reduce){.live-dot:after{animation:none}}.ad-slot{flex-direction:column;gap:4px}.ad-slot>.ad-label{align-self:center}.ad-slot>ins,.ad-slot>div:not(.ad-preview){flex:1;width:100%}.header-end{align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.site-header .header-end .player-search{width:min(330px,100%);margin-left:0}.lang-switch{flex:none;position:relative}.lang-current{justify-content:center;align-items:center;min-height:36px;padding:6px 10px;display:inline-flex}.lang-current:hover,.lang-current[aria-expanded=true]{border-color:var(--muted)}.lang-caret{color:var(--muted);font-size:11px}.flag{border-radius:2px;flex:none;width:21px;height:14px;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #00000040}.flag svg{width:100%;height:100%;display:block}.lang-menu{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:170px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #00000059}.lang-menu a{color:var(--text);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.lang-menu a:hover,.lang-menu a.active{background:var(--panel-2)}.lang-menu a.active{font-weight:600}.header-search{display:contents}.header-search-toggle{display:none}@media (min-width:901px){.header-search{flex:none;display:flex;position:relative}.header-search-toggle{background:var(--panel-2);width:36px;height:36px;color:var(--text);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.header-search-toggle:hover,.header-search-toggle[aria-expanded=true]{background:var(--panel-2);border-color:var(--accent)}.site-header .header-search .player-search{z-index:30;visibility:hidden;opacity:0;clip-path:inset(0 0 0 calc(100% - 38px) round 999px);width:380px;height:38px;transition:clip-path .24s var(--ease-out), opacity .12s ease, visibility 0s .24s;border-radius:999px;margin:0;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 8px 22px #00000059}.site-header .header-search.is-open .player-search{visibility:visible;opacity:1;clip-path:inset(-28px round 999px);transition:clip-path .24s var(--ease-out), opacity .12s ease}.header-search .player-search input{padding:0 8px 0 16px}.header-search .player-search select{padding:0 6px}.header-search .player-search button{justify-content:center;width:38px;padding:0}}.burger,.drawer-extra{display:none}.site-drawer,.header-wide{display:contents}@media (max-width:900px){.site-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px 0;transition:transform .22s;display:grid}.site-header.is-hidden:not(.menu-open):not(:focus-within){transform:translateY(-100%)}.burger{flex-direction:column;justify-content:center;justify-self:start;align-items:center;gap:5px;width:40px;height:40px;padding:0;display:inline-flex}.burger:before,.burger:after,.burger span{content:"";background:var(--text);border-radius:2px;width:18px;height:2px;transition:transform .2s,opacity .2s;display:block}.menu-open .burger:before{transform:translateY(7px)rotate(45deg)}.menu-open .burger:after{transform:translateY(-7px)rotate(-45deg)}.menu-open .burger span{opacity:0}.site-header .brand{justify-self:center;align-items:center;gap:8px;display:inline-flex}.header-end{display:contents}.header-end .lang-switch{grid-area:1/3;justify-self:end}.lang-caret{display:none}.lang-current{padding:6px 8px}.header-wide{display:none}.site-header .header-end .player-search{grid-area:2/1/auto/-1;width:100%;margin:0}.site-drawer{flex-direction:column;grid-area:3/1/auto/-1;gap:10px;padding-top:4px;display:none}.menu-open .site-drawer{overscroll-behavior:contain;max-height:calc(100dvh - 120px);display:flex;overflow-y:auto}.site-nav{flex-flow:column}.site-nav a,.nav-menu-btn{padding:10px 12px}.site-nav .nav-menu{flex-direction:column;align-items:stretch;display:flex}.nav-menu-btn{justify-content:space-between}.site-nav .nav-menu-list{box-shadow:none;background:0 0;border:0;min-width:0;padding:0 0 0 14px;position:static}.drawer-extra{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.drawer-extra .account-link{max-width:none}.drawer-extra .account-link span{display:inline}.drawer-extra .account-menu-list{left:0;right:auto}}.theme-toggle{cursor:pointer;background:var(--panel-2);border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:2px;min-height:36px;padding:3px;display:inline-flex;position:relative}.theme-toggle .ti{width:28px;height:28px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.theme-toggle .ti svg{width:16px;height:16px}.theme-toggle .ti.on{background:var(--accent);color:var(--on-accent)}.theme-toggle:hover{border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.theme-toggle .ti{transition:none}}.error-page{justify-content:center;align-items:center;min-height:70vh;padding:32px 16px;display:flex}.error-card{text-align:center;background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--accent) 16%, var(--panel)) 0%, var(--panel) 60%);border:1px solid var(--border);border-radius:18px;width:min(560px,100%);padding:36px 28px 30px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000059}.error-logo{object-fit:contain;filter:drop-shadow(0 6px 18px #00000073);width:88px;height:88px}.error-code{letter-spacing:-.04em;background:linear-gradient(180deg, #f3d38a 0%, var(--accent) 55%, #9c6f1f 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:6px 0 0;font-size:clamp(72px,20vw,120px);font-weight:900;line-height:1}:root[data-theme=light] .error-code{background-image:linear-gradient(180deg, #a87410 0%, var(--accent-fg) 55%, #5c3d00 100%)}.error-chip{margin:10px 0 4px;display:inline-block}.error-card h1{margin:8px 0 10px;font-size:clamp(22px,4.5vw,28px)}.error-text{color:var(--muted);max-width:440px;margin:0 auto 18px;font-size:16px}.error-actions{justify-content:center}.error-footer{color:var(--muted);margin-top:14px;font-size:14px}.error-footer p{margin:0}button.button{font:inherit;cursor:pointer}.nav-menu{display:inline-flex;position:relative}.nav-menu-btn{color:var(--muted);font:inherit;line-height:inherit;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-weight:550;transition:color .16s,background .16s;display:inline-flex;position:relative}.nav-menu-btn:hover,.nav-menu-btn.active{color:var(--text)}.nav-menu-btn[aria-expanded=true]{color:var(--text);background:var(--panel-2)}.nav-menu-list{z-index:40;background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:190px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #00000059}.nav-menu-list[hidden]{display:none}.site-nav .nav-menu-list a{padding:8px 10px;display:flex}.nav-badge{letter-spacing:.03em;color:var(--on-accent);background:var(--accent);border-radius:4px;padding:3px 5px;font-size:10px;font-weight:800;line-height:1}.tier-table td{white-space:nowrap}.tier-table td:nth-child(2){white-space:normal;min-width:170px}.tier-table .entity{min-height:0}.tier-table .small-tier{text-align:center;min-width:26px}.champ.small,.champ.small img{width:30px;height:30px}.champ.carry img{box-shadow:0 0 0 2px var(--accent-fg)}.row.nowrap{flex-wrap:nowrap}.toolbar input[type=search]{flex:0 260px;min-width:180px}.patch{max-width:calc(var(--page-max) + 32px)}.patch-hero{background:radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--accent) 12%, var(--panel)) 0%, var(--panel) 55%);margin:4px 0 18px;padding:20px 22px}.patch-title{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:6px 0 8px;display:flex}.patch-hero h1{margin:0;font-size:clamp(24px,3.6vw,34px)}.patch-dates{color:var(--muted);margin:0 0 10px;font-size:13px}.patch-summary{max-width:860px;margin:0 0 14px;font-size:16px;line-height:1.55}.patch-status{font-size:var(--fs-xs);background:var(--panel-2);color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;padding:2px 9px;font-weight:700;display:inline-flex}.patch-status.s-live{color:var(--good-fg);background:color-mix(in srgb, var(--good) 16%, transparent)}.patch-status.s-pbe{color:var(--warn-fg);background:color-mix(in srgb, var(--warn) 16%, transparent)}.patch-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:760px;margin:0 0 12px;padding:0;list-style:none;display:grid}.patch-counts li{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.patch-counts b{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.1}.patch-counts span{color:var(--muted);font-size:12px}.patch-counts .t-buff b,.patch-col-title.t-buff{color:var(--good-fg)}.patch-counts .t-nerf b,.patch-col-title.t-nerf{color:var(--bad-fg)}.patch-counts .t-adjust b,.patch-col-title.t-adjust{color:var(--accent-fg)}@media (max-width:600px){.patch-counts{grid-template-columns:repeat(2,minmax(0,1fr))}}.patch-toc{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.patch-toc a{border:1px solid var(--border);background:var(--panel-2);color:var(--text);border-radius:999px;padding:5px 10px;font-size:13px;text-decoration:none}.patch-toc a:hover{border-color:var(--accent)}.patch-toc small{color:var(--muted)}.patch-highlights{max-width:900px}.patch-highlights li>span{color:var(--accent-fg)}.patch-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 6px;display:grid}.patch-overview-row{border-top:3px solid var(--border)}.patch-overview-row.t-buff{border-top-color:var(--good)}.patch-overview-row.t-nerf{border-top-color:var(--bad)}.patch-overview-row h2{margin:0 0 10px;font-size:15px}.patch-overview-row.t-buff h2{color:var(--good-fg)}.patch-overview-row.t-nerf h2{color:var(--bad-fg)}.patch-overview-row a{border-radius:6px;line-height:0}@media (max-width:760px){.patch-overview{grid-template-columns:1fr}}.patch section[id]{scroll-margin-top:130px}.patch-section-head,.patch #comps>h2,.patch #notes>h2,.patch #faq>h2{border-bottom:1px solid var(--border);margin-top:34px;padding-bottom:6px;font-size:22px}.patch-section-head{align-items:baseline;gap:8px;display:flex}.patch-section-head h2{font-size:inherit;margin:0}.patch-cols{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.patch-cols>div:only-child{grid-column:1/-1}@media (max-width:860px){.patch-cols{grid-template-columns:1fr}}.patch-col-title{align-items:baseline;gap:8px;margin:14px 0 8px;font-size:15px;font-weight:700;display:flex}.patch-col-title small{color:var(--muted);font-size:12px}.patch-grid{gap:8px;display:grid}.patch-grid.wide,.patch-cols>div:only-child .patch-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.patch-anchor{scroll-margin-top:130px}.patch-anchor:target .patch-card{box-shadow:0 0 0 2px var(--focus)}.patch-card{background:var(--panel);border:0;border-left:4px solid var(--border);border-radius:8px;height:100%;padding:12px 14px}.patch-card.t-buff,.patch-card.t-new{border-left-color:var(--good)}.patch-card.t-nerf,.patch-card.t-removed,.patch-card.t-disabled{border-left-color:var(--bad)}.patch-card.t-adjust,.patch-card.t-fix{border-left-color:var(--accent)}.patch-card-head{align-items:center;gap:10px;display:flex}.patch-card-name{flex:1;min-width:0;margin:0;font-size:15px;font-weight:500}.patch-card-name a{color:var(--text);text-decoration:none}.patch-card-name a:hover{color:var(--accent-fg)}.patch-tag{font-size:var(--fs-xs);background:var(--panel-2);color:var(--muted);border-radius:4px;flex:none;padding:2px 8px;font-weight:700}.patch-tag.t-buff,.patch-tag.t-new{color:var(--good-fg);background:color-mix(in srgb, var(--good) 14%, transparent)}.patch-tag.t-nerf,.patch-tag.t-removed,.patch-tag.t-disabled{color:var(--bad-fg);background:color-mix(in srgb, var(--bad) 14%, transparent)}.patch-tag.t-adjust,.patch-tag.t-fix{color:var(--accent-fg);background:color-mix(in srgb, var(--accent) 14%, transparent)}.patch-trait-icon{background:var(--panel-2);border-radius:8px;flex:none;width:34px;height:34px;position:relative}.patch-trait-icon:after{content:"";background:var(--text);-webkit-mask:var(--icon) center / contain no-repeat;-webkit-mask:var(--icon) center / contain no-repeat;mask:var(--icon) center / contain no-repeat;position:absolute;inset:6px}.patch-glyph{background:var(--panel-2);width:34px;height:34px;color:var(--accent-fg);border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:16px;display:inline-flex}.patch-glyph.augment:before{content:"◆"}.patch-glyph.wisp:before{content:"✦"}.patch-glyph.champion:before{content:"●"}.patch-glyph.item:before{content:"■"}.patch-glyph.trait:before{content:"⬢"}.patch-changes{gap:5px;margin:8px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.patch-changes li{grid-template-columns:14px minmax(0,1fr);align-items:baseline;gap:6px;line-height:1.4;display:grid}.patch-arrow{color:var(--muted);font-size:10px}.d-up .patch-arrow,.d-up .to{color:var(--good-fg)}.d-down .patch-arrow,.d-down .to{color:var(--bad-fg)}.d-neutral .patch-arrow,.d-neutral .to{color:var(--accent-fg)}.patch-line{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;display:flex}.patch-label small{color:var(--muted);font-size:12px}.patch-vals{font-variant-numeric:tabular-nums;white-space:nowrap}.patch-vals .from{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent);text-decoration-color:color-mix(in srgb, var(--muted) 60%, transparent)}.patch-vals .sep{color:var(--muted)}@media (max-width:420px){.patch-vals{white-space:normal}}.patch-card-stat{border-top:1px dashed var(--border);color:var(--muted);margin:8px 0 0;padding-top:6px;font-size:12px}.patch-note h3{margin:0 0 6px;font-size:15px}.patch-note ul{gap:4px;margin:0;padding-left:18px;font-size:14px;display:grid}.faq{gap:8px;max-width:900px;display:grid}.faq-item h3{margin:0;font-size:15px}.faq-item p{color:var(--muted);margin:6px 0 0}.patch-source{margin-top:18px}.patch-pager{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.patch-feature{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 18px;display:grid}@media (max-width:860px){.patch-feature{grid-template-columns:1fr}}.stretch{position:relative}.stretch-link{color:inherit;text-decoration:none}.stretch-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.stretch-link:focus-visible{outline:none}.stretch:has(.stretch-link:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.patch-feature-card{color:inherit;flex-direction:column;gap:10px;padding:18px;text-decoration:none;display:flex}.patch-feature-card:hover{border-color:var(--accent)}.patch-feature-card h2{align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.patch-feature-card p{margin:0}.patch-feature-card .button{align-self:flex-start}.patch-mini-counts{gap:14px;font-weight:700;display:flex}.patch-mini-counts .t-buff{color:var(--good-fg)}.patch-mini-counts .t-nerf{color:var(--bad-fg)}.patch-list{gap:6px;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.patch-list li{background:var(--panel);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.patch-list li a{font-weight:600}.patch-list time{margin-left:auto;font-size:13px}.patch-box-group+.patch-box-group{margin-top:10px}.patch-box-head{align-items:center;gap:8px;margin:0 0 6px;font-weight:600;display:flex}.patch-box .patch-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}.site-nav a.nav-next{color:var(--text);background:color-mix(in srgb, var(--warn) 18%, transparent);font-weight:650}.site-nav a.nav-next:hover,.site-nav a.nav-next.active{background:color-mix(in srgb, var(--warn) 24%, transparent)}.nav-next .nav-badge{background:var(--warn)}.site-nav a.nav-live{color:var(--text);background:color-mix(in srgb, var(--good) 18%, transparent);font-weight:650}.site-nav a.nav-live:before{content:"";background:var(--good);border-radius:50%;width:7px;height:7px}.site-nav a.nav-live:hover,.site-nav a.nav-live.active{background:color-mix(in srgb, var(--good) 24%, transparent)}.comp-hero{margin-bottom:14px;padding:14px 16px;position:relative}.comp-hero-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;display:flex}.comp-hero-head h1{font-size:var(--fs-h1);margin:0}.comp-hero-body{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 24px;margin-top:12px;display:flex}.comp-hero-units{flex-wrap:wrap;gap:10px 22px;display:flex}.unit-group{flex-direction:column;gap:6px;display:flex}.group-label{font-size:var(--fs-xs);color:var(--muted);font-weight:650}.unit-tiles{flex-wrap:wrap;gap:6px;display:flex}.unit-tile{min-width:62px;max-width:84px;color:inherit;flex-direction:column;align-items:center;gap:8px;text-decoration:none;display:flex}.unit-tile-name{max-width:100%;font-size:var(--fs-xs);text-align:center;white-space:nowrap;text-overflow:ellipsis;word-break:normal;line-height:1.2;overflow:hidden}a.unit-tile:hover .unit-tile-name{color:var(--accent-fg)}.comp-summary{max-width:78ch;font-size:var(--fs-small);color:var(--muted);margin:10px 0 0;line-height:1.5}.comp-hero-stats{flex-wrap:wrap;gap:4px 24px;margin:0;display:flex}.comp-hero-stats div{flex-direction:column;align-items:center;display:flex}.comp-hero-stats dt{font-size:var(--fs-xs);color:var(--muted)}.comp-hero-stats dd{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:26px;font-weight:750}.comp-hero-stats dd.accent{color:var(--accent-fg)}.comp-hero-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:18px;display:flex}.comp-hero-foot .toolbar{margin:0}.comp-pivots{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:16px;display:flex}.comp-pivots .group-label{margin-right:2px}.comp-pivot{font-size:var(--fs-small);border-color:var(--rule);align-items:center;gap:6px;padding:4px 10px 4px 5px;font-weight:600;text-decoration:none;display:inline-flex}.comp-pivot:hover{border-color:var(--accent-fg);color:var(--accent-fg)}@media (max-width:600px){.comp-pivots{scrollbar-width:none;flex-wrap:nowrap;margin-right:-16px;padding-right:16px;overflow-x:auto}.comp-pivots .group-label{flex:none}.comp-pivot{white-space:nowrap;flex:none}}.comp-tablist{border-bottom:1px solid var(--rule);scrollbar-width:none;gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.comp-tablist button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;flex:none;padding:8px 14px;font-weight:600}.comp-tablist button:hover{color:var(--text)}.comp-tablist button.active{color:var(--text);border-bottom-color:var(--accent-fg)}.comp-tabpanel>h2:first-child{margin-top:0}.comp-tabpanel:focus-visible{outline:2px solid var(--focus);outline-offset:4px;border-radius:8px}.comp-overview{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:12px;display:grid}.comp-col{flex-direction:column;gap:12px;min-width:0;display:flex}.comp-col h2{margin:0 0 10px;font-size:16px}.comp-pair{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:12px;display:grid}.comp-overview .hexboard{--hex:min(calc((100vw - 64px - 30px) / 7.5), 56px)}@media (min-width:901px){.comp-overview .hexboard{--hex:min(calc((54vw - 120px) / 7.5), 56px)}}@media (max-width:900px){.comp-overview{grid-template-columns:1fr}}.more-link{min-height:24px;margin-top:4px;padding:4px 0;font-size:13px;text-decoration:none;display:inline-block}.early-row{flex-direction:column;gap:8px;display:flex}.comp-col .early-row{border-bottom:1px solid var(--rule);padding:9px 0 8px}.comp-col .early-row:last-of-type{border-bottom:0}.early-list{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:10px;display:grid}.champ.keep img{border-color:var(--accent-fg);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.level-plan{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px;margin:0 0 6px;padding:0;list-style:none;display:grid}.level-plan li{background:var(--panel-2);color:var(--muted);border-radius:6px;flex-direction:column;align-items:center;padding:6px 4px;font-size:12px;display:flex}.level-plan b{color:var(--text);font-variant-numeric:tabular-nums;font-size:14px}.level-plan li.roll{box-shadow:inset 0 0 0 1px var(--accent-fg)}.level-plan li.roll b{color:var(--accent-fg)}.item-priority{gap:8px}.prio{display:inline-flex;position:relative}.prio small{background:var(--bg);color:var(--text);border-radius:4px;padding:0 4px;font-size:11px;font-weight:700;position:absolute;top:-7px;right:-7px}.carries{gap:12px;padding-bottom:6px}.champ.big .items img{width:17px;height:17px}.champ.big .items{bottom:-8px}.account-link{border:1px solid var(--border);background:var(--panel-2);max-width:160px;min-height:36px;color:var(--text);border-radius:8px;flex:none;align-items:center;gap:6px;padding:6px 10px;font-size:14px;text-decoration:none;display:inline-flex}.account-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-link svg{color:var(--accent-fg);flex:none}.account-link:hover,.account-link[aria-current=page]{border-color:var(--accent)}a.account-link{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}a.account-link svg{color:var(--on-accent)}a.account-link:hover,a.account-link[aria-current=page]{filter:brightness(1.08);border-color:var(--accent)}@media (max-width:420px){.account-link span{display:none}}.auth-page{max-width:480px}.auth-page.account-page{max-width:720px}.auth-card{margin-top:12px;padding:22px 22px 18px}.auth-card h1{margin-top:0}.auth-form{flex-direction:column;gap:14px;margin-top:14px;display:flex}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>label:not(.check){font-size:14px;font-weight:600}.field input:not([type=checkbox]){width:100%;min-height:42px;padding:9px 11px}.field input[aria-invalid=true]{border-color:var(--bad-fg)}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.field-row{grid-template-columns:1fr}}.field-error{color:var(--bad-fg);margin:0;font-size:13px}.password-input{position:relative}.password-input input{padding-right:44px!important}.password-input input::-ms-reveal{display:none}.password-input input::-ms-clear{display:none}.password-toggle{width:36px;height:34px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text)}.check{cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin-top:3px;padding:0}.password-rules{color:var(--muted);font-size:13px}.password-rules p{margin:0 0 2px}.password-rules ul{grid-template-columns:1fr 1fr;gap:2px 12px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:480px){.password-rules ul{grid-template-columns:1fr}}.password-rules li span[aria-hidden]{width:1em;display:inline-block}.password-rules li.ok{color:var(--good-fg)}.form-alert,.form-success{border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.form-alert{border:1px solid var(--bad);background:color-mix(in srgb, var(--bad) 12%, transparent)}.form-success{border:1px solid var(--good);background:color-mix(in srgb, var(--good) 12%, transparent)}.auth-form .submit{width:100%;font-weight:600}.auth-form .submit[aria-busy=true]{cursor:wait}.auth-switch{text-align:center;margin:2px 0 0;font-size:14px}.auth-note{color:var(--muted);margin:8px 0 0;font-size:13px}.turnstile{min-height:65px}.account-section{margin-top:16px;padding:16px 18px}.account-section h2{margin-top:0}.account-actions{flex-wrap:wrap;gap:10px;display:flex}.danger-zone{border-color:color-mix(in srgb, var(--bad) 55%, var(--border))}.button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.button.danger:hover{filter:brightness(1.08)}.hp{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.account-menu{flex:none;display:inline-flex;position:relative}button.account-link{font:inherit;cursor:pointer}.account-link[aria-expanded=true]{border-color:var(--accent)}.account-menu-list{left:auto;right:0}.account-menu-list a,.account-menu-list .menu-button{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;text-decoration:none;display:flex}.account-menu-list a:hover,.account-menu-list .menu-button:hover,.account-menu-list a[aria-current=page]{background:var(--panel-2)}.account-menu-list form{margin:0}.profile-icon{object-fit:cover;background:var(--panel-2);border-radius:50%;flex:none}.profile-icon.empty{color:var(--accent-fg);border:1px solid var(--border);justify-content:center;align-items:center;display:inline-flex}.account-link .profile-icon.empty{background:0 0;border:0}.account-head{align-items:center;gap:14px;display:flex}.account-head h1{margin:0 0 2px}.account-section h3{margin:18px 0 6px;font-size:15px}.badge{vertical-align:middle;letter-spacing:.03em;border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.badge.ok{color:var(--good-fg);border-color:var(--good)}.badge.warn{color:var(--warn-fg);border-color:var(--warn)}.badge.bad{color:var(--bad-fg);border-color:var(--bad)}.field-hint{color:var(--muted);margin:0;font-size:13px}.field select{width:100%;min-height:42px;padding:9px 11px}.field textarea{width:100%;font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:9px 11px}.riot-row{grid-template-columns:2fr 1fr}@media (max-width:480px){.riot-row{grid-template-columns:1fr}}.verify-box{flex-direction:column;gap:12px;margin-top:6px;display:flex}.verify-icon{align-items:flex-start;gap:14px;display:flex}.verify-icon ol{margin:0;padding-left:18px;font-size:14px}.verify-icon .profile-icon{border:2px solid var(--accent)}.my-comps{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.my-comps li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.my-comps form{flex:none;margin:0}.fine{font-size:13px}.community-list{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.community-card{text-align:left;cursor:pointer;width:100%;font:inherit;color:var(--text);flex-direction:column;align-items:stretch;gap:10px;transition:border-color .15s;display:flex}.community-card:hover{border-color:var(--accent)}.community-author{align-items:center;gap:10px;min-width:0;margin:0;display:flex}.community-author>span{flex-direction:column;min-width:0;display:flex}.community-name{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.community-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.community-units{flex-wrap:wrap;gap:4px;display:flex}.community-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.community-items li{align-items:center;gap:10px;display:flex}.community-description{white-space:pre-line;overflow-wrap:anywhere;margin:0}.community-author.preview{border:1px dashed var(--border);border-radius:8px;padding:8px 10px}@media (prefers-reduced-motion:reduce){.community-card{transition:none}}.share-page{max-width:760px}.share-board-head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.admin-page{max-width:calc(var(--page-max) + 32px)}.admin-nav{flex-wrap:wrap;gap:4px;margin:0 0 16px;display:flex}.admin-nav a{color:var(--muted);border-radius:6px;padding:6px 12px;text-decoration:none}.admin-nav a.active,.admin-nav a:hover{color:var(--text);background:var(--panel-2)}.admin-cards{grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:10px;display:grid}.admin-card{color:var(--text);flex-direction:column;gap:4px;text-decoration:none;display:flex}a.admin-card:hover{border-color:var(--accent)}.admin-n{color:var(--accent-fg);font-variant-numeric:tabular-nums;font-size:30px;font-weight:800}.admin-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.admin-comps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.admin-comps h2{margin:0 0 4px}.admin-comps .account-actions{align-items:center;margin-top:10px}.admin-reject{flex-wrap:wrap;gap:6px;display:flex}.admin-reject input{min-width:240px}.verify-how{background:var(--panel-2);border-radius:8px;padding:10px 12px;font-size:14px}.verify-how ol{flex-direction:column;gap:3px;margin:6px 0 0;padding-left:20px;display:flex}.home{--gut:max(16px, calc((100% - var(--page-max)) / 2));--gap-section:clamp(96px, 11vw, 168px);max-width:none;font-size:var(--fs-body);padding:0;line-height:1.55}.home h2{font-size:var(--fs-h2);letter-spacing:-.028em;text-wrap:balance;margin:0 0 24px;line-height:1.04}.hx-text{max-width:46ch;font-size:var(--fs-lead);margin:0 0 24px;line-height:1.5}.hx-link{min-height:44px;color:var(--text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 70%, transparent);text-underline-offset:.28em;align-items:center;gap:.3em;font-weight:600;text-decoration-thickness:2px;transition:text-decoration-color .18s,color .18s;display:inline-flex}.home .button{min-height:48px;font-size:var(--fs-body);transition:transform .14s var(--ease-out), filter .18s ease;border-radius:6px;padding:10px 20px}.home .button:active,.coach-toggle:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.hx-link:hover{color:var(--accent-fg);text-decoration-color:currentColor}}.hx-hero{padding:clamp(40px, 5vw, 72px) var(--gut) 0;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;column-gap:clamp(32px,4vw,64px);display:grid}.hx-title{letter-spacing:-.04em;text-wrap:balance;max-width:13ch;margin:0 0 24px;font-size:clamp(38px,4.6vw,64px);font-weight:800;line-height:1}.hx-accent{color:var(--accent-fg)}.hx-lead{max-width:32ch;font-size:var(--fs-lead);color:color-mix(in srgb, var(--text) 82%, var(--muted));margin:0 0 32px;line-height:1.5}.hx-actions{flex-wrap:wrap;align-items:center;gap:8px 28px;display:flex}.hx-stage{--cut:48px;--off:clamp(14px, 1.6vw, 22px);--shape:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--cut) * .577));isolation:isolate;width:100%;max-width:calc(620px + var(--off));min-width:0;padding:0 var(--off) var(--off) 0;justify-self:end;position:relative}.hx-stage:before{content:"";z-index:-1;inset:var(--off) 0 0 var(--off);background:var(--stage);clip-path:var(--shape);border-radius:14px;position:absolute}.hx-stage .coach{background:var(--panel);width:100%;clip-path:var(--shape);border-radius:14px;padding-top:30px}.coach{background:var(--bg);width:min(620px,100%);color:var(--text);border-radius:10px 10px 0 0;padding:20px 24px 28px;font-size:15px;line-height:1.45;position:relative;container-type:inline-size}.coach-head{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.coach-tag{color:var(--text);align-items:center;gap:8px;font-weight:600;display:inline-flex}.coach-comp{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;display:flex}.coach-name{color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.coach-fit{color:var(--good-fg);white-space:nowrap;margin:0;font-size:15px;font-weight:600}.coach-fit b{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:36px;font-weight:800}.coach .board-wrap{margin-top:4px;display:block}.coach .hexboard{--hex:min(calc((100cqi - 32px) / 7.5), 60px)}.coach .checklist{margin:6px 0 0;font-size:15px}.coach-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:18px;display:flex}.coach-missing{color:var(--muted);align-items:center;gap:8px;display:flex}.coach-toggle{background:var(--panel-2);min-height:44px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .14s var(--ease-out), background .18s ease;border-radius:999px;align-items:center;gap:10px;margin-left:auto;padding:0 18px 0 10px;font-weight:600;display:inline-flex}.coach-switch{background:var(--border);border-radius:999px;flex:none;width:38px;height:22px;transition:background .2s;position:relative}.coach-switch:after{content:"";background:var(--text);width:16px;height:16px;transition:transform .24s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px}.coach:has(.coach-check:focus-visible) .coach-toggle{outline:2px solid var(--focus);outline-offset:2px}.coach:has(.coach-check:checked) .coach-switch{background:var(--good)}.coach:has(.coach-check:checked) .coach-switch:after{background:#fff;transform:translate(16px)}.coach .hex.ghost{transition:opacity .45s var(--ease-out), filter .45s var(--ease-out)}.coach .hexcell:has(.ghost) .st{opacity:0;transition:opacity .3s .15s}.coach:has(.coach-check:checked) .hex.ghost{opacity:1;filter:none}.coach:has(.coach-check:checked) .hexcell:has(.ghost) .st{opacity:1}:is(.coach .when-full,.coach:has(.coach-check:checked) .when-now){display:none}.coach:has(.coach-check:checked) .when-full{display:revert}@media (hover:hover) and (pointer:fine){.coach-toggle:hover{background:var(--border)}.coach-name:hover{color:var(--accent-fg)}}.next-patch{padding:clamp(40px, 5vw, 72px) var(--gut);background:var(--band);color:inherit;border-radius:0;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:24px 48px;margin:clamp(72px,8vw,120px) 0 0;text-decoration:none;transition:background .2s;display:grid}.next-patch.solo{grid-template-columns:minmax(0,1fr)}.next-patch.solo .next-patch-copy{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:48px;display:grid}.next-patch.solo h2{grid-row:1/span 3;margin:0}.next-patch.solo .next-patch-copy>:not(h2){grid-column:2;justify-self:start}.next-patch h2{margin:0 0 12px;font-size:clamp(24px,2.6vw,34px)}.next-patch-text{max-width:60ch;margin:0 0 14px}.next-patch .patch-mini-counts{font-size:var(--fs-body);margin:0 0 20px}.next-patch-art{justify-items:end;gap:18px;display:grid}.next-patch-row{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.next-patch-row .row{justify-content:flex-end;gap:6px}.next-patch-label{font-size:var(--fs-small);font-weight:700}.next-patch-row.up .next-patch-label{color:var(--good-fg)}.next-patch-row.down .next-patch-label,.next-patch .t-nerf,.next-patch-row.down .next-patch-label{color:var(--bad-fg)}.next-patch-row.down .champ img{filter:saturate(.7)}@media (hover:hover) and (pointer:fine){.next-patch:hover{background:color-mix(in srgb, var(--panel-2) 45%, var(--band))}}.hx-meta{padding:var(--gap-section) var(--gut) 0;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:40px 64px;display:grid}.hx-figure{font-size:var(--fs-lead);margin:0 0 20px;font-weight:600;line-height:1.1}.hx-figure b{letter-spacing:-.045em;color:var(--accent-fg);font-variant-numeric:tabular-nums;font-size:clamp(56px,7.4vw,112px);font-weight:800;line-height:.9}.hx-meta .data-stamp{font-size:var(--fs-small);margin:0 0 12px}.hx-meta .data-stamp .chip{font-size:var(--fs-small);border:0;padding:4px 10px}.hx-ladder{gap:6px;margin:0;padding:0;list-style:none;display:grid}.comp-row{--tier:var(--tC);--tier-w:64px;isolation:isolate;grid-template-columns:var(--tier-w) minmax(0, 1fr);background-color:var(--panel);color:inherit;transition:transform .22s var(--ease-out), background-color var(--t-hover) var(--ease-hover);border-radius:4px;gap:10px 18px;padding:14px 18px 18px 0;text-decoration:none;display:grid;position:relative;overflow:hidden}.comp-row.tS{--tier:var(--tS)}.comp-row.tA{--tier:var(--tA)}.comp-row.tB{--tier:var(--tB)}.comp-row:before{content:"";z-index:-1;top:0;bottom:0;left:var(--tier-w);background:linear-gradient(90deg, color-mix(in srgb, var(--tier) 22%, transparent), transparent);opacity:.7;pointer-events:none;width:140px;transition:opacity var(--t-hover) var(--ease-hover);position:absolute}.comp-row-tier{--cut:20px;color:#fff;background:var(--tier);clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--cut) * .577));grid-row:1/3;justify-content:center;align-self:stretch;align-items:center;margin:-14px 0 -18px;font-size:30px;font-weight:800;display:flex}.comp-row.tS .comp-row-tier{color:var(--on-tier)}.comp-row.tA .comp-row-tier{color:var(--on-accent)}.comp-row.tB .comp-row-tier{color:var(--on-tier)}.comp-row-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 16px;display:flex}.comp-row .comp-name{font-size:17px;font-weight:700}.comp-row-new{color:var(--accent-fg);font-weight:600}.comp-row .stats{font-size:var(--fs-small)}.comp-row .row{gap:12px 6px}@media (hover:hover) and (pointer:fine){.comp-row:hover{background-color:var(--panel-2);transform:translate(6px)}.comp-row:hover:before{opacity:1}}.hx-community{padding:var(--gap-section) var(--gut) 0}.hx-community .community-list{margin:0 0 20px}.hx-note{padding:clamp(64px, 7vw, 104px) var(--gut) 32px;max-width:calc(64ch + 2 * var(--gut));color:var(--muted);margin:0;font-size:15px}.hx-tools{padding:clamp(88px, 9vw, 136px) var(--gut) 0}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 20px;margin:0;padding:0;list-style:none;display:grid}.tool-card{isolation:isolate;text-align:center;border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border));background:radial-gradient(90% 70% at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 6%, var(--panel)), var(--bg));height:100%;min-height:212px;color:var(--text);transition:transform .22s var(--ease-out), border-color var(--t-hover) var(--ease-hover), box-shadow var(--t-hover) var(--ease-hover);border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:108px 20px 22px;text-decoration:none;display:flex;position:relative}.tool-name{letter-spacing:-.03em;text-transform:uppercase;color:color-mix(in srgb, #fff3d6 88%, var(--accent));font-size:clamp(24px,2.6vw,36px);font-weight:800;line-height:1}.tool-text{font-size:var(--fs-small);color:var(--muted);text-wrap:balance}.tool-art{z-index:-1;pointer-events:none;height:140px;transition:transform .3s var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;top:-30px;left:0;right:0}.tool-art img{display:block}:root[data-theme=light] .tool-name{color:var(--text)}.tool-name .nowrap{white-space:nowrap}.art-board{align-items:center;display:flex;position:relative}.art-hex{--s:74px;--ring:var(--c1);width:var(--s);height:calc(var(--s) * 1.1547);background:var(--ring);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);margin:0 -4px;padding:3px}.art-hex img{object-fit:cover;width:100%;height:100%;clip-path:inherit}.art-hex.c2{--ring:var(--c2)}.art-hex.c3{--ring:var(--c3)}.art-hex.c4{--ring:var(--c4)}.art-hex.c5{--ring:var(--c5)}.art-hex.main{--s:96px;--ring:var(--accent);z-index:1;filter:drop-shadow(0 8px 18px #00000080)}.art-hex:not(.main){transform:translateY(14px)}.art-board .live-dot{z-index:2;width:12px;height:12px;position:absolute;top:2px;right:62px}.art-tiers{width:190px;height:130px;position:relative}.art-tier{--cut:16px;width:82px;height:82px;color:var(--on-tier);background:var(--tier);clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--cut) * .577));border-radius:6px;justify-content:center;align-items:center;font-size:54px;font-weight:900;line-height:1;display:flex;position:absolute;box-shadow:inset 0 -6px #0000002e}.art-tier.tS{--tier:var(--tS);z-index:1;width:96px;height:96px;filter:drop-shadow(0 0 22px color-mix(in srgb, var(--tS) 55%, transparent));font-size:64px;top:26px;left:12px;transform:rotate(-9deg)}.art-tier.tA{--tier:var(--tA);top:0;left:92px;transform:rotate(7deg)}.art-tier.tB{--tier:var(--tB);z-index:2;width:70px;height:70px;font-size:44px;top:62px;left:98px;transform:rotate(-4deg)}.art-ranks{align-items:center;display:flex}.art-ranks img{filter:drop-shadow(0 6px 14px #00000073);width:92px;height:92px;margin:0 -18px}.art-ranks .challenger{z-index:1;width:128px;height:128px}.art-ranks .master{transform:rotate(-8deg)translateY(10px)}.art-ranks .grandmaster{order:2;transform:rotate(8deg)translateY(10px)}.art-ranks .profile-icon{z-index:1;border:3px solid var(--accent);width:100px;height:100px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent), 0 10px 24px #00000080;order:1;margin:0 -14px}.art-ranks .profile-icon.empty{color:var(--accent-fg);background:var(--panel-2)}.tool-me{color:var(--text);font-weight:600}.tool-me span{color:var(--muted);font-weight:400}.art-fan{align-items:flex-end;display:flex}.art-champ{--ring:var(--c1);background:var(--ring);border-radius:12px;padding:3px;display:block;box-shadow:0 8px 18px #00000073}.art-champ img{border-radius:9px;width:76px;height:76px}.art-champ.c2{--ring:var(--c2)}.art-champ.c3{--ring:var(--c3)}.art-champ.c4{--ring:var(--c4)}.art-champ.c5{--ring:var(--c5)}.art-champ:first-child{transform:rotate(-12deg)translate(14px,6px)}.art-champ:nth-child(2){z-index:1;transform:translateY(-8px)}.art-champ:nth-child(2) img{width:92px;height:92px}.art-champ:nth-child(3){transform:rotate(12deg)translate(-14px,6px)}.art-recipe{align-items:center;gap:8px;display:flex}.art-recipe img{border-radius:8px;box-shadow:0 6px 14px #00000073}.art-recipe .part{width:48px;height:48px}.art-recipe .full{outline:3px solid var(--accent);outline-offset:2px;width:92px;height:92px;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--accent) 45%, transparent));border-radius:12px;transform:rotate(-6deg)}.art-recipe .op{color:var(--accent-fg);font-size:26px;font-weight:800}.art-learn img{filter:drop-shadow(0 8px 18px #00000073);width:150px;height:150px}@media (hover:hover) and (pointer:fine){.tool-card:hover{border-color:color-mix(in srgb, var(--accent) 70%, transparent);box-shadow:0 18px 40px -18px color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-4px)}.tool-card:hover .tool-art{transform:translateY(-6px)scale(1.05)}}@media (max-width:960px){.hx-hero{grid-template-columns:minmax(0,1fr)}.hx-intro{margin-bottom:40px}.hx-title{max-width:16ch}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-meta,.next-patch{grid-template-columns:minmax(0,1fr)}.next-patch.solo .next-patch-copy{display:block}.next-patch.solo h2{margin-bottom:12px}.next-patch-art,.next-patch-row{place-items:flex-start start}.next-patch-row .row{justify-content:flex-start}}@media (max-width:600px){.hx-title{margin-bottom:20px;font-size:clamp(34px,9.6vw,46px)}.hx-lead{margin-bottom:24px}.hx-stage{--cut:36px;--off:12px}.hx-stage .coach{padding-top:24px}.coach{padding:16px 16px 20px}.coach-fit b{font-size:30px}.coach-toggle{width:100%;margin-left:0}.comp-row{--tier-w:44px;column-gap:12px;padding-right:12px}.comp-row-tier{--cut:12px;font-size:24px}.tool-grid{gap:36px 12px}.tool-card{border-radius:12px;min-height:176px;padding:82px 10px 16px}.tool-name{letter-spacing:-.02em;font-size:clamp(17px,5.2vw,22px)}.tool-text{font-size:var(--fs-xs)}.tool-art{height:104px;top:-22px;scale:.68}.art-recipe{gap:4px}.art-recipe .part{width:40px;height:40px}}@media (prefers-reduced-motion:no-preference){.home [data-rise]{animation:hx-rise .8s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms + 60ms)}.home h1[data-rise]{animation-name:hx-lift}.hx-stage{animation:hx-shutter 1.1s var(--ease-in-out) .2s both}.hx-stage:before{animation:hx-drop .5s var(--ease-out) 1.1s both}.hx-stage .coach{animation:hx-settle 1.4s var(--ease-soft) .2s both;transform-origin:0 0}.hx-stage .hexrow{animation:hx-rise .6s var(--ease-out) both}.hx-stage .hexrow:first-child{animation-delay:.75s}.hx-stage .hexrow:nth-child(2){animation-delay:.83s}.hx-stage .hexrow:nth-child(3){animation-delay:.91s}.hx-stage .hexrow:nth-child(4){animation-delay:.99s}.coach:has(.coach-check:checked) .when-full{animation:hx-rise .45s var(--ease-out) both}@supports (animation-timeline:view()){.home [data-in]{animation:linear both hx-in;animation-timeline:view();animation-range:entry 5% entry 75%}}}@keyframes hx-rise{0%{opacity:0;transform:translateY(20px)}}@keyframes hx-in{0%{opacity:0;transform:translateY(28px)}}@keyframes hx-settle{0%{transform:scale(1.06)}}@keyframes hx-lift{0%{transform:translateY(20px)}}@keyframes hx-shutter{0%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes hx-drop{0%{transform:translate(calc(-1 * var(--off)), calc(-1 * var(--off)))}}.breadcrumbs ol{margin-bottom:10px}.toolbar{gap:8px 10px;margin-bottom:14px}.toolbar input,.toolbar select{min-width:0;max-width:100%;min-height:40px}.toolbar>.muted{font-size:var(--fs-xs)}.data-stamp{gap:6px 12px}.tier-row{grid-template-columns:52px minmax(0,1fr);gap:12px;margin-bottom:20px;position:relative}.tier-row:before{content:"";background:color-mix(in srgb, var(--tC) 15%, transparent);border-radius:8px;width:52px;position:absolute;top:0;bottom:0;left:0}.tier-row:has(>.tier-S):before{background:color-mix(in srgb, var(--tS) 15%, transparent)}.tier-row:has(>.tier-A):before{background:color-mix(in srgb, var(--tA) 15%, transparent)}.tier-row:has(>.tier-B):before{background:color-mix(in srgb, var(--tB) 15%, transparent)}.tier-row>.tier-badge{top:calc(var(--header-h) + 12px);z-index:2;border-radius:8px;align-self:start;min-height:52px;font-size:26px;position:sticky}.tier-badge.tier-A{color:var(--on-accent)}.tier-row>.grid{gap:6px}@media (min-width:1100px){.tier-row .comp-card{grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:center;column-gap:18px;padding:12px 16px 14px;display:grid}.tier-row .comp-head{flex-direction:column;grid-column:1;justify-content:flex-start;gap:3px;margin:0}.tier-row .comp-card>.row{grid-area:1/2/span 2}.tier-row .new-badge{grid-column:1;justify-self:start;margin-bottom:4px;position:static}.tier-row .comp-card:has(.new-badge) .comp-head{padding-right:0}.tier-row .comp-card>.row{row-gap:10px}}.tier-table{padding:4px 6px}.tier-table th:nth-child(n+3):not(:last-child),.tier-table td:nth-child(n+3):not(:last-child){text-align:right}.tier-table th{padding-top:10px;padding-bottom:10px}.tier-table .th-sort{font-weight:600}.tier-table .th-sort:hover{color:var(--text)}.tier-table tbody tr:not(.show-more-row){transition:background .12s}.tier-table tbody tr:not(.show-more-row):hover>td{background:color-mix(in srgb, var(--panel-2) 70%, var(--panel))}.tier-table .small-tier{border-radius:4px;min-width:28px;padding:2px 7px}.tier-table .small-tier.tier-A,.small-tier.tier-A{color:var(--on-accent)}.tier-table .entity{flex-wrap:nowrap;gap:10px;font-weight:600}.tier-table .entity>span{min-width:0}.tier-table .show-more-row td{padding:10px}.tier-table td .row{flex-wrap:nowrap}@media (max-width:900px){.tier-table{padding:0}.tier-table th:first-child,.tier-table td:first-child{z-index:1;background:var(--panel);width:46px;min-width:46px;padding-left:8px;padding-right:4px;position:sticky;left:0}.tier-table th:nth-child(2),.tier-table td:nth-child(2){z-index:1;background:var(--panel);box-shadow:1px 0 0 var(--rule);position:sticky;left:46px}.tier-table td:nth-child(2){min-width:150px;max-width:180px}.tier-table td:nth-child(2) .champ,.tier-table td:nth-child(2) .champ img{width:34px;height:34px}.tier-table .show-more-row td{text-align:left;position:sticky;left:0}}.entity-grid{gap:6px}.entity-card{padding:10px 12px}.entity-card b,.entity-card strong{font-weight:650}.trait-list{gap:6px}.trait-list li{padding:14px 16px}.trait-title{font-size:16px}a.trait-link:hover{border-color:#0000}.entity-head{gap:16px;margin-bottom:4px}.entity-head h1{margin:0 0 6px}.player-stats{gap:8px}.player-stats .panel{padding:14px 16px}.comp-hero{padding:18px 20px}.comp-hero-body{margin-top:16px}.unit-group{gap:8px}.comp-overview,.comp-col{gap:14px}.level-plan li{background:var(--panel-2)}.patch-box .patch-card{background:var(--panel)}.unit-list{gap:8px}.cheat{font-size:16px}.cheat .cost-group{gap:12px;margin-bottom:12px}.cheat-unit{font-size:var(--fs-xs)}@media (max-width:600px){h1{font-size:clamp(22px,6.4vw,26px)}.tier-row{grid-template-columns:minmax(0,1fr);gap:8px}.tier-row:before{display:none}.tier-row>.tier-badge{min-height:34px;font-size:18px;position:static}.comp-hero{padding:14px}.comp-hero-stats dd,.player-stats b{font-size:22px}}.site-header{min-height:var(--header-h);column-gap:16px}.site-header .brand{color:var(--text);letter-spacing:-.035em;gap:10px;font-size:20px;line-height:1}.brand-name{align-items:baseline;display:inline-flex}.brand-tft{letter-spacing:-.01em;font-weight:850}.brand-rest{margin-left:.1em;font-weight:450}.site-header .brand img{transition:transform .2s var(--ease-out);border-radius:50%}.site-header .brand .brand-tft{transition:color .16s}@media (hover:hover){.site-header .brand:hover .brand-tft{color:var(--accent-fg)}.site-header .brand:hover img{transform:rotate(-6deg)scale(1.04)}}.site-nav{align-items:center;gap:2px}.site-nav>a.active:after,.nav-menu-btn.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-13px;left:10px;right:10px}.site-nav a.nav-next,.site-nav a.nav-live{font-variant-numeric:tabular-nums;margin:0 2px;padding:5px 10px}.site-nav>a.nav-next.active:after,.site-nav>a.nav-live.active:after{display:none}.nav-badge{padding:3px 5px}@media (prefers-reduced-motion:no-preference){.nav-menu-list:not([hidden]),.lang-menu:not([hidden]){animation:menu-in .16s var(--ease-out) both}}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}@media (max-width:900px){.site-drawer{gap:12px;padding:6px 0 14px}.site-nav{align-items:stretch;gap:0}.site-nav>a,.site-nav .nav-menu-btn{letter-spacing:-.01em;min-height:48px;color:var(--text);padding:10px 4px;font-size:20px;font-weight:650}.site-nav>a.active{color:var(--accent-fg)}.site-nav>a.active:after,.nav-menu-btn.active:after{display:none}.site-nav .nav-menu-btn{background:0 0}.site-nav .nav-menu-btn[aria-expanded=true],.site-nav .nav-menu-btn.active{color:var(--accent-fg);background:0 0}.site-nav .nav-menu-btn .lang-caret{transition:transform .2s var(--ease-out);font-size:14px;display:inline}.site-nav .nav-menu-btn[aria-expanded=true] .lang-caret{transform:rotate(180deg)}.site-nav .nav-menu-list a{color:var(--muted);padding:8px 4px;font-size:17px}.site-nav .nav-menu-list a.active{color:var(--accent-fg)}.site-nav>a.nav-next,.site-nav>a.nav-live{align-self:flex-start;min-height:40px;margin:4px 0;padding:6px 12px;font-size:16px}.drawer-extra{border-top:0;padding-top:4px}}@media (max-width:900px) and (prefers-reduced-motion:no-preference){.menu-open .site-drawer{animation:drawer-in .24s var(--ease-out) both}}@keyframes drawer-in{0%{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}}:root{--tile-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M10 38 38 10M16 10h22v22' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='square'/%3E%3C/svg%3E")}:is(.button,.account-link).tile{--cut:22px;background:var(--accent);min-height:48px;color:var(--on-accent);letter-spacing:-.01em;clip-path:polygon(var(--cut) 0, 100% 0, 100% 100%, 0 100%, 0 calc(var(--cut) * .577));border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:12px 20px 12px 24px;font-weight:750;text-decoration:none;transition:filter .18s;display:inline-flex}:is(.button,.account-link).tile:hover{background:var(--accent);filter:brightness(1.06)}:is(.button,.account-link).tile:active{filter:brightness(.97);transform:none}:is(.button,.account-link).tile:disabled{filter:saturate(.5);opacity:.75}:is(.button,.account-link).tile:focus-visible{outline:2px solid var(--on-accent);outline-offset:-5px}:is(a,span).tile:after{content:"";width:14px;height:14px;-webkit-mask:var(--tile-arrow) center / contain no-repeat;-webkit-mask:var(--tile-arrow) center / contain no-repeat;mask:var(--tile-arrow) center / contain no-repeat;transition:transform .22s var(--ease-out);background:currentColor;flex:none}@media (hover:hover){a.tile:hover:after,.stretch:hover .tile:after{transform:translate(2px,-2px)}}.site-header .account-link.tile,.drawer-extra .account-link.tile{--cut:12px;gap:6px;min-height:36px;padding:6px 10px 6px 14px}.account-link.tile:after{display:none}.account-link.tile svg{color:var(--on-accent)}:where(a,button,summary,select,input,textarea,label[for],[role=button],[tabindex]:not([tabindex="-1"]),.panel,.chip,.item-text,.champ img,.item,.tag-menu li,.lang-menu a,.nav-menu-list a,tbody tr>*,.hex,.hex .inner,.bslot,.compo,.pick,.entity-name,.unit-tile-name,.patch-card,.level-plan li){transition-property:color,background-color,border-color,outline-color,text-decoration-color,box-shadow,opacity,filter,transform;transition-duration:var(--t-hover);transition-timing-function:var(--ease-hover)}.button{transition:background-color var(--t-hover) var(--ease-hover), border-color var(--t-hover) var(--ease-hover), color var(--t-hover) var(--ease-hover), filter var(--t-hover) var(--ease-hover), transform .14s var(--ease-out)}:is(.button,.account-link).tile{transition:filter var(--t-hover) var(--ease-hover), transform .14s var(--ease-out)}.ft-cta{transition:filter var(--t-hover) var(--ease-hover)}.comp-card,.entity-card{transition:background-color var(--t-hover) var(--ease-hover), border-color var(--t-hover) var(--ease-hover)}.theme-toggle{transition:border-color var(--t-hover) var(--ease-hover), background-color var(--t-hover) var(--ease-hover)}[data-tip]:hover:after,[data-tip]:focus:after{transition:opacity .16s var(--ease-hover)}@starting-style{[data-tip]:hover:after,[data-tip]:focus:after{opacity:0}}@media (prefers-reduced-motion:reduce){.comp-row:hover,.tool-card:hover,.tool-card:hover .tool-art,.footer-cols a:hover,.footer-cols .linklike:hover,.ft-cta:hover .ft-arrow,a.tile:hover:after,.stretch:hover .tile:after,.site-header .brand:hover img{transform:none}}.tier-row .grid .comp-card{content-visibility:auto;contain-intrinsic-size:auto 120px}.all-comps{margin:24px 0 8px;font-size:14px}.all-comps summary{cursor:pointer;color:var(--muted);font-weight:600}.all-comps summary:hover{color:var(--text)}.all-comps-tier{align-items:baseline;gap:10px;margin-top:10px;display:flex}.all-comps-tier ul{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}.all-comps-tier a{color:var(--text);text-decoration:none}.all-comps-tier a:hover{color:var(--accent-fg);text-decoration:underline}.calc{gap:16px;margin:16px 0 24px;display:grid}.calc-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.calc-fields label{gap:4px;font-weight:600;display:grid}.calc-fields input{width:100%}.calc-fields small{font-weight:400}.calc-out h2{margin-top:0}.calc-out p{margin:0 0 8px}.hx-about{margin:48px auto 24px;padding:0 16px}.site-nav a.nav-donate{color:var(--on-accent);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 72%, #fff));box-shadow:0 2px 12px color-mix(in srgb, var(--accent) 32%, transparent);transition:filter .16s ease, transform .16s var(--ease-out);border-radius:999px;align-items:center;gap:6px;margin-left:4px;padding:5px 12px;font-weight:750;display:inline-flex}.site-nav a.nav-donate svg{flex:none;width:16px;height:16px}.site-nav a.nav-donate:hover,.site-nav a.nav-donate.active{color:var(--on-accent);filter:brightness(1.08)}.site-nav>a.nav-donate.active:after{display:none}@media (hover:hover){.site-nav a.nav-donate:hover{transform:translateY(-1px)}}@media (max-width:900px){.site-nav>a.nav-donate{align-self:flex-start;min-height:40px;margin:8px 0 4px;padding:6px 14px;font-size:16px}.site-nav>a.nav-donate.active{color:var(--on-accent)}}.donate-fab{right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:45;flex-direction:column-reverse;align-items:center;gap:10px;display:flex;position:fixed}.donate-fab-main{width:52px;height:52px;color:var(--on-accent);cursor:pointer;background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));box-shadow:0 6px 20px #00000059, 0 0 0 1px color-mix(in srgb, var(--accent) 50%, transparent);transition:transform .2s var(--ease-out), filter .16s ease;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.donate-fab-main svg{width:26px;height:26px}.donate-fab-links{flex-direction:column-reverse;gap:10px;margin:0;padding:0;list-style:none;display:flex}.donate-fab-link{opacity:0;visibility:hidden;width:44px;height:44px;transition:opacity .18s ease, transform .22s var(--ease-out), visibility 0s linear .22s;border-radius:50%;place-items:center;display:grid;transform:translateY(12px)scale(.6);box-shadow:0 4px 14px #0000004d}.donate-fab-link svg{width:22px;height:22px}.donate-fab-link.bmc{color:#000;background:#fd0}.donate-fab-link.paypal{color:#fff;background:#003087}.donate-fab-links li:nth-child(2) .donate-fab-link{transition-delay:0s,40ms,.26s}.donate-fab.open .donate-fab-link,.donate-fab:focus-within .donate-fab-link{opacity:1;visibility:visible;transition-delay:0s;transform:none}.donate-fab.open .donate-fab-links li:nth-child(2) .donate-fab-link,.donate-fab:focus-within .donate-fab-links li:nth-child(2) .donate-fab-link{transition-delay:40ms}@media (hover:hover){.donate-fab:hover .donate-fab-link{opacity:1;visibility:visible;transition-delay:0s;transform:none}.donate-fab:hover .donate-fab-links li:nth-child(2) .donate-fab-link{transition-delay:40ms}.donate-fab:hover .donate-fab-main{transform:rotate(-10deg)scale(1.05)}.donate-fab-link:hover{transform:scale(1.08)}}@media (max-width:600px){.donate-fab{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.donate-fab-main{width:48px;height:48px}}.donate{max-width:820px}.donate-hero{text-align:center;background:radial-gradient(120% 140% at 50% 0%, color-mix(in srgb, var(--accent) 14%, var(--panel)) 0%, var(--panel) 60%);margin:4px 0 20px;padding:22px 24px}.donate-hero h1{margin:10px 0 8px;font-size:clamp(26px,4vw,36px)}.donate-hero .lead{max-width:620px;margin:0 auto}.donate-hero-icon{width:56px;height:56px;color:var(--on-accent);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #fff));border-radius:50%;place-items:center;display:inline-grid}.donate-hero-icon svg{width:30px;height:30px}.donate-ways{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:10px 0 24px;display:grid}.donate-card{flex-direction:column;align-items:flex-start;gap:8px;padding:18px;display:flex}.donate-card h3{margin:4px 0 0;font-size:18px}.donate-card p{flex:1;margin:0}.donate-logo{border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.donate-logo svg{width:28px;height:28px}.donate-card.bmc .donate-logo,.donate-card.bmc .donate-button{color:#000;background:#fd0;border-color:#fd0}.donate-card.paypal .donate-logo,.donate-card.paypal .donate-button{color:#fff;background:#003087;border-color:#003087}.donate-button{margin-top:6px;font-weight:650;text-decoration:none}.donate-card .donate-button:hover{filter:brightness(1.1)}