.statistics-view{color:#e5edf1;text-align:left;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.5 Segoe UI,Malgun Gothic,sans-serif}.statistics-view *{box-sizing:border-box}.statistics-view [hidden],.match-statistics-panel[hidden]{display:none!important}.statistics-view .statistics-duration{color:#a5b7c2;margin:0 0 12px}.statistics-view .statistics-tabs{border-bottom:1px solid #354650;gap:8px;margin-bottom:20px;padding-bottom:12px;display:flex}.statistics-view button,.match-statistics-panel>header button{color:#e5edf1;width:auto;min-height:40px;font:inherit;cursor:pointer;background:#182832;border:1px solid #50616c;border-radius:3px;margin:0;padding:8px 16px}.statistics-view button[aria-pressed=true]{color:#f3d597;background:#302d23;border-color:#c4a260}.statistics-view :is(button,select):focus-visible,.statistics-table-wrap:focus-visible{outline-offset:3px;outline:2px solid #f3d597}.statistics-view .statistics-metric{align-items:center;gap:12px;margin-bottom:18px;display:flex}.statistics-view select{max-width:100%;min-height:40px;color:inherit;font:inherit;background:#13232e;border:1px solid #50616c;padding:6px 12px}.statistics-view .statistics-teams{grid-template-columns:1fr 1fr;gap:28px;display:grid}.statistics-view .statistics-team{border:0;min-width:0;margin:0;padding:0}.statistics-view h3{margin:0 0 10px;font-size:15px}.statistics-view .team-0{--team-color:#72c6e7}.statistics-view .team-1{--team-color:#ed8891}.statistics-view .statistics-team h3{color:var(--team-color)}.statistics-view .statistics-player{border-top:1px solid #2b3d49;padding:12px 10px;position:relative}.statistics-view .is-self{background:#ccb0790e}.statistics-view .statistics-identity{grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.statistics-view .statistics-identity strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.statistics-view img{object-fit:cover;vertical-align:middle;border:1px solid #4f606d;border-radius:2px}.statistics-view .statistics-kda{color:#b4c3cb;font-variant-numeric:tabular-nums;white-space:nowrap}.statistics-view .statistics-summary{color:#a5b7c2;margin:5px 0 0 46px;font-size:12px}.statistics-view .statistics-items{flex-wrap:wrap;gap:4px;min-height:25px;margin:8px 85px 8px 46px;display:flex}.statistics-view .statistics-value{font-variant-numeric:tabular-nums;position:absolute;bottom:28px;right:10px}.statistics-view .statistics-track{background:#243743;height:6px;margin-left:46px}.statistics-view .statistics-track i{background:var(--team-color);height:100%;display:block}.statistics-view .statistics-table-wrap{border:1px solid #354650;max-height:65vh;overflow:auto}.statistics-view table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.statistics-view th,.statistics-view td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;border-bottom:1px solid #2b3d49;min-width:115px;padding:9px 12px}.statistics-view th:first-child{text-align:left;z-index:1;background:#14232d;min-width:190px;position:sticky;left:0}.statistics-view thead th{z-index:2;text-overflow:ellipsis;max-width:170px;color:var(--team-color,#e5edf1);background:#192b36;position:sticky;top:0;overflow:hidden}.statistics-view thead th:first-child{z-index:3}.statistics-view thead img{margin:0 0 6px auto;display:block}.statistics-view th.statistics-group{color:#e5c58d;background:#1c2d37;padding-top:16px}.statistics-view .statistics-notes{color:#a5b7c2;margin-top:24px;font-size:12px}.statistics-view summary{cursor:pointer}.statistics-view .statistics-notes p{margin:8px 0}.result.statistics-open>:not(.match-statistics-panel){display:none!important}.result .match-statistics-panel{text-align:left;background:#0d1a24;border:1px solid #756342;border-radius:4px;max-width:1280px;margin:auto;padding:24px;position:absolute;inset:20px;overflow:auto}.match-statistics-panel>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.match-statistics-panel>header h2{color:#efdbb5;margin:0;font-size:22px}@media (width<=700px){.statistics-view .statistics-teams{grid-template-columns:1fr;gap:24px}.result .match-statistics-panel{padding:16px;inset:8px}.statistics-view .statistics-metric{flex-direction:column;align-items:flex-start;gap:6px}.statistics-view th:first-child{min-width:155px}}:is(body,#lobby) :is(input:not([type]),input[type=text],input[type=password],input[type=email],input[type=search],input[type=number],textarea,select){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0f5fa;max-width:100%;min-height:42px;font:inherit;background:#142638;border:1px solid #526b82;border-radius:6px;padding:10px 12px;line-height:1.4;transition:border-color .15s,background-color .15s,box-shadow .15s}:is(body,#lobby) :is(input,textarea)::placeholder{color:#a9bed1;opacity:1}:is(body,#lobby) :is(input,textarea,select):focus-visible{outline-offset:2px;border-color:#efd18c;outline:2px solid #efd18c}:is(body,#lobby) :is(input,textarea,select):disabled{opacity:.5;cursor:not-allowed}#lobby .search-field{background:#142638;border-color:#526b82;border-radius:6px}#lobby .search-field input{box-shadow:none;background:0 0;border:0;outline:none;padding-inline:0}:is(body,#lobby) select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23dfc483' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}:is(body,#lobby) select option{color:#eef4fa;background:#192d40}@supports (appearance:base-select){:is(body,#lobby) select{appearance:base-select}:is(body,#lobby) select::picker(select){appearance:base-select}:is(body,#lobby) select{background-image:none;align-items:center;gap:16px;padding-right:12px}:is(body,#lobby) select::picker-icon{color:#efd18c}:is(body,#lobby) select::picker(select){color:#eef4fa;background:#192d40;border:1px solid #607a92;border-radius:8px;max-height:min(360px,60dvh);margin-block:6px;padding:6px;overflow:auto;box-shadow:0 12px 32px #0008}:is(body,#lobby) select option{white-space:normal;overflow-wrap:anywhere;border-radius:4px;gap:12px;min-height:40px;padding:10px 12px}:is(body,#lobby) select option:checked{color:#ffe0a0;background:#3e3b2d}:is(body,#lobby) select option:is(:hover,:focus-visible){background:#304c65;outline:0}:is(body,#lobby) select option:disabled{opacity:.45}:is(body,#lobby) select option::checkmark{color:#f4cb78}#game #practice-champion::picker(select){width:min(600px,100vw - 32px);max-height:min(480px,100dvh - 88px);left:clamp(16px, anchor(left), max(16px, calc(100vw - 616px)));grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;right:auto}#game #practice-champion option{align-items:center;gap:6px;min-width:0;min-height:44px;padding:8px;font-size:13px;line-height:1.4}#game #practice-champion option::checkmark{flex-shrink:0}}.action-confirm{color:#f0f5fa;background:#192b3d;border:1px solid #61768b;border-radius:8px;width:min(420px,100vw - 32px);padding:26px;font:14px/1.6 Segoe UI,Malgun Gothic,sans-serif;box-shadow:0 24px 80px #0009}.action-confirm::backdrop{background:#030912b8}.action-confirm h2{color:#f0f5fa;margin:0 0 12px;font:700 20px/1.4 Segoe UI,Malgun Gothic,sans-serif}.action-confirm p{color:#c3d3e2;overflow-wrap:anywhere;margin:0}.action-confirm footer{justify-content:end;gap:10px;margin-top:24px;display:flex}.action-confirm button{color:#eef4fa;min-height:42px;font:inherit;cursor:pointer;background:#233c51;border:1px solid #62778a;border-radius:6px;padding:8px 20px}.action-confirm button:hover{background:#334f66}.action-confirm button.confirm-action{color:#241e12;background:#e6c17e;border-color:#efce8d;font-weight:700}.action-confirm button.confirm-action:hover{background:#f5d99f}.action-confirm button:focus-visible{outline-offset:3px;outline:2px solid #ffe1a0}.account-page{--bg:#0b141f;--surface:#132130;--line:#2b3e50;--text:#eff3f8;--muted:#a0b3c7;--gold:#e6c17e;background:var(--bg);color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;margin:0;font:14px/1.5 Segoe UI,Malgun Gothic,sans-serif}.account-page *{box-sizing:border-box}.account-page [hidden]{display:none!important}.account-page a{color:var(--gold);text-decoration:none}.account-page a:hover{color:#ffe0a9}.account-page h1,.account-page h2,.account-page h3{letter-spacing:-.035em;line-height:1.3}.account-page h1{margin:0 0 28px;font-size:28px;font-weight:750}.account-page h2{margin:0 0 16px;font-size:20px}.account-page h3{margin:0;font-size:16px}.account-page p{color:var(--muted);margin:8px 0 20px}.account-page button,.account-page input,.account-page select{border:1px solid var(--line);background:var(--bg);min-width:0;min-height:42px;color:var(--text);font:inherit;border-radius:4px;padding:10px 12px}.account-page button{cursor:pointer;background:#1b2c3d;font-weight:600}.account-page button:hover:not(:disabled){background:#263d51;border-color:#768ea5}.account-page button.primary,.account-primary-link{background:var(--gold);border-color:var(--gold);color:#211c13;font-weight:700}.account-page button.primary:hover:not(:disabled),.account-page .account-primary-link:hover{color:#211c13;background:#f1d399}.account-page button:disabled{opacity:.45;cursor:default}.account-page :focus-visible{outline:2px solid var(--gold);outline-offset:4px}.account-page .account-panel:focus{outline:none}.account-page label{color:var(--muted);gap:8px;font-size:13px;font-weight:600;display:grid}.account-page input{width:100%}.account-page label:has(input[type=checkbox]){align-items:center;gap:12px;display:flex}.account-page input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--gold);flex-shrink:0}.account-page form{align-content:start;gap:18px;display:grid}.account-page form>button{justify-self:start;min-width:128px}.account-page .account-message{color:#f1d399;border-left:2px solid var(--gold);overflow-wrap:anywhere;background:#272b2b;margin:0 0 20px;padding:12px 16px}.account-page .account-message:empty{display:none}.account-page>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex}.account-page>header>a:first-child{letter-spacing:-.06em;font-size:28px;font-weight:800}.account-page:has(.account-shell)>header{display:none}.account-page main:not(.account-shell){max-width:1168px;margin:auto;padding:40px 24px}.account-shell{min-height:100dvh}.account-sidebar{border-right:1px solid var(--line);background:#0e1b28;flex-direction:column;width:224px;padding:24px 0;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.account-brand{letter-spacing:-.06em;margin:0 28px;font-size:30px;font-weight:850;line-height:1.3}.account-page .account-back{color:var(--muted);margin:22px 28px 0;display:block}.account-identity{border-bottom:1px solid var(--line);overflow-wrap:anywhere;margin:28px 24px 20px;padding:0 4px 24px}.account-identity h2{margin:0 0 5px;font-size:19px}.account-identity p{margin:0;font-size:13px}.account-navigation{gap:6px;display:grid}.account-navigation a{min-height:52px;color:var(--muted);border-left:3px solid #0000;align-items:center;gap:14px;padding:12px 24px;font-weight:600;display:flex}.account-navigation a:hover{color:var(--text);background:#16283a}.account-navigation a[aria-current=page]{color:var(--gold);border-left-color:var(--gold);background:#1b2c3b}.account-nav-icon{text-align:center;width:22px;font-size:21px;line-height:1}.account-nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.account-page .account-logout{text-align:left;color:var(--muted);background:0 0;border:0;margin:auto 24px 0;padding-top:28px}.account-workspace{max-width:1744px;margin-left:224px;padding:36px 40px 64px}.account-panel{min-width:0}.account-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.account-heading h1{margin:0}.account-heading select{width:176px}.history-metrics{background:var(--surface);border:1px solid var(--line);border-radius:4px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:26px;padding:24px 0;display:grid}.history-metrics>div{border-left:1px solid var(--line);justify-items:center;gap:6px;display:grid}.history-metrics>div:first-child{border-left:0}.history-metrics span{color:var(--muted);font-size:13px}.history-metrics strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.2}.history-tabs{gap:24px;margin-bottom:0;display:flex}.account-page .history-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;min-height:48px;padding:10px 4px}.account-page .history-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--text)}.account-table{scrollbar-gutter:stable;border:1px solid var(--line);border-radius:4px;margin:8px 0 20px;overflow:auto}.account-page table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:850px;font-size:14px}.account-page th,.account-page td{text-align:left;border-bottom:1px solid var(--line);overflow-wrap:anywhere;vertical-align:middle;padding:18px 14px}.account-page th{color:var(--muted);background:#192c3c;padding-block:12px;font-size:12px;font-weight:500}.account-page td{font-variant-numeric:tabular-nums;background:#11202e}.account-page tbody tr:hover td{background:#172a3b}.account-page tr:last-child td{border-bottom:0}.account-page .columns-7 th:nth-child(2){width:20%}.account-page .columns-7 th:nth-child(6){width:18%}.account-page .match-history th:first-child{width:16%}.account-page .match-history th:nth-child(2){width:22%}.account-page .match-history th:nth-child(3),.account-page .match-history th:nth-child(4){width:15%}.account-page .match-history th:nth-child(5){width:6%}.account-page .match-history th:nth-child(6),.account-page .match-history th:nth-child(7){width:13%}.match-history td:first-child{border-left:4px solid #6d8399;padding-left:18px}.match-history td:first-child strong{font-size:16px;display:block}.match-history time,.match-history small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.match-history [data-outcome=victory] td:first-child{color:#80caff;border-left-color:#63baf4}.match-history [data-outcome=defeat] td:first-child,.match-history [data-outcome=failed] td:first-child{color:#f0939f;border-left-color:#ed7e8d}.match-history [data-outcome=complete] td:first-child{color:#98d9c5;border-left-color:#79c4af}.history-champion{align-items:center;gap:12px;font-weight:600;display:flex}.history-champion img{border:1px solid #546273;border-radius:4px;flex-shrink:0;width:44px;height:44px}.account-page .match-history button{white-space:nowrap;background:0 0;border:0;min-height:34px;padding:5px 0;font-size:12px}.account-page .match-history button:hover{color:var(--gold);background:0 0}.history-roster{margin-top:3px;font-size:11px}.history-roster summary{color:var(--muted);cursor:pointer}.history-roster p{margin:8px 0}.history-pagination{justify-content:flex-end;align-items:center;gap:12px;display:flex}.history-pagination span{color:var(--muted);font-size:12px}.account-page .history-pagination button{background:0 0;min-height:36px;padding:8px 14px;font-size:12px}.account-page .history-note{margin-top:24px;font-size:12px}.account-page .history-feedback{text-align:center;border-left:0;height:260px}.account-page .history-feedback p{margin:0 0 12px}.account-page .history-feedback button{border:1px solid var(--line);padding:8px 16px}.history-overview[aria-busy=true]{opacity:.6}.account-empty{text-align:center;padding:80px 20px}.account-page .account-match-detail>h2{margin-top:24px;font-size:18px}.account-settings{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;max-width:1040px;display:grid}.account-settings>form,.device-preferences,.key-settings,.tutorial-progress{border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:28px}.account-settings h3{margin-bottom:4px}.device-preferences{grid-column:1/-1}.device-preferences label{margin-top:20px}.device-preferences .account-message{margin-top:16px}.account-legacy,.learning-records{border-top:1px solid var(--line);max-width:1040px;margin-top:24px;padding-top:20px}.account-legacy summary,.learning-records summary{cursor:pointer;color:var(--muted)}.account-legacy p{max-width:640px;margin-top:20px;font-size:13px}.key-settings{grid-template-columns:max-content 1fr;column-gap:12px;max-width:850px}.key-settings>*{grid-column:1/-1}.account-page .key-settings>button{grid-area:4/1}.account-page .key-settings>button+button{grid-column:2}.key-settings h2{margin:0;font-size:18px}.key-settings p{margin:0;font-size:13px}.account-keys{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 28px;padding:12px 0 20px;display:grid}.account-keys label{justify-content:space-between;align-items:center;gap:10px;display:flex}.account-keys input{text-align:center;text-transform:uppercase;width:52px;font:600 18px Consolas,monospace}.tutorial-progress{max-width:760px}.tutorial-progress progress{appearance:none;background:var(--bg);border:0;border-radius:3px;width:100%;height:10px;margin:24px 0 32px;display:block;overflow:hidden}.tutorial-progress progress::-webkit-progress-bar{background:var(--bg)}.tutorial-progress progress::-webkit-progress-value{background:var(--gold)}.tutorial-progress progress::-moz-progress-bar{background:var(--gold)}.account-primary-link{border-radius:4px;align-items:center;min-height:42px;padding:10px 18px;display:inline-flex}.account-page .columns-5{min-width:680px}.account-page .columns-5 th:first-child{width:40%}.account-auth{isolation:isolate;border:1px solid var(--line);background:var(--surface);border-radius:6px;max-width:980px;min-height:620px;margin:24px auto;padding:40px 40px 32px 55%;position:relative}.account-auth:before{content:"";z-index:-1;background:linear-gradient(#10171e11,#10171e88),url(/assets/champions/16.17.1/splash/MissFortune_0.jpg) 58%/cover;border-radius:5px 0 0 5px;position:absolute;inset:0 52% 0 0}.account-auth>p:last-child{margin-top:24px;font-size:12px}.account-auth>button{background:0 0;width:100%;margin-top:20px}.account-auth form>button{width:100%}.account-page .statistics-view table{border-collapse:separate;table-layout:auto;min-width:0}.account-page .statistics-view :is(th,td){text-align:right;padding:9px 12px}.account-page .statistics-view th:first-child{text-align:left}.account-page .statistics-view td.is-self{background:#ccb0790e}.account-page .statistics-view .statistics-team{border:0;margin:0;padding:0}@media (width>=1800px){.account-workspace{padding:44px 56px 72px}}@media (width<=1200px){.account-sidebar{width:200px}.account-workspace{margin-left:200px;padding:28px 24px 48px}.account-navigation a{padding-inline:20px}}@media (width<=900px){.account-sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:14px 20px;width:auto;padding:16px 20px 0;display:grid;position:static;overflow:visible}.account-brand{margin:0;font-size:24px}.account-page .account-back{text-align:right;align-self:center;margin:0}.account-identity{border:0;margin:0;padding:0}.account-identity h2{font-size:15px;display:inline}.account-identity p{margin-left:12px;font-size:12px;display:inline}.account-navigation{grid-area:3/1/auto/-1;gap:12px;display:flex;overflow-x:auto}.account-navigation a{white-space:nowrap;border-bottom:3px solid #0000;border-left:0;min-height:46px;padding:12px 6px;font-size:13px}.account-navigation a[aria-current=page]{border-bottom-color:var(--gold);background:0 0}.account-nav-icon{display:none}.account-page .account-logout{text-align:right;min-height:28px;margin:0;padding:0;font-size:12px}.account-workspace{margin:0;padding:28px 20px 48px}.account-auth{max-width:460px;min-height:0;padding:32px}.account-auth:before{display:none}}@media (width<=600px){.account-page h1{font-size:24px}.account-heading{gap:12px}.account-heading select{width:132px;font-size:12px}.history-metrics{padding:20px 0}.history-metrics strong{font-size:24px}.history-metrics span{font-size:11px}.account-settings{grid-template-columns:1fr;gap:18px}.account-settings>form,.device-preferences,.key-settings,.tutorial-progress{padding:22px}.account-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-keys label{flex-direction:column}.account-page>header{padding-inline:20px}.account-page main:not(.account-shell){padding:20px 16px}}