@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:block;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations"),url(/assets/inter-latin-wght-normal-Dx4kXJAl.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:Inter;font-style:normal;font-weight:100 900;font-display:block;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations"),url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--bg:#101a2b;--text:#f1f5fa;--teal:#58d6d0;--coral:#ff9a76;--muted:#8a9bb3;--panel:#16233a;--panel-2:#1c2c47;--line:#273a5a;--hover-line:#3a5078;--accent:var(--teal);--win:var(--teal);--win-bg:#12283a;--win-line:#1e3f4c;--loss:var(--coral);--loss-bg:#2a2131;--loss-line:#4a3240;--remake:#6b7a92;--teal-tint:#58d6d017;--teal-edge:#58d6d066;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-feature-settings:"cv11", "tnum";margin:0;font:13px/1.45 Inter,Segoe UI,system-ui,sans-serif}h1{margin:0;font-size:20px;font-weight:600}h2{margin:0;font-size:15px;font-weight:600}button,input,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:4px;padding:5px 10px}button{cursor:pointer}button:hover:not(:disabled){border-color:var(--hover-line)}button:disabled{opacity:.5;cursor:default}input:focus,select:focus,button:focus-visible{outline:1px solid var(--accent);outline-offset:0}code{background:var(--panel-2);border-radius:3px;padding:1px 4px}.muted{color:var(--muted)}.error{color:#ffc2ad;background:var(--loss-bg);border:1px solid var(--loss-line);border-radius:4px;margin:8px 0;padding:8px 10px}.error-inline{color:#ffc2ad}button.link{color:var(--accent);background:0 0;border:none;padding:0}button.link:hover{text-decoration:underline}.right{margin-left:auto}.shell{flex-direction:column;height:100%;display:flex}.app{flex:1;min-height:0;display:flex}.titlebar{background:var(--bg);border-bottom:1px solid var(--line);-webkit-user-select:none;user-select:none;flex:none;align-items:center;height:36px;padding-left:10px;display:flex}.titlebar-logo{pointer-events:none;align-items:center;display:flex}.titlebar-buttons{height:100%;margin-left:auto;display:flex}.tb-btn{width:46px;height:100%;color:var(--muted);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:flex}.tb-btn:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.tb-btn.close:hover:not(:disabled){background:var(--coral);color:var(--bg)}.art{background:var(--panel-2);display:block;overflow:hidden}.art img{object-fit:cover;width:100%;height:100%;display:block}.art[data-state=loading] img{visibility:hidden}.banner{background:var(--panel);border:1px solid var(--line);border-radius:8px;height:200px;position:relative;overflow:hidden}.banner-art{width:78%;position:absolute;top:0;bottom:0;right:0}.banner-art img{object-position:center 20%}.banner-shade{background:linear-gradient(90deg,#101a2b 0% 34%,#101a2bd9 54%,#101a2b40 80%,#101a2b00 100%);position:absolute;inset:0}.art.profile-icon{flex:none;width:72px;height:72px}.banner-content{flex-direction:column;justify-content:center;gap:18px;height:100%;padding:0 24px;display:flex;position:relative}.banner-id{align-items:center;gap:16px;display:flex}.banner-ranks{gap:32px;display:flex}.banner-rank{align-items:center;gap:10px;display:flex}.banner-rank .rank-label{margin-bottom:0;font-size:11px}.banner-rank-tier{font-weight:600}.banner-lp{color:var(--text);font-weight:500}.art.emblem.sm{width:48px;height:48px}.emblem-none{border:1px dashed var(--line);border-radius:50%;flex:none;width:48px;height:48px}.banner h1{letter-spacing:-.02em;font-size:26px;font-weight:700}.banner-sub{color:var(--muted);gap:14px;margin-top:4px;font-weight:500;display:flex}.art.emblem{background:0 0;flex:none;width:64px;height:64px}.art.emblem img{object-fit:contain}.art.emblem:not([data-state=ok]){background:var(--panel-2);border-radius:50%}.mastery-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.mastery-card{aspect-ratio:308/440;border:1px solid var(--line);background:var(--panel);border-radius:6px;position:relative;overflow:hidden}.mastery-art{position:absolute;inset:0}.mastery-art img{object-position:center top}.mastery-info{background:linear-gradient(#101a2b00 0%,#101a2bdb 45%,#101a2bf5 100%);padding:32px 10px 9px;position:absolute;bottom:0;left:0;right:0}.mastery-name{font-weight:600}.mastery-total{margin-top:8px}.mastery-score{color:var(--text);font-weight:600}.nav{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:2px;width:170px;padding:12px 8px;display:flex}.logo{align-items:center;display:inline-flex}.logo svg{width:auto;height:100%;display:block}.brand{padding:0 4px 14px}.about-logo{margin-bottom:4px}.nav-item{text-align:left;color:var(--muted);background:0 0;border:none;padding:7px 8px}.nav-item:hover{color:var(--text)}.nav-item.active{background:var(--panel-2);color:var(--text)}.nav-foot{flex-direction:column;gap:8px;margin-top:auto;display:flex}.nav-viewing{border-top:1px solid var(--line);color:var(--muted);padding:8px;font-size:12px}.client-status{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:6px;padding:8px;font-size:12px;display:flex}.dot{background:#4a5a75;border-radius:50%;width:7px;height:7px}.dot.on{background:var(--teal)}.nav-viewing-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 4px;overflow:hidden}.main{flex:1;padding:16px 20px;overflow-y:auto}.screen{flex-direction:column;gap:14px;max-width:900px;display:flex}.screen.narrow{max-width:560px}.section-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.row{align-items:center;gap:10px;display:flex}.search{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.search input{width:280px}.profile-head{align-items:center;gap:14px;display:flex}.profile-icon{border:1px solid var(--line);border-radius:6px}.rank-label{color:var(--muted);margin-bottom:2px;font-size:12px}.tier-iron{color:#8c8c8c}.tier-bronze{color:#b0805a}.tier-silver{color:#a6b4bd}.tier-gold{color:#d9b45b}.tier-platinum{color:#4fb3a9}.tier-emerald{color:#3fbf73}.tier-diamond{color:#7a9cf0}.tier-master{color:#b46ee0}.tier-grandmaster{color:#e0605a}.tier-challenger{color:#f2c94c}.match{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--remake);border-radius:4px;margin-bottom:4px;position:relative;overflow:hidden}.match.win{border-left-color:var(--win)}.match.loss{border-left-color:var(--loss)}.art.row-art{opacity:.25;pointer-events:none;background:0 0;width:35%;height:50px;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 25%,#0000 100%);mask-image:linear-gradient(90deg,#000 25%,#0000 100%)}.art.row-art img{object-position:center 30%}.match-row,.match .detail{position:relative}.match-row{text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:52px 36px 17px 1fr 110px 80px auto;align-items:center;gap:10px;width:100%;padding:6px 10px;display:grid}.match-result{font-weight:600}.match.win .match-result{color:var(--win)}.match.loss .match-result{color:var(--loss)}.match.remake .match-result{color:var(--muted)}.match-spells,.match-meta,.match-kda,.match-cs{flex-direction:column;gap:2px;display:flex}.match-meta,.match-kda,.match-cs{font-size:12px}.deaths{color:#ffc2ad}.icon{background:var(--panel-2);border-radius:3px;display:block}.icon-empty{background:#ffffff0a;border-radius:3px;display:block}.items{gap:2px;display:flex}.detail{flex-direction:column;gap:8px;padding:4px 10px 10px;display:flex}.team{border-collapse:collapse;width:100%;font-size:12px}.team th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:4px;font-weight:500}.team td{vertical-align:middle;padding:3px 4px}.team tr.me td{background:var(--teal-tint)}.win-text{color:var(--win)!important}.loss-text{color:var(--loss)!important}.cell-champ{width:30px;position:relative}.lvl{background:#000a;border-radius:2px;padding:0 2px;font-size:10px;position:absolute;bottom:1px;right:0}.cell-runes{width:22px}.cell-name{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.cell-dmg{width:90px}.cell-rank{white-space:nowrap;width:84px}.player-link{text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:none;max-width:100%;padding:0;overflow:hidden}.player-link:hover{color:var(--accent);text-decoration:underline}.cell-dmg span:first-child{display:block}.bar{background:var(--panel-2);border-radius:2px;height:4px;display:block}.bar span{background:var(--loss);border-radius:2px;height:4px;display:block}.filters{flex-wrap:wrap;gap:6px;display:flex}.chip.active{border-color:var(--accent);color:var(--accent)}.history-filters{margin-bottom:8px}.history-foot{justify-content:center;align-items:center;gap:14px;padding:6px 0 12px;display:flex}.more{border-color:var(--teal-edge);color:var(--accent);padding:6px 16px}.small-btn{padding:3px 10px;font-size:12px}.cs-head{align-items:center;gap:14px;display:flex}.cs-champ{border:1px solid var(--line);border-radius:6px}.cs-champ.empty{background:var(--panel-2);width:64px;height:64px;display:block}.panel{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:10px 12px}.panel p{margin:6px 0 0}.cs-teams{grid-template-columns:1fr 1fr;gap:16px;display:grid}.member{background:var(--panel);border-radius:4px;align-items:center;gap:10px;margin-bottom:3px;padding:5px 8px;display:flex}.member.me{background:var(--teal-tint)}.member-text{flex-direction:column;min-width:0;font-size:12px;display:flex}.member-text span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.member-rank{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:12px}.icon.hovering{opacity:.5}.toggle{color:var(--muted);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:flex}.toggle input{padding:0}.bans-head{margin-top:12px}.bans{flex-wrap:wrap;gap:4px;display:flex}.icon.ban{filter:grayscale();opacity:.7}h3{margin:0;font-size:13px;font-weight:600}.small{font-size:12px}.build{flex-direction:column;gap:12px;margin-top:10px;display:flex}.build-stats{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tier-badge{background:var(--panel-2);border-radius:3px;padding:1px 8px;font-weight:600}.tier-badge.t1{color:#f2c94c}.tier-badge.t2{color:#7a9cf0}.tier-badge.t3{color:#3fbf73}.tier-badge.t4{color:var(--muted)}.tier-badge.t5{color:#8c8c8c}.build-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.build-block{background:var(--panel-2);border-radius:6px;flex-direction:column;gap:6px;min-width:0;padding:10px 12px;display:flex}.block-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.block-head.spaced{margin-top:6px}.block-head button{border-color:var(--teal-edge);color:var(--accent);padding:3px 10px;font-size:12px}.import-state{color:var(--teal);font-size:12px}.rune-row{align-items:center;gap:6px;display:flex}.rune-row .icon{background:0 0}.item-line{grid-template-columns:48px auto 1fr;align-items:center;gap:8px;display:grid}.item-label{color:var(--muted);font-size:12px}.options{flex-wrap:wrap;gap:10px;display:flex}.option{align-items:center;gap:4px;display:flex}.skills{border-collapse:collapse;font-size:11px}.skills th{text-align:left;width:18px;color:var(--muted);font-weight:600}.skills td{text-align:center;border:1px solid var(--line);color:#0000;width:18px;height:18px}.skills td.on{color:var(--text);background:#1f4250}.skills td.kR{background:#4a3329}.counters{flex-direction:column;gap:4px;display:flex}.counter{align-items:center;gap:8px;display:flex}.row.warn{background:var(--loss-bg);border:1px solid var(--loss-line);border-radius:4px;margin-top:8px;padding:6px 10px}.auth-shell{flex:1;place-items:center;padding:24px;display:grid}.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:14px;width:100%;max-width:420px;padding:28px;display:flex}.auth-card h1{font-size:20px}.auth-card p{margin:0}.discord-btn{color:#fff;background:#5865f2;border-color:#5865f2;align-self:flex-start;padding:8px 16px;font-weight:600}.discord-btn:hover:not(:disabled){background:#4752c4;border-color:#4752c4}.auth-who{align-items:center;gap:8px;display:flex}.auth-who img,.avatar{border-radius:50%}.offline-bar,.update-bar{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;padding:6px 14px;font-size:12px;display:flex}.offline-bar{background:var(--loss-bg);color:#ffc2ad}.update-bar{background:linear-gradient(90deg, #ff9a7629, var(--panel-2) 70%);border-bottom-color:var(--coral);padding:8px 14px;font-size:13px}.update-bar strong{color:var(--coral)}.update-bar .small-btn{background:var(--coral);border-color:var(--coral);color:#1a1010;margin-left:auto;padding:6px 16px;font-weight:700}.update-bar .small-btn:hover:not(:disabled){background:#ffb497;border-color:#ffb497}.signed-in{gap:12px}.advanced summary{cursor:pointer;color:var(--muted);margin-bottom:10px}.patch-strip{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:14px;padding:8px 12px;display:flex}.patch-num{font-weight:600}.pb-buff{color:var(--teal)}.pb-nerf{color:var(--coral)}.pb-adjusted{color:var(--muted)}.tier-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tier-table.tl td{border-bottom:1px solid #273a5a80;padding:4px 6px}.tier-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tier-table th.sortable:hover{color:var(--text)}.tier-table .num{text-align:right;font-feature-settings:"tnum"}.tl-champ{align-items:center;gap:10px;display:flex}.art.tl-tile,span.tl-tile{border-radius:4px;flex:none;width:28px;height:28px}.patch-badge{background:var(--panel-2);border-radius:3px;padding:0 5px;font-size:13px;font-weight:700}.tl-tier{text-align:center;background:var(--panel-2);border-radius:4px;min-width:24px;padding:1px 6px;font-weight:700;display:inline-block}.tl-s,.tl-a{color:var(--bg);background:var(--teal)}.tl-b{color:var(--text)}.tl-c,.tl-d{color:var(--bg);background:var(--coral)}.tl-foot{justify-content:space-between;display:flex}.mdi-panel{flex-direction:column;gap:6px;display:flex}.mdi-main{justify-content:center;padding:4px 0;display:flex}.mdi-badge{display:block;overflow:visible}.mdi-label{font-size:15px}.mdi-label-name{fill:var(--muted)}.mdi-label-score{font-weight:700}.mdi-center{fill:var(--text);font-size:32px;font-weight:700}.mdi-center.small{font-size:46px}.mdi-center-sub{letter-spacing:.12em;fill:var(--muted);font-size:11px;font-weight:600}.mdi-strengths{font-weight:500}.mdi-explain summary{cursor:pointer;color:var(--accent);margin-top:4px;font-size:12px}.mdi-explain dl{flex-direction:column;gap:8px;margin:8px 0 0;display:flex}.mdi-explain dt{font-weight:600}.mdi-explain dd{margin:2px 0 0;font-size:12px}.mdi-tilt{color:var(--text);margin-top:3px}.perf-card{cursor:pointer}.perf-card:hover{border-color:var(--hover-line)}.perf-card.expanded{grid-column:1/-1}.perf-card:focus-visible{outline:1px solid var(--accent)}.art.perf-tile{border-radius:4px;flex:none;width:40px;height:40px}.perf-badge{flex:none;margin-left:auto}.perf-unlock{text-align:right;max-width:110px;display:block}.perf-mdi{align-items:center;gap:4px}.perf-progress{background:var(--panel);border:1px solid var(--teal-edge);border-radius:6px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.perf-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px;display:grid}.perf-card{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.perf-head{align-items:center;gap:10px;display:flex}.perf-name{font-weight:600}.perf-section{border-top:1px solid var(--line);flex-direction:column;gap:2px;padding-top:6px;display:flex}.perf-label{color:var(--muted);margin-bottom:2px;font-size:11px}.perf-row{justify-content:space-between;font-size:12px;display:flex}.up{color:var(--teal)}.down{color:var(--coral)}.live-dot{background:var(--coral);vertical-align:middle;border-radius:50%;width:8px;height:8px;display:inline-block}.nav-dot{margin-left:8px}.live-banner{background:var(--loss-bg);border:1px solid var(--loss-line);border-radius:4px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;font-size:12px;display:flex}.live-banner .link{margin-left:auto}.live-team{background:var(--panel);border-radius:6px}.live-team td{padding:4px}.cell-live-runes{width:40px}.cell-live-runes .icon{margin:1px;display:inline-block}.icon.rune{background:0 0}.champ-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;display:grid}.champ-cell{color:var(--muted);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 2px;font-size:11px;display:flex}.champ-cell span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.champ-cell:hover{border-color:var(--line);color:var(--text)}.tier-note{align-self:center;margin-left:auto}.tier-table{border-collapse:collapse;width:100%;font-size:12px}.tier-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 6px;font-weight:500}.tier-table td{padding:3px 6px}.tier-table tr.clickable{cursor:pointer}.tier-table tr.clickable:hover td{background:var(--panel)}.tier-champ{align-items:center;gap:8px;display:flex}.back{align-self:flex-start}.form{flex-direction:column;gap:10px;display:flex}.form label{color:var(--muted);flex-direction:column;gap:4px;display:flex}.form input,.form select{max-width:320px}.legal{color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-size:12px}.match.has-mdi .match-row{padding-right:96px}.match-mdi{position:absolute;top:12px;right:10px}.swift-grid{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.swift-col{flex-direction:column;gap:8px;min-width:0;display:flex}.swift-col .cs-head h2{margin:0}.swift-col .cs-head .right{margin-left:auto}.swift-col .build-grid{grid-template-columns:1fr}.import-result{flex-direction:column;gap:4px;display:flex}.game-banner{height:170px}.game-result{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:13px;font-weight:700}.game-banner h1{margin:2px 0 4px}.game-kda{font-size:16px;font-weight:600}.game-kda .deaths{color:var(--coral)}td.num,th.num,.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.damage-note{margin:-4px 0 10px}.damage-panels{grid-template-columns:1fr;gap:12px;display:grid}.damage-panel h3{margin:0;font-size:14px}.dmg-table{border-collapse:collapse;width:100%}.dmg-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 6px;font-size:12px;font-weight:500}.dmg-table td{padding:3px 6px}.dmg-table td:last-child{width:34%}.dmg-src{align-items:center;gap:8px;display:flex}.dmg-split{background:var(--panel-2);border-radius:3px;width:100%;height:6px;display:block}.dmg-split .phys,.dmg-legend .phys{fill:var(--coral);background:var(--coral)}.dmg-split .magic,.dmg-legend .magic{fill:var(--teal);background:var(--teal)}.dmg-split .true,.dmg-legend .true{fill:var(--text);background:var(--text)}.dmg-legend{align-items:center;gap:4px;font-weight:400;display:inline-flex}.dmg-legend i{border-radius:2px;width:8px;height:8px;margin-left:6px;display:inline-block}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 14px}.tab.active{color:var(--text);border-bottom-color:var(--teal)}.game-bench{margin-top:4px}.dmg-summary{flex-direction:column;gap:8px;display:flex}.dmg-sum-line{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.dmg-sum-label{color:var(--muted);margin-right:4px}.dmg-sum-item{align-items:center;gap:5px;display:inline-flex}.dmg-sum-line .right{margin-left:auto}.share-bar{background:var(--panel-2);border-radius:6px;gap:2px;height:12px;display:flex;overflow:hidden}.share-seg{background:var(--teal);flex-basis:0}.share-seg.map{background:var(--remake)}.share-icons{gap:2px;min-height:20px;margin:4px 0 10px;display:flex}.share-icon{flex-basis:0;justify-content:center;min-width:0;display:flex}.dmg-groups{flex-direction:column;display:flex}.dmg-group{border-bottom:1px solid var(--line)}.dmg-group-head{text-align:left;background:0 0;border:none;border-radius:0;grid-template-columns:14px 24px 1fr auto 80px 44px;align-items:center;gap:10px;width:100%;padding:7px 4px;display:grid}.dmg-group-head:hover{background:var(--panel-2)}.dmg-group-name{font-weight:600}.chev{color:var(--muted)}.dmg-top3{gap:3px;display:flex}.dmg-group.open .dmg-table{width:calc(100% - 28px);margin:0 0 8px 28px}.dmg-other td{color:var(--muted)}.dmg-minor td{padding:4px 6px}.damage-panel>.dmg-legend{margin-top:8px}.rune-options{flex-direction:column;gap:4px;display:flex}.rune-option{border:1px solid var(--line);background:var(--panel-2);border-radius:6px;align-items:center;gap:8px;padding-right:8px;display:flex}.rune-option.on{border-color:var(--teal);background:var(--teal-tint)}.rune-option-pick{text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;min-width:0;padding:5px 8px;display:flex}.rune-option-text{flex-direction:column;min-width:0;margin-left:4px;display:flex}.rune-option-text>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.apply-bar{flex-direction:column;gap:6px;display:flex}.apply-row{align-items:center;gap:10px;display:flex}.apply-btn{background:var(--accent);border-color:var(--accent);color:#0b1422;padding:6px 14px;font-weight:600}.apply-btn:hover:not(:disabled){border-color:var(--text)}.apply-spells{gap:4px;display:flex}.apply-spells img{border-radius:4px;display:block}.apply-spells.off img{opacity:.35}.apply-opts{color:var(--muted);gap:14px;display:flex}.apply-opts label{cursor:pointer;align-items:center;gap:5px;display:flex}.apply-opts input{accent-color:var(--accent);margin:0;padding:0}.apply-msg{margin:0}.rune-editor{border-color:var(--teal-edge);flex-direction:column;gap:10px;display:flex}.rune-editor-name input{width:100%;margin-top:4px}.rune-editor-cols{grid-template-columns:1fr 1fr;gap:14px;display:grid}.tree-pick,.rune-row{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.rune-row.keystones{border-bottom:1px solid var(--line);padding-bottom:6px}.rune-btn{background:0 0;border:2px solid #0000;border-radius:50%;padding:2px;line-height:0}.rune-btn img{filter:grayscale();opacity:.45}.rune-btn.on{border-color:var(--teal)}.rune-btn.on img,.rune-btn:hover img{filter:none;opacity:1}.rune-row.shards .chip{font-size:11px}.shards-label{margin-top:6px}.shown-build h3{margin:0;font-size:14px}.build-mismatch{color:var(--text);background:var(--panel-2);border-left:3px solid var(--coral);border-radius:4px;padding:5px 8px}.preset-items{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:8px;display:flex}.item-pick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.item-pick .item-label{width:78px}.item-chip{border:1px solid var(--line);background:0 0;border-radius:4px;padding:0;line-height:0}.item-chip:hover{border-color:var(--coral)}.item-search{position:relative}.item-search input{width:150px}.item-hits{z-index:5;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;flex-direction:column;width:240px;padding:4px;display:flex;position:absolute;top:100%;left:0}.item-hit{text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:3px 6px;display:flex}.item-hit:hover{background:var(--panel)}.build-folded{border:1px solid var(--line);border-radius:6px;margin-top:10px;padding:6px 10px}.build-folded summary{cursor:pointer;color:var(--muted);font-weight:600}.build-folded[open] summary{margin-bottom:6px}.game-banner.compact{height:120px}.game-banner.compact .banner-content{gap:0}.game-banner.compact h1{margin:0 0 2px;font-size:20px}.game-banner.compact .game-kda{font-size:14px}.game-summary{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}@media (max-width:900px){.game-summary{grid-template-columns:1fr}}.pills{gap:4px;margin-bottom:6px;display:flex}.pill{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:2px 9px;font-size:11px}.pill.active{color:var(--text);border-color:var(--teal);background:var(--teal-tint)}.game-mdi-row{align-items:center;gap:12px;display:flex}.game-mdi-row .mdi-badge{flex:none}.game-mdi-text{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.game-mdi-details{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.dmg-summary .dmg-sum-line{padding:4px 0}.score{flex-direction:column;gap:8px;display:flex}table.scoreboard{border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:6px;width:100%;font-size:12px}table.scoreboard th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:6px;font-weight:500}table.scoreboard th.win-text,table.scoreboard th.loss-text{font-weight:700}table.scoreboard td{vertical-align:middle;border-bottom:1px solid #273a5a99;padding:4px 6px}table.scoreboard tr:last-child td{border-bottom:none}table.scoreboard tr.me td{background:var(--teal-tint)}table.scoreboard tr.me td:first-child{box-shadow:inset 3px 0 0 var(--teal)}.sb-champ{width:34px;position:relative}.sb-champ .lvl{background:var(--bg);border-radius:3px;padding:0 2px;font-size:10px;position:absolute;bottom:2px;right:2px}.sb-stack{width:16px}.sb-stack>img,.sb-stack>span{display:block}.sb-augs{grid-template-columns:14px 14px;gap:1px;width:30px;display:grid}.sb-name{max-width:150px}.sb-name>button,.sb-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:150px;display:block;overflow:hidden}.player-rank{align-items:center;gap:3px;display:inline-flex}.emblem-xs{object-fit:contain}.sb-kda,.sb-wards,.sb-cs{white-space:nowrap}.sb-kda>span,.sb-wards>span,.sb-cs>span{display:block}.sb-kda .deaths{color:var(--coral)}.sb-dmg{width:110px}.sb-bar{align-items:center;gap:4px;display:flex}.sb-bar-num{text-align:right;font-variant-numeric:tabular-nums;width:44px}.sb-bar-track{background:var(--panel-2);border-radius:2px;flex:1;height:4px;overflow:hidden}.sb-bar-fill{height:100%;display:block}.sb-bar-fill.dealt{background:var(--teal)}.sb-bar-fill.taken{background:var(--muted)}.score-mid{flex-direction:column;gap:6px;padding:4px 0;display:flex}.score-objs{flex-wrap:wrap;justify-content:center;gap:4px 18px;display:flex}.score-obj{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.split{grid-template-columns:52px 1fr 52px 40px;align-items:center;gap:8px;display:grid}.split-num:first-child{text-align:right}.split-bar{border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.split-a{background:var(--teal);flex-basis:0}.split-b{background:var(--coral);flex-basis:0}.tip-list{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.tip-list li{grid-template-columns:32px 1fr auto;align-items:center;gap:10px;display:grid}.tip-text{flex-direction:column;min-width:0;display:flex}.tip-champs{gap:2px;display:flex}.tips-foot{margin:8px 0 0}.tips-gold{color:#f2c94c;font-variant-numeric:tabular-nums;font-weight:600}.tips-build{flex-wrap:wrap;align-items:center;gap:4px;margin:6px 0 2px;display:flex}.tips-build .muted{margin-right:6px}.tips-build-item{border:1px solid var(--line);border-radius:4px;line-height:0;position:relative}.tips-build-item img{opacity:.55}.tips-build-item.done{border-color:var(--teal-edge)}.tips-build-item.done img{opacity:1}.tips-build-item .tick{color:var(--bg);background:var(--teal);border-radius:50%;padding:1px 2px;font-size:11px;line-height:1;position:absolute;bottom:-3px;right:-3px}.tip-list li{border:1px solid #0000;border-radius:6px;padding:4px 6px}.tip-list li.afford{border-color:var(--teal-edge);background:var(--teal-tint)}.afford-tag{color:var(--teal);font-size:12px;font-weight:600}.game-settings{flex-direction:column;gap:10px;margin:18px 0;display:flex}.game-settings h3{margin:0 0 6px;font-size:13px}.gs-block{border:1px solid var(--line);background:var(--panel);border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.gs-action{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gs-link{gap:8px;display:flex}.gs-link input{flex:1;min-width:0}.gs-links{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.gs-links li{align-items:center;gap:10px;display:flex}.gs-preview{flex-direction:column;gap:8px;display:flex}.gs-cats{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gs-cats label{cursor:pointer;align-items:flex-start;gap:8px;display:flex}.gs-cats input{accent-color:var(--accent);margin:3px 0 0;padding:0}.gs-cats li.off{opacity:.55}.gs-note{color:var(--coral)}.gs-summary{color:var(--text);margin:4px 0 0 24px;padding-left:14px}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%}.web-loading{background:var(--bg);height:100%}.web-notice{top:max(12px, env(safe-area-inset-top));z-index:10;margin:0;position:fixed;left:16px;right:16px}.web-brand{padding:2px 8px 14px}.web-avatar{border-radius:50%}.web-privacy{max-width:640px;margin-top:16px}.web .web-more{display:none}.web .web-desktop-only{display:contents}.web-sheet{display:none}@media (max-width:760px){body{font-size:15px}.web .app{flex-direction:column}.web .main{padding:14px 16px calc(78px + env(safe-area-inset-bottom));padding-top:max(14px, env(safe-area-inset-top))}.web .nav{z-index:5;width:auto;padding:4px 4px env(safe-area-inset-bottom);border-right:none;border-top:1px solid var(--line);flex-direction:row;gap:0;position:fixed;bottom:0;left:0;right:0}.web .nav .web-brand,.web .web-desktop-only{display:none}.web .nav>.nav-item{text-align:center;border-radius:8px;flex:1;min-height:54px;padding:6px 2px;font-size:12.5px}.web .web-more{display:block}.web-sheet{left:8px;right:8px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:6;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:fixed;box-shadow:0 8px 30px #00000073}.web-sheet .nav-item{min-height:48px;padding:10px 14px;font-size:15px}.web button,.web select,.web input{min-height:40px}.auth-card{width:calc(100% - 32px)}}#root>.auth-shell,.web-auth-center{min-height:100vh;min-height:100dvh}