@font-face{font-family:DM Sans;src:url(../assets/fonts/dm-sans-latin.woff2)format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Manrope;src:url(../assets/fonts/manrope-latin.woff2)format("woff2");font-weight:400 800;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101214;--sidebar:#141618;--panel:#191c1e;--line:#2b2e30;--text:#eff1ed;--muted:#969b9d;--mint:#b3ef85;--mint-dark:#253526}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}button,a,input,textarea,select{outline-offset:4px}button:focus-visible{outline:2px solid var(--mint)}a:focus-visible{outline:2px solid var(--mint)}input:focus,textarea:focus,select:focus{outline:1px solid var(--mint);border-color:var(--mint)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:Manrope,Arial,sans-serif}h2{margin-bottom:8px;font-size:18px;font-weight:750}h3{margin-bottom:8px;font-size:16px;font-weight:700}p{color:var(--muted)}small{color:var(--muted);font-size:14px}svg{flex-shrink:0}img{max-width:100%;display:block}.mint{color:var(--mint)!important}.coral{color:#ef9a95}.muted{color:var(--muted)}.full{width:100%}.padded{padding:24px}.small-text{font-size:14px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);background:var(--sidebar);z-index:30;flex-direction:column;width:226px;padding:27px 15px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:-1.5px;align-items:center;padding:0 12px 31px;font-family:Manrope,sans-serif;font-size:28px;font-weight:800;display:flex}.brand-dot{color:var(--mint)}.brand-mark{align-items:center;gap:4px;width:34px;height:30px;margin-right:9px;display:flex}.brand-mark i{background:var(--mint);border-radius:3px;width:10px;height:26px;transform:skew(-26deg)}.brand-mark i:last-child{height:20px;margin-top:8px}.workspace-label{letter-spacing:1.5px;color:#747b7f;padding:12px 15px;font-size:14px;font-weight:700}.sidebar nav>button{color:#9ca2a4;text-align:left;border-radius:7px;align-items:center;gap:11px;width:100%;height:43px;margin-bottom:4px;padding:0 14px;font-size:14px;font-weight:500;display:flex}.sidebar nav>button:hover{color:#e6ebe5;background:#202426}.sidebar nav>button.active{color:var(--mint);background:#263229}.sidebar nav>button.active i{background:var(--mint);border-radius:50%;width:5px;height:5px;margin-left:auto}.community-label{white-space:nowrap;letter-spacing:1px;gap:11px;padding-top:30px;font-size:14px;display:flex}.community-label span{color:var(--mint);letter-spacing:.5px;border:1px solid #48603d;border-radius:3px;padding:2px 4px;font-size:14px}.nav-divider{background:var(--line);height:1px;margin:20px 14px}.count{color:#182315;background:#b3ef85;border-radius:5px;place-items:center;min-width:19px;height:19px;margin-left:auto;font-size:14px;font-weight:700;display:inline-grid}.sidebar-bottom{margin-top:auto;padding-top:20px}.together-note{background:radial-gradient(at 100% 0,#313e2d,#0000 70%),#1d2520;border:1px solid #344030;border-radius:9px;margin:0 4px 16px;padding:15px 16px}.tiny-star{color:var(--mint);font-size:25px}.together-note h3{margin:5px 0;font-size:15px;line-height:1.5}.together-note p{margin:6px 0 14px;font-size:14px}.together-note button{width:100%;color:var(--mint);justify-content:space-between;align-items:center;padding:0;font-size:14px;display:flex}.help-link{width:100%;color:var(--muted);align-items:center;gap:10px;padding:13px 12px;font-size:14px;display:flex}.help-link svg:last-child{margin-left:auto}.sidebar-profile{border-top:1px solid var(--line);text-align:left;align-items:center;gap:9px;width:100%;margin-top:6px;padding:17px 6px;display:flex}.sidebar-profile b{font-size:14px;font-weight:600;display:block}.sidebar-profile small{font-size:14px;display:block}.sidebar-profile>svg{color:var(--muted);margin-left:auto}.topbar{border-bottom:1px solid var(--line);background:#141618;justify-content:space-between;align-items:center;gap:20px;height:69px;padding:0 31px;display:flex}.game-switcher{scrollbar-width:none;align-items:center;gap:23px;height:100%;display:flex;overflow-x:auto}.game-switcher button{white-space:nowrap;opacity:.6;letter-spacing:-.3px;height:100%;padding:0 3px;font-family:Manrope,sans-serif;font-size:14px;font-weight:800;position:relative}.game-switcher button.selected{opacity:1}.game-switcher button.selected:after{content:"";background:var(--mint);height:2px;position:absolute;bottom:0;left:0;right:0}.game-switcher button:hover{opacity:1}.top-actions{align-items:center;gap:20px;display:flex}.icon-button{color:#a2a7a8;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:5px;display:inline-flex}.icon-button:hover{color:var(--text);background:#ffffff0c}.notification{position:relative}.notification i{background:var(--mint);border:1px solid var(--sidebar);border-radius:50%;width:5px;height:5px;position:absolute;top:5px;right:6px}.top-avatar{padding:0}.subbar{border-bottom:1px solid var(--line);align-items:center;gap:24px;height:65px;padding:0 32px;display:flex}.current-game{white-space:nowrap;align-items:center;gap:10px;font-size:14px;display:flex}.current-game b{font-weight:550}.current-game>svg{color:var(--muted)}.game-emblem{color:#d7bb7d;font-family:Georgia,serif;font-size:24px;font-weight:700;line-height:22px}.global-search{color:#727b7f;background:#171a1c;border:1px solid #292e31;border-radius:6px;align-items:center;gap:10px;width:300px;height:34px;margin-left:auto;padding:0 10px;display:flex}.global-search input{width:100%;color:var(--text);background:0 0;border:0;outline:none;font-size:14px}.global-search kbd{border:1px solid #373d40;border-radius:3px;padding:0 3px;font-size:14px}.mode-toggle{color:#c2c8bd;white-space:nowrap;align-items:center;gap:6px;font-size:14px;display:flex}.mode-toggle>span,.status-dot{background:var(--mint);border-radius:50%;width:5px;height:5px}.mode-toggle.live>span{background:#8ac9f7}main{max-width:1560px;margin:auto;padding:16px 32px 0}.demo-note{color:#737c7b;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px;font-size:14px;display:flex}.demo-note button{color:#a9bf9b;align-items:center;gap:7px;padding:0;font-size:14px;display:flex}.greeting{color:#9ba4a2;letter-spacing:1.6px;justify-content:space-between;align-items:center;margin:0 0 16px;font-size:14px;font-weight:650;display:flex}.date-label{color:#8d9690;letter-spacing:.1px;align-items:center;gap:7px;font-weight:400;display:flex}.hero{isolation:isolate;background:#192124;border:1px solid #38423b;border-radius:12px;height:342px;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:75% 30%;z-index:-3;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero-shade{z-index:-2;background:linear-gradient(90deg,#14211ff5 0%,#14211fe8 25%,#14211f95 47%,#15231f10 72%),linear-gradient(#0000 52%,#101b1acf);position:absolute;top:0;bottom:0;left:0;right:0}.pill{color:#aeb5b3;letter-spacing:.25px;white-space:nowrap;background:#252a2b;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:14px;font-weight:600;display:inline-flex}.pill.green{color:#b8e796;background:#526a3e40;border:1px solid #6d895b35}.pill.red{color:#edb0b2;background:#6f343944}.hero .pill{padding:5px 8px;font-size:14px}.hero h1{letter-spacing:-1.7px;color:#f4f6ef;margin:17px 0 12px;font-size:40px;font-weight:800;line-height:1.2}.hero h1 em{color:#c0ed9d;font-style:normal}.hero p{color:#b5c0b8;margin-bottom:19px;font-size:14px;line-height:1.7}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:37px;padding:9px 15px;font-size:14px;font-weight:650;transition:background .16s,transform .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--mint);color:#1d2b17;border-color:var(--mint)}.button.primary:hover{background:#c6fa9e}.button.secondary{color:#d4dbd6;background:#22272a;border-color:#363c3d}.button.secondary:hover{background:#2c3335}.button.glass{color:#dbe5dc;background:#ffffff09;border-color:#afc5b540}.button.subtle{color:#c0eca3;background:#2b392b;border-color:#45574170}.hero-buttons{gap:10px;display:flex}.hero-proof{color:#aebdb2;align-items:center;gap:10px;margin-top:20px;font-size:14px;display:flex}.avatar-stack{padding-left:4px;display:flex}.avatar-stack img{object-fit:cover;border:1px solid #25382e;border-radius:50%;width:21px;height:21px;margin-left:-4px}.hero-caption{text-align:right;position:absolute;bottom:22px;right:25px}.hero-caption span{letter-spacing:1.5px;color:#c6d8cc;font-size:14px;display:block}.hero-caption b{color:#f2f4e9;font-size:14px;font-weight:500}.quick-links{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:27px;padding:22px 0;display:grid}.quick-links button{text-align:left;border-right:1px solid var(--line);align-items:center;gap:11px;padding:0 22px;display:flex}.quick-links button:first-child{padding-left:0}.quick-links button:last-child{border:0;padding-right:0}.quick-links button>svg:first-child{color:#b5bcaf;stroke-width:1.5px;width:20px}.quick-links b{font-size:14px;font-weight:600;display:block}.quick-links small{color:#7e8888;font-size:14px}.quick-links button>svg:last-child{color:#7e8782;width:14px;margin-left:auto}.dashboard-grid{grid-template-columns:minmax(0,1fr) 282px;gap:22px;display:grid}.main-column,.right-column{flex-direction:column;gap:22px;min-width:0;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;overflow:hidden}.section-head{justify-content:space-between;align-items:center;gap:15px;padding:20px 21px;display:flex}.section-head h2{margin:0;font-size:15px}.section-head p{margin:4px 0 0;font-size:14px}.text-button{color:#bdc5c0;align-items:center;gap:7px;padding:0;font-size:14px;display:inline-flex}.text-button:hover{color:var(--mint)}.duo-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 18px 18px;display:grid}.player-card{background:#1f2425;border:1px solid #343a39;border-radius:7px;min-width:0;padding:17px}.player-card.compact{padding:13px 11px}.player-top{align-items:center;gap:10px;min-width:0;display:flex}.avatar{background:#222a23;border:1px solid #63715d;border-radius:50%;flex-shrink:0;width:39px;height:39px;padding:2px;display:inline-flex;position:relative}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar i{background:#b3f289;border:2px solid #202627;border-radius:50%;width:7px;height:7px;position:absolute;bottom:1px;right:0}.avatar.small{width:32px;height:32px}.avatar.tiny{width:25px;height:25px;padding:1px}.avatar.large{width:70px;height:70px;padding:3px}.player-name{color:#eef1e8;gap:5px;font-size:14px;font-weight:650}.player-top small{margin-top:1px;font-size:14px;display:block}.player-top small span{color:#5a6464;padding:0 3px}.presence{color:#868c89;align-self:flex-start;margin-left:auto;font-size:14px}.presence.online{color:#b3e391}.compact .presence{display:none}.player-rank{color:#b5dea1;align-items:center;gap:6px;margin:17px 0 14px;font-size:14px;display:flex}.player-rank b{font-weight:500}.player-rank>span{color:#9aa39e;margin-left:auto;font-size:14px}.player-card.compact .player-rank>span{display:none}.player-card p{min-height:60px;font-size:14px;line-height:1.7}.player-card .tags{margin:16px 0}.compact .button{gap:5px;min-height:32px;padding:8px 4px;font-size:14px}.compact .button svg{width:13px}.compact .button svg:last-child{margin-left:auto}.tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.table-scroll{overflow-x:auto}.champion-table{border-collapse:collapse;width:100%;font-size:14px}.champion-table thead{color:#7d8889;background:#16191b;font-size:14px}.champion-table th{text-align:left;padding:10px 15px;font-weight:500}.champion-table th:first-child,.champion-table td:first-child{padding-left:22px}.champion-table td{border-top:1px solid #2b3030;padding:10px 15px;font-size:14px}.champion-table tr{cursor:pointer}.champion-table tbody tr:hover{background:#232a27}.champion-table td:last-child{width:30px;padding-right:15px}.champion-name{align-items:center;gap:10px;display:flex}.champion-name img{object-fit:cover;border:1px solid #48554a;border-radius:6px;width:34px;height:34px}.champion-name b{font-size:14px;font-weight:550;display:block}.champion-name small{margin-top:1px;font-size:14px;display:block}.tier{color:#d2eca9;background:#556a3a3d;border-radius:5px;place-items:center;min-width:23px;height:23px;font-size:14px;font-weight:700;display:inline-grid}.tier-A{color:#d8bf77;background:#ac934326}.tier-B{color:#8bb3ca;background:#4b7e9b26}.performance-card{padding-bottom:16px}.rank-display{align-items:center;gap:12px;padding:0 22px;display:flex}.rank-crystal{color:#9cdb9e;text-shadow:0 0 20px #9cdb9e40;font-size:48px;font-weight:700;line-height:1}.rank-display b{font-family:Manrope,sans-serif;font-size:18px;display:block}.rank-display span{color:#b8c2b5;font-size:14px}.rank-display i{color:var(--muted);font-size:14px;font-style:normal}.lp-progress{background:#323a34;border-radius:5px;height:4px;margin:18px 22px}.lp-progress i{background:#9ece83;border-radius:5px;width:68%;height:100%;display:block}.stat-trio{text-align:center;grid-template-columns:repeat(3,1fr);padding:0 22px;display:grid}.stat-trio>div{border-right:1px solid #353a37}.stat-trio>div:last-child{border:0}.stat-trio b{font-family:Manrope,sans-serif;font-size:20px;font-weight:700;display:block}.stat-trio b span,.stat-trio small{font-size:14px}.sparkline{width:calc(100% - 44px);height:57px;margin:17px 22px 10px}.match-row{text-align:left;border-top:1px solid var(--line);align-items:center;gap:9px;width:100%;padding:12px 18px;font-size:14px;display:flex}.match-row img{object-fit:cover;border-radius:5px;width:30px;height:30px}.result{color:var(--mint);background:#49643840;border-radius:3px;place-items:center;width:18px;height:21px;font-size:14px;display:grid}.loss .result{color:#e3a09c;background:#6c373643}.match-row b{white-space:nowrap;font-size:14px;font-weight:600}.match-row i{color:#818e88;font-style:normal}.match-row small{font-size:14px;display:block}.match-lp{white-space:nowrap;margin-left:auto;font-size:14px}.match-row>svg{color:#67756d}.match-row:hover{background:#252e27}.community-promo{background:radial-gradient(at 100% 0,#303929,#0000 80%),#20261f;border:1px solid #3a4233;border-radius:8px;padding:23px}.community-promo>div:first-child{color:#c2dda9;justify-content:space-between;align-items:center;display:flex}.community-promo .pill{color:#bdcfa4;background:0 0;border:1px solid #536046;font-size:14px}.community-promo h3{letter-spacing:-.5px;margin:15px 0 9px;font-size:20px;line-height:1.4}.community-promo p{color:#9ba995;font-size:14px;line-height:1.8}.community-promo .text-button{color:#cfdfbd;margin-top:6px;font-size:14px}.section-head.standalone{padding:28px 0 18px}.eyebrow{letter-spacing:1.6px;color:#8a998b;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.standalone h2{font-size:20px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.guide-card{text-align:left;background:#1a201d;border:1px solid #313835;border-radius:8px;padding:0;transition:transform .2s;overflow:hidden}.guide-card:hover{border-color:#6d8558;transform:translateY(-3px)}.guide-art{background:radial-gradient(at 70% 100%,#486854,#202a28 60%);height:133px;position:relative;overflow:hidden}.guide-1 .guide-art{background:radial-gradient(at 70% 100%,#795849,#292321 60%)}.guide-2 .guide-art{background:radial-gradient(at 70% 100%,#5b517e,#242331 60%)}.guide-art img{filter:saturate(.7);opacity:.8;border-radius:50%;width:112px;height:112px;position:absolute;top:12px;right:12%;box-shadow:0 0 50px #b0ca7d20}.guide-art span{letter-spacing:-5px;color:#b6cdac18;font-family:Manrope;font-size:75px;font-weight:800;position:absolute;bottom:5px;left:22px}.guide-card>.pill{color:#b7c8a7;letter-spacing:.7px;text-transform:uppercase;background:0 0;margin:17px 18px 0;padding:0;font-size:14px}.guide-card h3{min-height:45px;margin:10px 0 17px;padding:0 18px;font-size:15px;line-height:1.5}.guide-card>div:last-child{color:#83958a;justify-content:space-between;align-items:center;padding:0 18px 18px;font-size:14px;display:flex}footer{border-top:1px solid var(--line);color:#738079;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:38px;padding:25px 0 20px;font-size:14px;display:flex}footer>div{gap:18px;display:flex}footer button{color:#86938a;padding:0;font-size:14px}.footer-brand{color:#c0c9bb;margin-right:10px;font-family:Manrope;font-size:16px;font-weight:800}footer p{color:#66716b;width:100%;max-width:800px;margin:0;font-size:14px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin:20px 0 28px;display:flex}.page-heading h1{letter-spacing:-1.2px;margin:8px 0 10px;font-size:32px;font-weight:800;line-height:1.3}.page-heading p{margin:0;font-size:14px;line-height:1.7}.notice{color:#b1c99c;background:#29342466;border:1px solid #48583b;border-radius:7px;align-items:center;gap:10px;margin:18px 0;padding:14px 17px;font-size:14px;line-height:1.7;display:flex}.notice.neutral{color:#a6b3aa;background:#202526;border-color:#384140}.notice.error{color:#edb6ae;background:#412827;border-color:#774c47}.notice button{color:inherit;margin-left:auto;text-decoration:underline}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:24px 0 18px;display:flex}.input-icon{color:#89988c;background:#1b211e;border:1px solid #3a4340;border-radius:6px;flex:1;align-items:center;gap:10px;min-width:160px;height:39px;padding:0 12px;display:flex}.input-icon input{color:var(--text);background:0 0;border:0;outline:none;width:100%;height:100%;font-size:14px}.select-wrap{display:inline-flex;position:relative}.select-wrap select{-webkit-appearance:none;appearance:none;color:#bac5bc;background:#1c221f;border:1px solid #3a433d;border-radius:6px;min-width:117px;max-width:100%;padding:10px 34px 10px 13px;font-size:14px}.select-wrap>svg{pointer-events:none;color:#9ba995;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.role-tabs,.tabs,.topic-tabs{border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:5px;margin-bottom:18px;display:flex;overflow-x:auto}.role-tabs button,.tabs button,.topic-tabs button{color:#8d9a92;align-items:center;gap:8px;padding:12px 18px;font-size:14px;display:inline-flex;position:relative}.role-tabs button.active,.tabs button.active,.topic-tabs button.active{color:var(--mint)}.role-tabs button.active:after,.tabs button.active:after,.topic-tabs button.active:after{content:"";background:var(--mint);height:2px;position:absolute;bottom:0;left:16px;right:16px}.footnote{color:#7e8d82;margin-top:14px;font-size:14px;line-height:1.8;display:block}.footnote a{color:#b8cdaa;align-items:center;gap:4px;display:inline-flex}.empty{text-align:center;color:#9aab96;width:100%;padding:55px 25px}.empty>svg{color:#9ab48e;margin-bottom:14px}.empty h3{color:#e2eadc;margin-bottom:10px;font-size:19px}.empty p{max-width:420px;margin:0 auto 19px;font-size:14px;line-height:1.8}.empty .button{width:max-content;max-width:100%;margin:18px auto 0;display:flex}.finder-banner{color:#bbd9a6;background:#202c24;border:1px solid #3a4d3b;border-radius:9px;align-items:center;gap:17px;padding:21px 24px;display:flex}.finder-banner p{color:#97ac96;margin:4px 0 0;font-size:14px}.finder-banner>.pill{margin-left:auto}.finder-banner b{color:#d4e2ca;font-size:14px}.filter-secondary{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:15px;padding:0 0 20px;display:flex}.check-label{color:#a0b09f;white-space:nowrap;align-items:center;gap:7px;font-size:14px;display:inline-flex}input[type=checkbox]{accent-color:var(--mint);width:14px;height:14px}.filter-secondary>.text-button{margin-left:auto}.results-head{color:#9cae9c;justify-content:space-between;align-items:center;margin:22px 0;font-size:14px;display:flex}.results-head b{color:#e0ebd8}.player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.request-list{flex-direction:column;gap:13px;display:flex}.request-card{align-items:center;gap:17px;padding:22px;display:flex}.request-card>div:nth-child(2){flex:1}.request-card h3{margin:0 0 4px;font-size:15px}.request-card h3 .pill{margin-left:8px}.request-card p{margin:8px 0 0;font-size:14px}.request-actions{gap:8px;display:flex}.chat-layout{grid-template-columns:270px minmax(0,1fr);min-height:570px;display:grid}.chat-list{border-right:1px solid var(--line);padding:8px}.chat-list-heading{letter-spacing:1.4px;color:#8c9b8c;padding:16px 12px;font-size:14px}.chat-list>button{text-align:left;border-radius:7px;align-items:center;gap:10px;width:100%;padding:13px 10px;display:flex}.chat-list>button.active{background:#2a352b}.chat-list b{font-size:14px;display:block}.chat-list>button>span:last-child{min-width:0;overflow:hidden}.chat-list small{text-overflow:ellipsis;white-space:nowrap;max-width:178px;font-size:14px;display:block;overflow:hidden}.chat-main{flex-direction:column;min-width:0;display:flex}.chat-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;height:73px;padding:0 23px;display:flex}.chat-header b{font-size:14px}.chat-header small{font-size:14px;display:block}.chat-header>button{margin-left:auto}.messages{flex-direction:column;flex:1;gap:20px;height:350px;max-height:450px;padding:25px;display:flex;overflow-y:auto}.chat-beginning{color:#7f9581;text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:15px;font-size:14px;display:flex}.message{align-self:flex-start;max-width:80%}.message p{color:#d0dace;white-space:pre-wrap;overflow-wrap:anywhere;background:#2a302d;border-radius:1px 13px 13px;margin:0 0 5px;padding:12px 16px;font-size:14px;line-height:1.7}.message small{color:#6c7e70;font-size:14px}.message.own{text-align:right;align-self:flex-end}.message.own p{color:#d6edc6;text-align:left;background:#34492e;border-radius:13px 1px 13px 13px}.message-form{border-top:1px solid var(--line);align-items:center;gap:10px;padding:18px;display:flex}.message-form input{width:100%;color:var(--text);background:#151b17;border:1px solid #3b483d;border-radius:6px;padding:11px;font-size:14px}.community-layout{grid-template-columns:minmax(0,1fr) 280px;gap:25px;display:grid}.community-layout aside{flex-direction:column;gap:20px;display:flex}.community-layout aside p{font-size:14px}.topic-tabs{gap:0}.topic-tabs button{padding:12px;font-size:14px}.forum-search{margin-bottom:20px}.post-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:18px;margin-bottom:14px;padding:23px;display:flex}.post-card>div{min-width:0}.vote{color:#9eb192;background:#242d26;border:1px solid #3c4b3d;border-radius:5px;flex-direction:column;align-self:flex-start;align-items:center;gap:6px;padding:8px 10px;font-size:14px;display:flex}.vote.voted{color:var(--mint);border-color:var(--mint)}.post-meta{color:#96a992;align-items:center;gap:8px;font-size:14px;display:flex}.post-meta .pill{margin-left:7px;font-size:14px}.post-title{text-align:left;letter-spacing:-.4px;padding:12px 0 8px;font-family:Manrope;font-size:17px;font-weight:700;line-height:1.5;display:block}.post-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.8;display:-webkit-box;overflow:hidden}.post-card .text-button{font-size:14px}.account-search{gap:10px;padding:18px;display:flex}.analytics-summary{grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;margin:22px 0;display:grid}.rank-card{align-items:center;gap:20px;padding:22px;display:flex}.rank-crystal.large{font-size:70px}.rank-card h2{margin:12px 0 2px;font-size:24px}.rank-card h2 span{color:#95af88;font-size:14px}.rank-card p{margin:0;font-size:14px}.metric{padding:22px}.metric>span{color:#99ac96;font-size:14px}.metric>b{letter-spacing:-1px;margin:8px 0;font-family:Manrope;font-size:32px;display:block}.metric>b>small{color:inherit;font-size:18px}.metric p{margin:0;font-size:14px}.analytics-grid{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.large-matches .match-row{padding:17px 21px}.large-matches .match-row img{width:39px;height:39px}.large-matches .match-row b,.large-matches .match-row small,.large-matches .match-lp{font-size:14px}.focus-list{padding:0 22px}.focus-list>div{border-top:1px solid var(--line);color:#a9c796;gap:14px;padding:17px 0;display:flex}.focus-list b{color:#dae5d3;font-size:14px}.focus-list p{margin:6px 0;font-size:14px;line-height:1.8}.raw-stats{white-space:pre-wrap;max-height:600px;font-size:14px;overflow:auto}.comp-list{flex-direction:column;gap:18px;display:flex}.comp-card{grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:24px;display:grid}.comp-card h2{margin:12px 0 6px;font-size:21px}.comp-card p{max-width:480px;font-size:14px}.comp-card>.button{grid-column:2;justify-self:end}.unit-row{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.unit-row>span{text-align:center}.unit-row img{border:1px solid #68744a;border-radius:5px;width:45px;height:45px}.unit-row small{max-width:46px;font-size:14px;display:block;overflow:hidden}.builder-layout{grid-template-columns:minmax(0,1fr) 280px;gap:22px;display:grid}.board-name{color:#e4eddd;background:0 0;border:0;width:70%;font-family:Manrope;font-size:16px;font-weight:700}.hex-board{max-width:650px;margin:auto;padding:35px 10px 20px}.hex-row{justify-content:center;gap:5px;margin-bottom:1px;display:flex}.hex-row:nth-child(2n){transform:translate(3.3%)}.hex{aspect-ratio:1.12;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);color:#718369;background:#344236;place-items:center;width:12%;padding:3px;display:grid}.hex:hover{background:#82a36c}.hex img{object-fit:cover;width:100%;height:100%;clip-path:inherit}.hex.occupied{background:var(--mint)}.board-directions{letter-spacing:1.5px;color:#829579;justify-content:space-between;padding:0 28px;font-size:14px;display:flex}.builder-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:30px 22px 0;display:flex}.builder-board>.footnote{padding:0 22px 22px}.unit-picker{padding:20px}.unit-picker h3{font-size:14px}.unit-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0;display:grid}.unit-grid button{border:1px solid #0000;border-radius:5px;padding:3px}.unit-grid button.active{border-color:var(--mint);background:#3e5135}.unit-grid img{border-radius:4px;width:42px;height:42px}.unit-grid span{margin-top:4px;font-size:14px;display:block;overflow:hidden}.game-hero{border:1px solid color-mix(in srgb,var(--game-color),transparent 60%);background:radial-gradient(ellipse at 15% 100%,color-mix(in srgb,var(--game-color),transparent 65%),transparent 60%),#171c1b;border-radius:10px;align-items:center;gap:50px;padding:40px;display:flex}.game-hero>span{letter-spacing:-3px;color:var(--game-color);text-align:center;min-width:25%;font-family:Georgia,serif;font-size:76px}.game-hero h2{margin:13px 0;font-size:34px}.game-hero p{font-size:14px}.other-builds{grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 0;display:grid}.other-build{text-align:left;padding:25px}.build-symbol{margin:0 0 18px}.other-build h3{margin:12px 0;font-size:21px}.other-build p{font-size:14px;line-height:1.8}.saved-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.saved-card{padding:22px}.saved-card>.pill{float:right}.saved-card h3{margin:20px 0 10px;font-size:18px}.saved-card>div{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.profile-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;display:grid}.profile-layout aside{flex-direction:column;gap:20px;display:flex}.profile-layout aside h3{margin-top:17px}.profile-layout aside p{font-size:14px;line-height:1.8}.profile-form-head{border-bottom:1px solid var(--line);align-items:center;gap:20px;margin-bottom:24px;padding-bottom:23px;display:flex}.profile-form-head h2{margin:0 0 6px;font-size:22px}.profile-form-head p{margin:0;font-size:14px}.field{color:#c6d1be;margin:18px 0;font-size:14px;font-weight:500;display:block}.field input,.field textarea,.field select{color:#dbe5d3;resize:vertical;background:#141b16;border:1px solid #3b483b;border-radius:6px;width:100%;margin-top:8px;padding:11px 12px;font-size:14px;display:block}.field .select-wrap{width:100%;margin-top:8px}.field small{font-size:14px;font-weight:400;display:block}.field select{cursor:pointer}.role-choices{flex-wrap:wrap;gap:8px;display:flex}.role-choices button{color:#9cae94;background:#202920;border:1px solid #3e4b3b;border-radius:6px;align-items:center;gap:7px;padding:10px 12px;font-size:14px;display:flex}.role-choices button.active{color:#c3e6a7;background:#34462a;border-color:#85a369}.form-columns{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.toggle-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font-size:14px;display:flex}.toggle-row small{margin-top:4px;font-size:14px;display:block}.profile-form>.button{margin-top:14px}.account-link-row{border:1px solid #3a4b35;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;margin:20px 0;padding:12px;font-size:14px;display:flex}.toast{color:#273721;z-index:100;background:#d8efc8;border:1px solid #b3cf9d;border-radius:9px;align-items:center;gap:11px;max-width:80vw;padding:15px 20px;font-size:14px;display:flex;position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 12px 50px #0005}.toast button{color:inherit;display:flex}.modal{color:var(--text);background:#1c231e;border:1px solid #4a5a43;border-radius:13px;width:520px;max-width:calc(100vw - 30px);max-height:88vh;margin:auto;padding:28px;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 25px 150px #000b}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080e0bd9}.modal-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.modal-title h2{margin:0;font-size:21px}.modal p{font-size:14px;line-height:1.9}.modal-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px;display:flex}.champ-detail{align-items:center;gap:20px;display:flex}.champ-detail>img{border:1px solid #8aa66d;border-radius:10px;width:90px;height:90px}.champ-detail>div{flex:1}.champ-detail h3{margin:8px 0;font-size:25px}.champ-detail p{margin:0;font-size:14px}.champ-detail>.tier{min-width:33px;height:33px;font-size:18px}.detail-columns{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:30px;margin-top:25px;padding-top:25px;display:grid}.detail-columns h3{margin:0 0 14px;font-size:14px}.item-list{margin-bottom:24px}.item-list>div{align-items:center;gap:11px;margin:9px 0;font-size:14px;display:flex}.item-list img{border:1px solid #65784c;border-radius:5px;width:33px;height:33px}.item-list>div>span:last-child{color:#758667;margin-left:auto;font-size:14px}.skill-order{letter-spacing:3px;color:#c0df9d;text-align:center;border:1px solid #576c44;border-radius:5px;padding:14px 20px}.rune-list{margin-bottom:25px}.rune-list>div{align-items:center;gap:12px;margin:10px 0;font-size:14px;display:flex}.rune-icon{color:#c6d58f;text-align:center;min-width:33px;font-size:25px}.request-person,.public-player{align-items:center;gap:17px;margin-bottom:24px;display:flex}.request-person p{margin:2px 0;font-size:14px}.public-player h3{margin:12px 0 0;font-size:24px}.public-player p{margin:0}.guide-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 0;font-size:14px;line-height:2}.guide-content>.button{margin-top:10px}.discussion>h3{margin:17px 0;font-size:23px}.discussion>p{white-space:pre-wrap;font-size:14px}.replies{border-top:1px solid var(--line);margin-top:23px}.reply{border-bottom:1px solid var(--line);align-items:flex-start;gap:13px;padding:20px 0;display:flex}.reply b{font-size:14px}.reply p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;font-size:14px}.match-modal{justify-content:center;align-items:center;gap:15px;padding:30px 0;display:flex}.match-modal img{border-radius:8px;width:65px;height:65px}.match-modal h3{margin:0;font-size:20px}.match-modal>b{color:var(--mint);font-size:18px}.mobile-menu,.mobile-scrim{display:none}@media (min-width:1600px){main{padding:24px 45px 0}.hero{height:390px}.hero h1{font-size:48px}.hero-content{padding:40px 45px}.hero p{font-size:14px}.hero-proof{margin-top:25px}.hero-buttons .button{min-height:42px;font-size:14px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 325px}.duo-preview{gap:17px}.player-card.compact{padding:17px}.compact .button{font-size:14px}.hero-caption{bottom:30px;right:35px}.section-head h2{font-size:17px}.champion-table td{padding-top:13px;padding-bottom:13px}}@media (max-width:1200px){.sidebar{width:200px;padding-left:10px;padding-right:10px}.workspace{margin-left:200px}.brand{font-size:25px}.sidebar nav>button{gap:9px;font-size:14px}.community-label{gap:6px;padding-left:12px;font-size:14px}.topbar,.subbar{padding-left:24px;padding-right:24px}.game-switcher{gap:18px}.topbar{gap:12px}.game-switcher button{font-size:14px}main{padding-left:24px;padding-right:24px}.global-search{width:230px}.subbar{gap:15px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.duo-preview{grid-template-columns:1fr}.duo-preview .player-card.compact{align-items:center;gap:10px;display:flex}.compact .player-top{min-width:120px}.compact .player-rank{margin:0;font-size:14px}.compact .button{white-space:nowrap;width:auto;margin-left:auto;padding:7px}.compact .button svg:last-child{display:none}.compact .avatar{width:32px;height:32px}.section-head{padding:17px}.section-head h2,.section-head .text-button{font-size:14px}.hero{height:330px}.hero h1{font-size:36px}.hero-content{padding:29px}.hero-caption{right:20px}.quick-links button{gap:8px;padding:0 13px}.quick-links b,.quick-links small{font-size:14px}.player-grid{grid-template-columns:repeat(2,1fr)}.analytics-summary{grid-template-columns:repeat(3,1fr)}.rank-card{grid-column:1/-1}.community-layout{grid-template-columns:minmax(0,1fr) 240px}.profile-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}.builder-layout{grid-template-columns:minmax(0,1fr) 230px}.unit-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:980px){.sidebar{width:184px}.workspace{margin-left:184px}.brand{padding-left:9px;font-size:23px}.brand-mark{margin-right:4px;transform:scale(.85)}.sidebar nav>button{padding:0 10px;font-size:14px}.sidebar nav>button svg{width:16px}.workspace-label{padding-left:11px;font-size:14px}.community-label span{display:none}.together-note{padding:12px}.topbar{padding:0 20px}.top-actions{gap:10px}.subbar{padding:0 20px}.current-game b,.mode-toggle{font-size:14px}.global-search{width:200px}.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;align-items:start;display:grid}.right-column>.community-promo{display:none}.duo-preview{grid-template-columns:repeat(3,1fr)}.duo-preview .player-card.compact{display:block}.compact .player-rank{margin:14px 0}.compact .button{width:100%;margin:0}.hero-art{object-position:66% 50%}.hero-caption{display:none}.hero-shade{background:linear-gradient(90deg,#13201ff5,#13201fbf 50%,#13201f30)}.guide-card h3{font-size:14px}.guide-art{height:110px}.guide-art img{width:90px;height:90px}.community-layout{grid-template-columns:1fr}.community-layout aside{display:none}.chat-layout{grid-template-columns:210px 1fr}.chat-list small{max-width:125px}.profile-layout{grid-template-columns:1fr}.profile-layout aside{grid-template-columns:1fr 1fr;display:grid}.profile-layout aside>.button{grid-column:1/-1}.analytics-grid,.builder-layout{grid-template-columns:1fr}.unit-grid{grid-template-columns:repeat(8,1fr)}.unit-grid img{width:100%;height:auto}.comp-card{grid-template-columns:1fr}.comp-card>.button{grid-column:auto}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.page-heading>.button{font-size:14px}.request-card{flex-wrap:wrap}.request-actions{margin-left:auto}}@media (max-width:760px){.sidebar{width:226px;transition:transform .2s;transform:translate(-100%)}.sidebar.shown{transform:translate(0)}.sidebar .brand{font-size:28px}.sidebar nav>button{padding:0 15px;font-size:14px}.workspace{margin-left:0}.sidebar .workspace-label{font-size:14px}.sidebar.shown+.mobile-scrim{z-index:29;background:#0009;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-menu{display:inline-flex}.topbar{gap:14px;height:59px;padding:0 15px}.game-switcher{gap:20px}.game-switcher button{font-size:14px}.top-actions{gap:10px}.top-avatar{display:none}.subbar{gap:10px;height:58px;padding:0 18px}.current-game b,.current-game>svg{display:none}.global-search{width:100%;margin-left:0}.mode-toggle{font-size:14px}.mode-toggle svg{display:none}main{padding:14px 18px 0}.demo-note{margin-bottom:22px;font-size:14px}.demo-note button{gap:4px;font-size:14px}.greeting{letter-spacing:1.2px;font-size:14px}.date-label{font-size:14px}.hero{height:330px}.hero-content{padding:29px 25px}.hero h1{letter-spacing:-1.4px;margin:16px 0 14px;font-size:35px}.hero p{max-width:240px;font-size:14px}.hero-art{object-position:60% 50%;opacity:.85}.hero-shade{background:linear-gradient(90deg,#15221fec,#15221fc7 55%,#15221f50)}.quick-links{gap:13px;padding:19px 0}.quick-links button{padding:0 10px 0 0;display:block;position:relative}.quick-links button>svg:first-child{width:17px;margin-bottom:5px}.quick-links button>svg:last-child{display:none}.quick-links b{max-width:110px;font-size:14px;line-height:1.6}.quick-links small{display:none}.dashboard-grid,.main-column{gap:20px}.duo-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 12px 14px}.compact .player-top{min-width:0;display:block}.compact .avatar{width:35px;height:35px;margin-bottom:7px}.player-name{gap:3px;font-size:14px}.player-name svg{width:12px}.compact .player-rank{gap:3px;font-size:14px}.compact .player-rank svg{width:12px}.compact .button{gap:3px;padding:7px 2px;font-size:14px}.compact .button svg{width:11px}.section-head{padding:17px 14px}.section-head h2,.section-head p{font-size:14px}.section-head .text-button{gap:4px;font-size:14px}.section-head .text-button svg{width:12px}.champion-table th:first-child,.champion-table td:first-child{padding-left:15px}.champion-table th,.champion-table td{padding-left:10px;padding-right:10px}.champion-table .hide-small{display:none}.right-column{grid-template-columns:1fr 1fr;gap:12px}.rank-display{gap:6px;padding:0 15px}.rank-display b{font-size:15px}.rank-crystal{font-size:36px}.rank-display span{font-size:14px}.rank-display i{display:none}.lp-progress{margin:14px 15px}.stat-trio{padding:0 12px}.stat-trio b{font-size:17px}.stat-trio small{font-size:14px}.match-row{gap:6px;padding:12px 10px}.match-row>svg,.match-row .match-lp{display:none}.match-row .result{width:15px}.match-row img{width:25px;height:25px}.match-row b,.match-row small{font-size:14px}.sparkline{width:calc(100% - 30px);height:40px;margin:15px 15px 8px}.performance-card>.button{gap:5px;padding:8px 5px;font-size:14px}.standalone h2{font-size:16px}.standalone .eyebrow{font-size:14px}.guide-grid{grid-template-columns:1fr;gap:15px}.guide-card{grid-template-rows:35px 1fr 35px;grid-template-columns:110px 1fr;display:grid}.guide-art{grid-row:1/4;height:100%;min-height:140px}.guide-art img{width:100px;height:100px;top:25px;right:-8px}.guide-art span{font-size:55px;left:9px}.guide-card>.pill{grid-column:2;margin:16px 15px 0}.guide-card h3{grid-column:2;min-height:0;margin:0;padding:8px 15px 0;font-size:14px}.guide-card>div:last-child{grid-column:2;padding:0 15px 14px;font-size:14px}.page-heading{flex-direction:column;gap:18px;margin:15px 0 24px}.page-heading h1{font-size:28px}.page-heading p{font-size:14px}.notice{padding:13px;font-size:14px}.finder-banner{gap:13px;padding:17px}.finder-banner>.pill{display:none}.finder-banner p{font-size:14px}.filter-bar{gap:9px}.filter-bar .input-icon{flex-basis:100%}.select-wrap{flex:1}.select-wrap select{width:100%;min-width:100px;font-size:14px}.filter-secondary{gap:12px}.filter-secondary .select-wrap{min-width:130px}.filter-secondary>.text-button{margin-left:0}.check-label{font-size:14px}.player-grid{grid-template-columns:1fr}.player-card{padding:20px}.player-card .presence{font-size:14px}.player-card .player-top{gap:12px}.player-card .player-name{font-size:15px}.player-card p{min-height:0}.player-card .player-rank{margin:14px 0}.player-card .button{min-height:38px}.player-card.compact{padding:11px 8px}.player-card.compact .player-name{font-size:14px}.player-card.compact .button{min-height:31px}.request-card{gap:12px;padding:17px}.request-card h3,.request-card .pill,.request-card p{font-size:14px}.chat-layout{flex-direction:column;min-height:600px;display:flex}.chat-list{border-bottom:1px solid var(--line);border-right:0;flex-shrink:0;gap:5px;padding:8px;display:flex;overflow-x:auto}.chat-list-heading{display:none}.chat-list>button{min-width:140px;max-width:180px;padding:8px}.chat-list small{max-width:100px;font-size:14px}.chat-list b{font-size:14px}.chat-main{flex:1}.messages{height:330px;padding:20px 15px}.chat-header{height:65px;padding:0 17px}.message{max-width:88%}.message-form{padding:13px}.topic-tabs button{padding:10px;font-size:14px}.post-card{gap:12px;padding:16px}.post-title{font-size:15px}.post-card p{font-size:14px}.post-card .text-button>span{display:none}.post-meta{gap:6px;font-size:14px}.post-meta .pill{margin-left:0;font-size:14px}.vote{padding:7px}.account-search{flex-wrap:wrap;padding:13px}.account-search .input-icon{flex-basis:100%}.account-search .button{font-size:14px}.analytics-summary{gap:10px}.rank-card{padding:20px}.metric{padding:15px 10px}.metric>span{font-size:14px}.metric>b{font-size:26px}.metric p{font-size:14px}.large-matches .match-row .match-lp{font-size:14px;display:block}.large-matches .match-row{padding:14px}.large-matches .match-row b,.large-matches .match-row small{font-size:14px}.comp-card{padding:20px}.comp-card h2{font-size:20px}.comp-card p{font-size:14px}.unit-row{gap:6px}.unit-row img{width:32px;height:32px}.unit-row small{max-width:32px;font-size:14px}.unit-grid{grid-template-columns:repeat(6,1fr)}.hex-board{padding:30px 12px}.hex-row{gap:3px}.hex{width:12%;padding:2px}.hex svg{width:12px}.builder-actions{gap:9px;padding:20px 15px 0}.builder-actions .button,.board-name{font-size:14px}.game-hero{gap:23px;padding:25px}.game-hero>span{min-width:25%;font-size:42px}.game-hero h2{font-size:27px}.game-hero p{font-size:14px}.other-builds,.saved-grid{grid-template-columns:1fr}.profile-form{padding:21px}.profile-form-head{gap:15px}.profile-form-head h2{font-size:20px}.profile-form-head p{font-size:14px}.role-choices{gap:5px}.role-choices button{gap:4px;padding:9px;font-size:14px}.role-choices svg{width:12px}.profile-layout aside{display:flex}.form-columns{gap:0 12px}.field,.field input,.field textarea,.field select{font-size:14px}.toast{width:max-content;max-width:calc(100vw - 30px);padding:13px 16px;font-size:14px;left:50%}.modal{padding:22px}.modal-title h2{font-size:19px}.champ-detail{gap:15px}.champ-detail>img{width:65px;height:65px}.champ-detail h3{font-size:22px}.champ-detail>.tier{display:none}.detail-columns{gap:22px}.item-list>div{gap:8px;font-size:14px}.item-list img{width:27px;height:27px}.rune-list>div{gap:7px;font-size:14px}.rune-icon{min-width:25px;font-size:22px}.skill-order{letter-spacing:2px;padding:13px;font-size:14px}.match-modal{gap:10px}.match-modal img{width:45px;height:45px}.match-modal h3{font-size:17px}.match-modal>b{font-size:15px}footer{gap:17px;margin-top:30px;font-size:14px}footer>span{width:100%}.footer-brand{font-size:17px}footer p{font-size:14px;line-height:1.8}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.rank-display .rank-crystal{font-size:48px}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:14px;display:grid}.roster-card{border:1px solid var(--line);background:var(--panel);text-align:left;border-radius:8px;padding:13px}.roster-card:hover{border-color:var(--mint)}.roster-card img{aspect-ratio:1;border-radius:6px;width:100%;margin-bottom:10px}.roster-card b{font-size:14px;display:block}.roster-blurb{margin-top:22px}.roster-stats{margin:25px 0}.privacy-actions,.load-more{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.button.danger{color:#f4a39e;border-color:#704440}.load-more{flex-direction:column;justify-content:center}.load-more small{font-size:14px}:root{--surface:#191c1e;--surface-raised:#22272a;--accent:#b3ef85;--accent-ink:#1b2c12;--soft:#202725;--border:#343b39}html{scroll-behavior:smooth}body{font-size:16px;line-height:1.6}input,select,textarea{font-size:16px}button{font-size:14px}small,.footnote,.eyebrow{font-size:14px;line-height:1.6}.sidebar{width:248px;padding:27px 16px 0;overflow-y:auto}.workspace{margin-left:248px}.brand{font-size:30px}.sidebar nav>button{gap:10px;height:44px;font-size:14px}.workspace-label{letter-spacing:.1em;font-size:14px}.community-label{letter-spacing:.08em;gap:6px;font-size:14px}.community-label span{display:none}.sidebar-bottom{padding-top:24px}.together-note{background:var(--surface);border-color:var(--line);padding:18px}.together-note h3{font-size:18px;line-height:1.4}.together-note p,.together-note button,.help-link,.sidebar-profile b,.sidebar-profile small{font-size:14px}.sidebar-profile{padding:16px 6px}.sidebar-profile small{line-height:1.3}.topbar{gap:20px;height:76px;padding:0 30px}.game-switcher{gap:22px;min-width:0}.game-switcher button{opacity:.74;font-size:14px}.theme-toggle{white-space:nowrap;color:var(--text);border-radius:6px;align-items:center;gap:7px;padding:8px;font-size:14px;display:flex}.theme-toggle:hover{background:var(--surface-raised)}.subbar{gap:18px;height:78px}.current-game{min-width:0}.current-game b{font-size:14px}.current-game>svg{display:none}.game-logo{object-fit:contain;flex-shrink:0;width:52px;height:42px}.global-search{background:var(--surface);width:320px;height:42px;color:var(--muted)}.global-search input{font-size:14px}.global-search kbd{display:none}.mode-toggle{font-size:14px}.mode-toggle svg{display:none}main{max-width:1540px;padding:20px 30px 0}.demo-note{align-items:flex-start;gap:20px;margin-bottom:28px;font-size:14px}.demo-note button{white-space:nowrap;font-size:14px}.greeting{letter-spacing:.08em;font-size:14px}.date-label{font-size:14px}.hero{height:395px}.hero-content{padding:38px}.hero h1{font-size:44px;line-height:1.12}.hero p{max-width:420px;font-size:16px}.hero .pill,.hero-proof,.hero-caption,.hero-caption b{font-size:14px}.hero-proof{margin-top:24px}.hero-buttons{gap:12px}.hero-caption{max-width:245px}.button{white-space:normal;min-height:44px;padding:10px 16px;font-size:14px;line-height:1.4}.button.primary{background:var(--accent);color:var(--accent-ink)}.button.secondary{background:var(--surface-raised);border-color:var(--border)}.icon-button{width:auto;min-width:40px;height:40px;font-size:14px}.text-button{font-size:14px;line-height:1.5}.quick-links{padding:26px 0}.quick-links button{align-items:center;gap:14px}.quick-links b{font-size:16px}.quick-links small{font-size:14px}.section-head{padding:22px}.section-head h2{font-size:20px}.section-head p,.section-head .text-button{font-size:14px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 300px;gap:22px}.main-column,.right-column{gap:22px}.duo-preview{grid-template-columns:1fr;gap:12px;padding:0 22px 22px}.player-card.compact{grid-template-columns:minmax(150px,1.3fr) minmax(110px,1fr) minmax(140px,1fr);align-items:center;gap:14px;padding:16px;display:grid}.compact .player-top{min-width:0}.compact .player-rank{margin:0;font-size:14px;display:block}.compact .player-rank span{display:none}.compact .button{width:100%;min-height:42px;font-size:14px}.compact .avatar{width:40px;height:40px}.player-name,.compact .player-name{font-size:16px}.player-top small,.presence,.player-card .presence{font-size:14px}.player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.player-card{padding:24px}.player-card p{min-height:0;font-size:16px}.player-rank,.player-rank b{font-size:16px}.player-schedule{border-top:1px solid var(--line);color:var(--text);padding-top:12px;font-size:14px!important}.player-reputation{font-size:14px!important}.player-reputation b{color:var(--mint)}.pill{letter-spacing:0;padding:4px 8px;font-size:14px}.tags{flex-wrap:wrap;gap:8px}.finder-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:18px;display:flex}.finder-intro p{margin:0}.filter-bar{gap:12px}.filter-bar input,.filter-bar select,.filter-secondary select{min-height:44px;font-size:16px}.check-label{font-size:14px}.results-head{gap:16px;font-size:14px}.select-wrap select{min-height:44px;padding-right:28px;font-size:14px}.role-tabs{white-space:nowrap;gap:10px;overflow-x:auto}.role-tabs button{min-height:44px;padding:8px 14px;font-size:14px}.role-tabs svg{display:none}.page-heading{margin:24px 0 30px}.page-heading h1{font-size:36px;line-height:1.2}.page-heading p{max-width:780px;font-size:16px}.page-heading .eyebrow{font-size:14px}.eyebrow{letter-spacing:.1em}.notice{font-size:14px;line-height:1.65}.notice svg{display:none}.data-label{border:1px solid var(--line);color:var(--muted);border-radius:8px;margin:16px 0;padding:12px 16px;font-size:14px}.champion-table td,.champion-table th{padding:16px;font-size:14px}.champion-table th{color:var(--muted);font-weight:600}.champion-table td:first-child,.champion-table th:first-child{padding-left:22px}.champion-name b{font-size:16px}.champion-name small{font-size:14px}.champion-table .champion-name{text-align:left}.champion-table tbody tr{cursor:default}.champion-table td .button{white-space:nowrap}.roster-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.roster-card b{font-size:16px}.roster-card small{font-size:14px}.tabs{gap:20px;overflow-x:auto}.tabs button{white-space:nowrap;min-height:46px;font-size:14px}.tabs .pill{font-size:14px}.rank-display{padding:0 24px}.rank-display b{font-size:24px}.rank-display span{font-size:14px}.rank-display i{display:block}.performance-card .stat-trio{padding:0 20px}.stat-trio b{font-size:24px}.stat-trio small{font-size:14px}.stat-trio{gap:12px}.stat-trio>div{min-width:0}.performance-card>.button{width:calc(100% - 44px);margin:16px 22px;font-size:14px}.match-row{gap:12px;padding:16px 22px}.match-row b,.match-row small,.match-row .match-lp{font-size:14px}.match-row .match-lp,.match-row>svg{display:none}.community-promo{background:var(--surface);padding:24px}.community-promo h3{font-size:24px}.community-promo p{font-size:16px}.community-promo>svg,.community-promo>div>svg{display:none}.guide-card h3{font-size:20px}.guide-card>div:last-child{font-size:14px}.guide-art span{display:none}.guide-art{height:180px}.guide-card .pill{font-size:14px}.modal{background:var(--panel);width:min(640px,100vw - 32px);max-height:90dvh;color:var(--text);border:1px solid var(--line);padding:30px}.modal.wide{width:min(1050px,100vw - 32px)}.modal-title h2{font-size:24px}.modal-title{margin-bottom:24px}.modal p{font-size:16px}.modal .footnote,.field,.field small{font-size:14px}.field input,.field textarea,.field select{background:var(--surface-raised);color:var(--text);border-color:var(--line);min-height:44px;font-size:16px}.profile-form{padding:28px}.profile-form-head h2{font-size:26px}.profile-form-head p{font-size:14px}.role-choices button{min-height:44px;font-size:14px}.role-choices svg{display:none}.role-choices button.active{border-color:var(--mint)}.toggle-row b{font-size:16px}.toggle-row small{font-size:14px}.toggle-row input{width:22px;height:22px}.profile-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr)}.profile-layout aside h3{font-size:22px}.profile-layout aside>section>svg{display:none}.schedule-fields,fieldset{border:1px solid var(--line);border-radius:8px;margin:24px 0;padding:18px}.schedule-fields legend,fieldset legend{padding:0 8px;font-size:16px;font-weight:600}.schedule-fields .form-columns{margin-top:16px}.schedule-fields .field:last-child{margin-bottom:0}.player-identity{align-items:center;gap:20px;margin-bottom:24px;display:flex}.player-identity>img{border-radius:12px;width:84px;height:84px}.player-identity h3{margin:5px 0;font-size:32px}.player-identity p{margin:0}.player-bio{padding:18px 0}.profile-facts{grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;display:grid}.profile-facts>div{min-width:0}.profile-facts dt{color:var(--muted);margin-bottom:5px;font-size:14px}.profile-facts dd{overflow-wrap:anywhere;margin:0;font-size:16px}.reputation-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:18px;margin:24px 0;padding:22px 0;display:flex}.reputation-summary strong{color:var(--mint);font:700 44px Manrope,sans-serif}.reputation-summary span{font-size:16px}.reputation-summary small{color:var(--muted);font-size:14px}.reputation-tags{flex-wrap:wrap;gap:12px;display:flex}.reputation-tags>div{border:1px solid var(--line);background:var(--soft);border-radius:8px;padding:14px 18px}.reputation-tags b,.reputation-tags span{font-size:14px;display:block}.reputation-tags .concern{background:#a65b1720;border-color:#ad8057}.feedback-options{grid-template-columns:1fr 1fr;gap:14px;display:grid}.feedback-options label{align-items:center;gap:10px;font-size:14px;display:flex}.feedback-options input{width:18px;height:18px}.feedback-form{margin:24px 0}.leaderboard-row{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:40px 48px minmax(130px,1fr) 155px 120px 120px;align-items:center;gap:18px;width:100%;padding:24px;display:grid}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row:hover{background:var(--soft)}.leaderboard-row b{font-size:18px}.leaderboard-row small{color:var(--muted);font-size:14px;display:block}.leaderboard-position{color:var(--muted);font-size:22px}.leaderboard-score b{color:var(--mint)}.leaderboard-reviews{color:var(--muted);font-size:14px}.chat-layout{grid-template-columns:260px minmax(0,1fr)}.chat-list b,.chat-header b{font-size:16px}.chat-list small,.chat-header small,.chat-list-heading{font-size:14px}.chat-list small{max-width:170px}.chat-list>button{gap:12px;padding:16px}.messages{height:430px}.message p{font-size:16px}.message small,.chat-beginning{font-size:14px}.chat-beginning svg{display:none}.message-form input{min-height:44px;font-size:16px}.chat-demo{padding:12px 18px;font-size:14px}.chat-demo button{margin-left:8px;display:inline}.typing-indicator{color:var(--muted);align-items:center;gap:10px;padding:16px 4px;font-size:14px;display:flex}.typing-indicator>span{background:var(--surface-raised);border-radius:20px;gap:4px;padding:13px;display:flex}.typing-indicator i{background:var(--muted);border-radius:50%;width:5px;height:5px;animation:1.3s infinite typing-pulse}.typing-indicator i:nth-child(2){animation-delay:.15s}.typing-indicator i:nth-child(3){animation-delay:.3s}@keyframes typing-pulse{0%,65%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.history-toolbar{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 20px;display:flex}.history-toolbar h2{margin-bottom:5px;font-size:22px}.history-toolbar p{margin:0;font-size:14px}.history-controls{gap:10px;display:flex}.history-controls select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:8px;font-size:14px}.match-history-list{flex-direction:column;gap:12px;display:flex}.history-match{border:1px solid var(--line);background:var(--panel);border-left:4px solid #668e75;border-radius:10px;overflow:hidden}.history-match.lost{border-left-color:#b16f72}.history-match-summary{text-align:left;align-items:center;gap:22px;width:100%;padding:20px;display:flex}.history-result{flex-shrink:0;width:150px}.history-match-summary b{font-size:16px}.history-match-summary small{color:var(--muted);font-size:14px;display:block}.history-result>b{color:var(--mint)}.lost .history-result>b{color:#edaba8}.history-champion{align-items:center;gap:12px;min-width:170px;display:flex}.history-champion img{border-radius:8px;width:48px;height:48px}.history-kda{min-width:140px}.match-items{flex-wrap:wrap;gap:4px;max-width:130px;display:flex}.match-items img{border-radius:4px;width:28px;height:28px}.history-detail-label{color:var(--muted);margin-left:auto;font-size:14px}.history-expanded{border-top:1px solid var(--line);padding:0 24px 20px}.history-expanded .profile-facts{grid-template-columns:repeat(4,1fr);gap:20px}.compact-analytics .history-match-summary{flex-wrap:wrap;gap:18px}.compact-analytics .history-result{width:130px}.compact-analytics .history-detail-label{width:100%;margin:0}.compact-analytics .history-expanded .profile-facts{grid-template-columns:repeat(3,1fr)}.champion-build-header{align-items:center;gap:20px;display:flex}.champion-build-header>img{border-radius:12px;width:88px;height:88px}.champion-build-header h3{margin:4px 0;font-size:36px}.champion-build-header p{margin:0}.champion-build-header>.pill{margin-left:auto}.lane-selector{grid-template-columns:repeat(5,1fr);gap:10px;margin:28px 0;display:grid}.lane-selector button{border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;min-height:64px;padding:14px 8px;font-size:16px}.lane-selector button.active{border-color:var(--mint);box-shadow:inset 0 -3px 0 var(--mint);background:var(--soft)}.lane-selector small{color:var(--muted);font-size:14px;line-height:1.4;display:block}.build-source-line{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;margin:20px 0;font-size:14px;display:flex}.build-source-line label{align-items:center;gap:8px;display:flex}.build-source-line select{background:var(--surface-raised);border:1px solid var(--line);color:var(--text);border-radius:6px;padding:8px}.champion-build-v2 h4{margin:0 0 18px;font:700 18px Manrope,sans-serif}.official-rune-columns{border-top:1px solid var(--line);grid-template-columns:1.3fr 1fr;gap:30px;padding:24px 0;display:grid}.official-runes{grid-template-columns:1fr 1fr;gap:14px;display:grid}.official-runes>div{align-items:center;gap:10px;display:flex}.official-runes img{object-fit:contain;width:44px;height:44px}.official-runes b{font-size:14px}.official-runes small{color:var(--muted);font-size:14px;display:block}.official-spells{gap:24px;display:flex}.official-spells img{border-radius:8px;width:48px;height:48px;margin-bottom:8px}.official-spells b{font-size:14px}.summoner-page p{margin:24px 0;font-size:14px}.item-planner{border-top:1px solid var(--line);padding:24px 0 10px}.item-planner .section-head{margin-bottom:20px;padding:0}.item-planner .section-head h4{margin:0 0 8px}.planned-items{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.planned-items button{border:1px dashed var(--border);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:10px;display:flex}.planned-items button.filled{background:var(--surface-raised);border-style:solid}.planned-items img{border-radius:6px;width:44px;height:44px;margin-bottom:6px}.planned-items small{font-size:14px;line-height:1.3}.item-planner>input,.tft-catalogue-controls input,.tft-item-catalogue>input{background:var(--surface-raised);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;padding:12px 14px;font-size:16px}.lol-item-picker{grid-template-columns:1fr 1fr;gap:6px;max-height:255px;margin-top:14px;padding:4px;display:grid;overflow-y:auto}.lol-item-picker button{text-align:left;background:var(--surface-raised);border-radius:6px;align-items:center;gap:10px;padding:9px;font-size:14px;display:flex}.lol-item-picker img{border-radius:5px;width:34px;height:34px}.lol-item-picker small{color:var(--muted);margin-left:auto;font-size:14px}.game-hero{isolation:isolate;border:1px solid var(--line);background:#13181b;border-radius:12px;min-height:430px;margin-bottom:32px;padding:40px;display:block;position:relative;overflow:hidden}.game-keyart{object-fit:cover;z-index:-2;object-position:center;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.game-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#11161cf5,#11161cd9 30%,#11161c22 80%),linear-gradient(#0000,#11161c55);position:absolute;top:0;bottom:0;left:0;right:0}.game-hero-content{max-width:530px}.game-title-logo{object-fit:contain;object-position:left center;width:230px;height:100px;margin-bottom:28px}.game-hero h2{color:#fff;font-size:30px;line-height:1.3}.game-hero p{color:#d1d7dd;font-size:16px}.game-hero-mhwilds .game-keyart{object-position:65% center}.game-hero-deadlock .game-keyart{object-position:center 30%}.other-builds{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.other-build{text-align:left;padding:0 24px 24px;position:relative;overflow:hidden}.other-build .build-cover{object-fit:cover;width:calc(100% + 48px);max-width:none;height:170px;margin:0 -24px 22px}.other-build h3{margin-top:14px;font-size:24px}.other-build p{font-size:16px}.other-build .text-button{font-size:14px}.other-build:nth-child(2) .build-cover{object-position:70% center}.catalog-source{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:15px 0;font-size:14px;display:flex}.catalog-source a{color:var(--mint)}.tft-feature-banner{color:#fff;background-position:50%;background-size:cover;border-radius:12px;align-items:center;height:260px;margin:0 0 26px;padding:32px;display:flex}.tft-feature-banner h2{margin:12px 0;font-size:34px;line-height:1.2}.tft-feature-banner p{color:#cbd1dc;font-size:16px}.tft-composition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.tft-comp{padding:24px}.tft-comp-title{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:24px;display:flex}.tft-comp-title h2{margin:0;font-size:24px}.comp-formation{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.tft-portrait{min-width:0}.tft-portrait img{aspect-ratio:1;border:2px solid var(--cost-color,#8e9ca8);border-radius:8px;width:100%;margin-bottom:7px}.tft-portrait b,.tft-portrait small{overflow-wrap:anywhere;font-size:14px;line-height:1.35;display:block}.tft-portrait small{color:var(--muted);margin-top:4px}.tft-comp>p{margin:24px 0;font-size:14px}.tft-comp-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.cost-0,.cost-1{--cost-color:#9aaca5}.cost-2{--cost-color:#65c884}.cost-3{--cost-color:#669edf}.cost-4{--cost-color:#b88cdd}.cost-5,.cost-6,.cost-7{--cost-color:#e1bb65}.tft-planner{margin:24px 0;overflow:hidden}.tft-board-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.tft-board-toolbar>input{color:var(--text);background:0 0;border:0;width:min(330px,45%);font:700 20px Manrope,sans-serif}.tft-board-toolbar>div{align-items:center;gap:14px;font-size:14px;display:flex}.tft-planning-layout{grid-template-columns:200px minmax(0,1fr);display:grid}.tft-traits{border-right:1px solid var(--line);padding:24px}.tft-traits h3{font-size:18px}.tft-traits p{font-size:14px}.trait-line{opacity:.65;align-items:center;gap:8px;margin:17px 0;font-size:14px;display:flex}.trait-line.activated{opacity:1}.trait-line>img{object-fit:contain;width:25px;height:25px}.trait-line>span{line-height:1.3}.trait-line small{color:var(--muted);margin-top:3px;font-size:14px;display:block}.tft-board-stage{background:radial-gradient(#263b36aa,#0000 65%);min-width:0;padding:24px 30px}.board-edge-label{text-align:center;letter-spacing:.08em;color:var(--muted);margin-bottom:22px;font-size:14px}.board-edge-label:last-of-type{margin:20px 0 10px}.tft-hex-board{max-width:760px;margin:auto;padding-right:5%}.tft-hex-row{gap:6px;display:flex}.tft-hex-row.offset-1{transform:translate(6.9%)}.tft-cell{width:14.2857%;min-width:0;padding-bottom:34px;position:relative}.tft-hex{clip-path:polygon(50% 0,97% 25%,97% 75%,50% 100%,3% 75%,3% 25%);aspect-ratio:.91;background:#3b494a;justify-content:center;align-items:center;width:100%;padding:4px;display:flex;position:relative}.tft-hex:before{content:"";clip-path:inherit;z-index:-1;background:#172121;position:absolute;top:3px;bottom:3px;left:3px;right:3px}.tft-hex img{object-fit:cover;width:100%;height:100%;clip-path:inherit;border:2px solid var(--cost-color)}.tft-cell.selected .tft-hex{background:var(--accent)}.tft-hex:hover{background:#8aab8f}.tft-unit-name{white-space:nowrap;color:var(--text);text-shadow:0 1px 2px var(--bg);pointer-events:none;font-size:14px;line-height:1.3;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.tft-equipped{pointer-events:none;gap:2px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tft-equipped img{border:1px solid #9b9170;border-radius:3px;width:23px;height:23px}.board-instructions{text-align:center;max-width:680px;margin:14px auto 0;font-size:14px}.selected-unit-editor{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;padding:18px 24px;display:flex}.selected-unit-editor>img{border-radius:7px;width:48px;height:48px}.selected-unit-editor small{color:var(--muted);font-size:14px;display:block}.selected-unit-editor label{align-items:center;gap:10px;margin-left:auto;font-size:14px;display:flex}.selected-unit-editor select{background:var(--surface-raised);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px}.builder-actions{flex-wrap:wrap;gap:12px;padding:20px 24px}.tft-import{padding:10px 24px 24px}.tft-catalogues{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:22px;display:grid}.tft-catalogue-controls{gap:12px;padding:0 22px 20px;display:flex}.tft-catalogue-controls select{background:var(--surface-raised);color:var(--text);border:1px solid var(--line);border-radius:6px;max-width:120px;font-size:14px}.tft-unit-grid{grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:12px;max-height:500px;padding:0 22px 22px;display:grid;overflow-y:auto}.tft-unit-grid button{border:1px solid #0000;border-radius:7px;min-width:0;padding:0 0 8px}.tft-unit-grid button.chosen{border-color:var(--mint);background:var(--soft)}.tft-unit-grid img{aspect-ratio:1;border:2px solid var(--cost-color);border-radius:7px;width:100%;margin-bottom:7px}.tft-unit-grid b,.tft-unit-grid small{overflow-wrap:anywhere;font-size:14px;line-height:1.35;display:block}.tft-unit-grid small{color:var(--muted);margin-top:3px}.tft-item-catalogue>p{padding:0 22px;font-size:14px}.tft-item-catalogue>input{width:calc(100% - 44px);margin:0 22px 20px}.tft-item-grid{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;max-height:425px;padding:0 22px 22px;display:grid;overflow-y:auto}.tft-item-grid button{border:1px solid var(--line);border-radius:6px;padding:0;overflow:hidden}.tft-item-grid img{aspect-ratio:1;width:100%}.tft-item-grid button:disabled{opacity:.55}.topic-tabs button,.post-meta,.post-meta .pill,.post-card .text-button{font-size:14px}.post-card p{font-size:16px}.post-title{font-size:22px}.vote{min-width:44px;min-height:44px}.post-card{padding:24px}.toast{background:var(--surface-raised);max-width:calc(100vw - 32px);color:var(--text);border:1px solid var(--line);font-size:16px;line-height:1.5}footer{gap:24px;font-size:14px}footer p{font-size:14px;line-height:1.7}.footer-brand{font-size:20px}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f5f1;--sidebar:#fff;--panel:#fff;--surface:#fff;--surface-raised:#edf1ec;--line:#d5ded2;--border:#c8d2c5;--text:#202c24;--muted:#5c6c60;--mint:#3e721f;--mint-dark:#e7f1df;--accent:#39772c;--accent-ink:#fff;--soft:#edf4e7}html[data-theme=light] .sidebar,html[data-theme=light] .topbar,html[data-theme=light] .subbar{background:var(--sidebar);border-color:var(--line)}html[data-theme=light] .sidebar nav>button{color:#536159}html[data-theme=light] .sidebar nav>button.active{color:#315f24;background:#e4efdc}html[data-theme=light] .sidebar nav>button:hover{color:#315f24;background:#eff4eb}html[data-theme=light] .brand-mark i{background:#3f742a}html[data-theme=light] .brand-dot{color:#3f742a}html[data-theme=light] .button.secondary{color:#293e2d}html[data-theme=light] .button.subtle{color:#315f24;background:#e5efdf;border-color:#c5d6bb}html[data-theme=light] .button.primary:hover{background:#2e6323}html[data-theme=light] .icon-button{color:#57675a}html[data-theme=light] .icon-button:hover{color:#273d2b;background:#e8eee4}html[data-theme=light] .pill{color:#4e6350;background:#eaf0e6}html[data-theme=light] .pill.green{color:#315f24;background:#e4f1db;border-color:#c7dbbb}html[data-theme=light] .notice,html[data-theme=light] .notice.neutral{color:#435c3e;background:#eef3e9;border-color:#cddbc6}html[data-theme=light] .notice.error{color:#8e3935;background:#fae9e6;border-color:#e6c3bd}html[data-theme=light] .role-tabs button.active,html[data-theme=light] .role-choices button.active{color:#315f24;background:#e3efdb}html[data-theme=light] .role-choices button,html[data-theme=light] .topic-tabs button,html[data-theme=light] .tabs button{color:var(--muted)}html[data-theme=light] .tabs button.active{color:var(--mint)}html[data-theme=light] .count{color:#315f24;background:#d8e9ca}html[data-theme=light] .input-icon,html[data-theme=light] .account-search input,html[data-theme=light] .message-form input{background:var(--surface-raised);color:var(--text);border-color:var(--line)}html[data-theme=light] .input-icon input{color:var(--text)}html[data-theme=light] .select-wrap select{background:var(--surface);color:var(--text);border-color:var(--line)}html[data-theme=light] .chat-list>button.active{background:#e7efdf}html[data-theme=light] .message{color:var(--text);background:#edf1ec}html[data-theme=light] .message.own{background:#deecd6}html[data-theme=light] .message p{color:var(--text)}html[data-theme=light] .message small{color:var(--muted)}html[data-theme=light] .lost .history-result>b{color:#a04040}html[data-theme=light] .tft-board-stage{background:radial-gradient(#dbe7d7,#0000 70%)}html[data-theme=light] .tft-hex{background:#bac9b7}html[data-theme=light] .tft-hex:before{background:#e1e9dd}html[data-theme=light] .hero .pill{color:#d5efc4;background:#365130bb;border-color:#a0bd8944}html[data-theme=light] .hero .button.primary{color:#1b2c12;background:#b3ef85}html[data-theme=light] .hero .button.glass{color:#fff}html[data-theme=light] .hero-proof{color:#dbe5d4}html[data-theme=light] .hero-caption{color:#fff}html[data-theme=light] .game-logo{background:#203128;border-radius:5px;padding:4px}html[data-theme=light] .hero h1 em{color:#c0ed9d}html[data-theme=light] .greeting,html[data-theme=light] .date-label,html[data-theme=light] .demo-note,html[data-theme=light] .demo-note button{color:#52634b}@media (max-width:1300px){.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;display:grid}.right-column>.community-promo{display:none}.duo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}.player-card.compact{display:block}.compact .player-rank{margin:16px 0}.compact .player-top{gap:10px;display:flex}.compact .player-name,.compact .player-top small{font-size:14px}.compact .button{min-height:44px;font-size:14px}.topbar{padding:0 22px}.top-actions{gap:4px}.theme-toggle span{display:none}.game-switcher{gap:16px}.subbar{padding:0 22px}.global-search{width:270px}.current-game b{display:none}.leaderboard-row{grid-template-columns:30px 42px minmax(130px,1fr) 140px 95px;gap:14px}.leaderboard-reviews{display:none}.tft-planning-layout{grid-template-columns:170px minmax(0,1fr)}.tft-traits{padding:18px}.tft-board-stage{padding:24px 20px}.tft-hex-row{gap:4px}.history-match-summary{flex-wrap:wrap;gap:16px}.match-items{max-width:230px}.history-detail-label{margin-left:auto}}@media (max-width:1050px){.sidebar{width:220px}.workspace{margin-left:220px}.sidebar nav>button{padding:0 9px;font-size:14px}.brand{padding-left:5px;font-size:27px}.brand-mark{margin-right:5px}.sidebar .workspace-label{padding-left:9px;font-size:14px}.sidebar .community-label{font-size:14px}.game-switcher{gap:16px}.game-switcher button{font-size:14px}.topbar{padding:0 18px}.subbar{gap:12px;padding:0 18px}.mode-toggle{white-space:normal;font-size:14px;line-height:1.3}.global-search{flex:1}.hero h1{font-size:40px}.hero-content{padding:32px}.hero-art{object-position:66% center}.hero{height:400px}.player-grid{grid-template-columns:1fr 1fr}.duo-preview{grid-template-columns:1fr}.player-card.compact{justify-content:space-between;gap:12px;display:flex}.compact .player-rank{margin:0}.compact .button{width:auto;min-width:140px}.profile-layout{grid-template-columns:1fr}.profile-layout aside{grid-template-columns:1fr 1fr;display:grid}.tft-composition-grid{grid-template-columns:1fr}.comp-formation{grid-template-columns:repeat(8,1fr)}.tft-planning-layout{grid-template-columns:1fr}.tft-traits{border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tft-traits h3{width:100%;margin:0}.trait-line{margin:0}.tft-catalogues{grid-template-columns:1fr}.tft-board-toolbar{flex-wrap:wrap}.tft-board-toolbar>input{width:100%}.history-expanded .profile-facts{grid-template-columns:repeat(3,1fr)}.page-heading h1{font-size:32px}.guide-grid{grid-template-columns:1fr}.guide-card{grid-template-rows:auto auto auto;grid-template-columns:160px 1fr;display:grid}.guide-art{grid-row:1/4;height:100%;min-height:180px}.guide-card>.pill,.guide-card h3,.guide-card>div:last-child{grid-column:2}.guide-art img{width:150px;height:150px;top:20px;right:-10px}.leaderboard-row{grid-template-columns:30px 42px 1fr 100px}.leaderboard-row>.button{display:none}.leaderboard-score small{line-height:1.3}}@media (max-width:760px){.sidebar{width:248px;transform:translate(-100%)}.workspace{margin-left:0}.sidebar.shown{transform:translate(0)}.sidebar .brand{font-size:30px}.sidebar nav>button,.sidebar .workspace-label,.sidebar .community-label{font-size:14px}.topbar{gap:10px;height:66px;padding:0 12px}.game-switcher{flex:1;gap:20px}.game-switcher button{font-size:14px}.top-actions{gap:3px}.top-actions .notification{width:32px;min-width:32px}.theme-toggle{padding:6px}.subbar{flex-wrap:wrap;gap:10px;height:auto;min-height:72px;padding:12px 18px}.current-game{width:42px}.game-logo{width:42px;height:36px}.global-search{flex:1;min-width:150px}.mode-toggle{flex-basis:100%;justify-content:flex-end;min-height:24px;font-size:14px}.demo-note{margin-bottom:24px;font-size:14px;display:block}.demo-note button{margin-top:10px;font-size:14px}.greeting{font-size:14px}.date-label{display:none}main{padding:18px 18px 0}.hero{height:auto;min-height:430px}.hero-content{padding:30px 24px}.hero h1{font-size:38px;line-height:1.15}.hero p{max-width:260px;font-size:16px}.hero .pill{font-size:14px}.hero-proof{gap:12px;margin-top:28px;font-size:14px}.hero-proof .mini-avatars{flex-shrink:0}.hero-buttons{flex-wrap:wrap;gap:10px;display:flex}.hero-buttons .button{min-height:46px;font-size:14px}.hero-caption{display:none}.hero-art{object-position:60% center}.quick-links{gap:10px;padding:25px 0}.quick-links button{padding:0 8px 0 0}.quick-links b{font-size:14px;line-height:1.5}.quick-links small,.quick-links button>svg{display:none}.section-head{padding:20px}.section-head h2{font-size:20px}.section-head p,.section-head .text-button{font-size:14px}.section-head{align-items:flex-start}.duo-preview{gap:12px;padding:0 16px 18px}.player-card.compact{grid-template-columns:1fr auto;gap:16px;padding:16px;display:grid}.compact .player-top{min-width:0;display:flex}.compact .avatar{width:40px;height:40px;margin:0}.compact .player-name{font-size:16px}.compact .player-top small,.compact .player-rank{font-size:14px}.compact .button{grid-column:1/-1;width:100%;font-size:14px}.player-grid{grid-template-columns:1fr}.player-card .player-name{font-size:18px}.right-column{grid-template-columns:1fr}.right-column .stat-trio b,.rank-display b{font-size:26px}.rank-display span,.stat-trio small,.performance-card>.button,.match-row b,.match-row small{font-size:14px}.match-row img{width:40px;height:40px}.match-row{padding:16px 20px}.match-row .result{width:24px}.match-row .match-lp{display:none}.page-heading h1{font-size:30px}.page-heading p{font-size:16px}.page-heading>.button,.notice,.footnote{font-size:14px}.finder-intro{display:block}.finder-intro .text-button{margin-top:12px}.filter-bar{gap:10px}.filter-bar input,.filter-bar select,.filter-secondary select{font-size:16px}.filter-secondary{gap:14px}.check-label{font-size:14px}.results-head{align-items:flex-start}.role-tabs button{font-size:14px}.tabs{gap:16px}.tabs button{font-size:14px}.champion-table td,.champion-table th{padding:14px 10px;font-size:14px}.champion-table td:first-child,.champion-table th:first-child{padding-left:15px}.champion-name{gap:9px}.champion-name b{font-size:16px}.champion-name small{font-size:14px}.champion-table td:nth-child(2){max-width:115px}.champion-table td .button{min-width:85px;padding:10px;font-size:14px}.champion-table{min-width:510px}.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.roster-card b{font-size:16px}.roster-card small{font-size:14px}.guide-card{grid-template-columns:100px 1fr}.guide-art{min-height:180px}.guide-card h3{font-size:18px}.guide-card>.pill,.guide-card>div:last-child{font-size:14px}.profile-form{padding:22px}.profile-layout aside{flex-direction:column;display:flex}.profile-form-head{align-items:flex-start}.profile-form-head h2{font-size:22px}.profile-form-head p{font-size:14px}.role-choices button{padding:10px;font-size:14px}.field input,.field textarea,.field select{font-size:16px}.schedule-fields{padding:14px}.profile-facts{grid-template-columns:1fr;gap:18px}.modal{width:calc(100vw - 24px);padding:22px}.modal.wide{width:calc(100vw - 24px)}.modal-title h2{font-size:22px}.player-identity{gap:15px}.player-identity>img{width:65px;height:65px}.player-identity h3{font-size:26px}.player-identity .eyebrow,.player-identity p{font-size:14px}.reputation-summary strong{font-size:38px}.feedback-options{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:25px 38px 1fr;gap:12px;padding:18px}.leaderboard-row b{font-size:16px}.leaderboard-row .avatar{width:38px;height:38px}.leaderboard-score{grid-column:3}.leaderboard-score b,.leaderboard-score small{margin-right:6px;display:inline}.chat-layout{display:flex}.chat-list{display:flex;overflow-x:auto}.chat-list>button{min-width:210px;max-width:250px}.chat-list b{font-size:16px}.chat-list small{max-width:150px;font-size:14px}.chat-header b{font-size:16px}.chat-header small{font-size:14px}.messages{height:380px;padding:18px}.message{max-width:94%}.message p{font-size:16px}.message small{font-size:14px}.message-form input{min-width:0;font-size:16px}.chat-demo{font-size:14px}.request-card h3{font-size:18px}.request-card p,.request-card small,.request-card .pill{font-size:14px}.history-toolbar{display:block}.history-controls{margin-top:16px}.history-controls select{font-size:14px}.history-match-summary{gap:16px;padding:16px}.history-result{width:calc(50% - 8px)}.history-champion{flex:1;min-width:0}.history-champion img{width:42px;height:42px}.history-kda{min-width:120px}.history-detail-label{font-size:14px}.history-match-summary b{font-size:16px}.history-match-summary small{font-size:14px}.history-expanded .profile-facts,.compact-analytics .history-expanded .profile-facts{grid-template-columns:1fr 1fr}.history-expanded{padding:0 16px 16px}.analytics-summary{grid-template-columns:1fr}.rank-card{grid-column:auto}.metric{padding:22px}.metric>span,.metric p{font-size:14px}.metric>b{font-size:38px}.account-search .input-icon{flex-basis:100%}.account-search input{font-size:16px}.account-search .button{font-size:14px}.champion-build-header{flex-wrap:wrap;gap:16px}.champion-build-header>img{width:64px;height:64px}.champion-build-header h3{font-size:28px}.champion-build-header>.pill{margin:0}.lane-selector{gap:8px;display:flex;overflow-x:auto}.lane-selector button{min-width:100px;font-size:16px}.lane-selector small{font-size:14px}.build-source-line{flex-direction:column;align-items:flex-start}.official-rune-columns{grid-template-columns:1fr;gap:24px}.official-runes{gap:16px 10px}.official-runes img{width:38px;height:38px}.official-runes b,.official-runes small{font-size:14px}.planned-items{grid-template-columns:repeat(3,1fr)}.lol-item-picker{grid-template-columns:1fr}.game-hero{min-height:450px;padding:26px}.game-title-logo{width:190px;height:90px;margin-bottom:30px}.game-hero h2{font-size:28px}.game-hero p{font-size:16px}.game-hero:after{background:linear-gradient(90deg,#11161ced,#11161c80),linear-gradient(#0000,#11161caa)}.other-builds{grid-template-columns:1fr}.other-build h3{font-size:24px}.catalog-source{flex-direction:column;align-items:flex-start;gap:8px;font-size:14px}.tft-feature-banner{background-position:60%;height:270px;padding:25px}.tft-feature-banner h2{font-size:30px}.tft-feature-banner p{font-size:16px}.tft-comp{padding:20px}.tft-comp-title h2{font-size:24px}.comp-formation{grid-template-columns:repeat(4,1fr);gap:14px}.tft-portrait b,.tft-portrait small{font-size:14px}.tft-board-toolbar{padding:18px}.tft-board-toolbar>input{width:100%;font-size:20px}.tft-board-toolbar>div{flex-wrap:wrap;gap:12px}.tft-board-stage{padding:24px 12px}.tft-hex-board{padding-right:5%;overflow:visible}.tft-hex-row{gap:2px}.tft-cell{padding-bottom:42px}.tft-unit-name{white-space:normal;text-align:center;overflow-wrap:anywhere;width:58px;font-size:14px;line-height:1.1;bottom:23px}.tft-equipped img{width:14px;height:14px}.board-edge-label{letter-spacing:0;margin-bottom:20px;font-size:14px}.board-instructions{font-size:14px}.selected-unit-editor{gap:14px;padding:18px}.selected-unit-editor>div{flex:1}.selected-unit-editor small{font-size:14px}.selected-unit-editor label{margin-left:0}.builder-actions{padding:20px 18px}.builder-actions .button{font-size:14px}.tft-unit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 18px 18px}.tft-unit-grid b,.tft-unit-grid small{font-size:14px}.tft-catalogue-controls{padding:0 18px 18px}.tft-catalogue-controls input{min-width:0;font-size:16px}.tft-item-grid{grid-template-columns:repeat(6,1fr);gap:8px;padding:0 18px 18px}.tft-item-catalogue>input{width:calc(100% - 36px);margin:0 18px 18px}.post-card{gap:12px;padding:20px}.post-title{font-size:20px}.post-meta{flex-wrap:wrap;font-size:14px}.post-meta .pill{font-size:14px}.post-card p{font-size:16px}.topic-tabs button{font-size:14px}.guide-content p{font-size:16px}.toast,footer,footer p{font-size:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.typing-indicator i{animation:none}}.catalog-page{max-width:1200px;color:var(--text);margin:auto;padding:32px 28px;font-size:16px;line-height:1.65}.catalog-page nav{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.catalog-brand{color:var(--text);letter-spacing:-1.5px;font-weight:800;font-size:30px!important}.catalog-page header{margin-bottom:40px}.catalog-page h1{letter-spacing:-1.7px;margin:14px 0;font-size:clamp(32px,4vw,52px);line-height:1.15}.catalog-page h2{letter-spacing:-.5px;font-size:25px}.catalog-page p{color:var(--muted);font-size:16px}.catalog-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.catalog-game{border:1px solid var(--border);background:var(--surface);border-radius:18px;display:block;overflow:hidden}.catalog-game>img{object-fit:cover;width:100%;height:240px}.catalog-game>div{padding:24px}.catalog-game h2{color:var(--text);margin:0}.catalog-game span{color:var(--mint);margin-top:16px;font-weight:600;display:inline-block}.catalog-hero{color:#fff;background-position:50%;background-size:cover;border-radius:20px;min-height:380px;padding:44px}.catalog-hero>img{object-fit:contain;object-position:left;max-width:240px;height:82px}.catalog-hero p{color:#dee5ed;max-width:500px}.catalog-champions{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.catalog-champions>a{border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;gap:14px;padding:14px;display:flex}.catalog-champions img{border-radius:9px;width:56px;height:56px}.catalog-champions b,.catalog-champions small{display:block}.catalog-champions b{color:var(--text)}.catalog-champions small{color:var(--muted);font-size:14px}.catalog-build-list{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;margin:24px 0;display:grid}.catalog-build-list>article,.catalog-rune-page{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:24px}.catalog-champion-header{align-items:center;gap:24px;display:flex}.catalog-champion-header>img{border-radius:18px;width:112px;height:112px}.catalog-runes{gap:10px;margin:20px 0;display:grid}.catalog-runes>span{align-items:center;gap:12px;display:flex}.catalog-runes img{object-fit:contain;width:40px;height:40px}.catalog-rune-page .text-button{margin-top:20px;display:block}.catalog-page footer{margin-top:56px;display:block}.item-source-build{border:1px solid var(--border);border-radius:14px;margin-top:22px;padding:22px}.item-source-build .item-strip{flex-wrap:wrap;gap:12px;display:flex}.item-source-build .item-strip>span{width:96px;font-size:14px}.item-source-build img{border-radius:8px;width:48px;height:48px;margin-bottom:8px;display:block}@media (max-width:760px){.catalog-page{padding:22px 18px}.catalog-game-grid{grid-template-columns:1fr}.catalog-hero{padding:24px}.catalog-champion-header{align-items:flex-start;gap:16px}.catalog-champion-header>img{width:72px;height:72px}.tft-unit-name{display:none}.tft-cell.selected .tft-unit-name{z-index:4;background:#10171f;border-radius:4px;min-width:80px;display:block}.tft-equipped img{width:16px;height:16px}.tft-equipped{bottom:0}.catalog-build-list{grid-template-columns:minmax(0,1fr)}}html[data-theme=light] .player-card{background:#f6f8f3;border-color:#d0dacb}html[data-theme=light] .game-switcher button{opacity:1}html[data-theme=light] .mode-control,html[data-theme=light] .rank-display span,html[data-theme=light] .quick-links small,html[data-theme=light] .player-card p,html[data-theme=light] .player-card small{color:#536550}html[data-theme=light] .rank-progress{background:#d5dfcf}html[data-theme=light] .search-box input{color:#202c24;background:#fff;border-color:#b5c3af}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#65745f}html[data-theme=light] .text-button{color:#3d6b2c}html[data-theme=light] .eyebrow{color:#526c48}html[data-theme=light] .hero .eyebrow,html[data-theme=light] .tft-feature-banner .eyebrow,html[data-theme=light] .game-feature-hero .eyebrow{color:#cae9bb}.skill-priority{background:var(--surface-raised);border-radius:9px;align-items:center;gap:22px;padding:14px 18px;display:flex}.source-extra-items{background:var(--surface-raised);border-radius:10px;margin:16px 0;padding:16px}.source-extra-items .item-strip>span{align-items:center;gap:12px;margin-top:12px;display:flex}.source-extra-items img{border-radius:7px;width:40px;height:40px}html[data-theme=light] .trait-line img{filter:brightness(.25)}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/fonts/noto-sans-thai-400.ttf)format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../assets/fonts/noto-sans-thai-500.ttf)format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../assets/fonts/noto-sans-thai-600.ttf)format("truetype")}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../assets/fonts/noto-sans-thai-700.ttf)format("truetype")}html:lang(th) body{font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif}html:lang(th) :-webkit-any(h1,h2,h3){font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif}html:lang(th) :is(h1,h2,h3){font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif}html:lang(ko) body{font-family:DM Sans,Malgun Gothic,Apple SD Gothic Neo,Noto Sans CJK KR,sans-serif}html:lang(ko) :-webkit-any(h1,h2,h3){font-family:DM Sans,Malgun Gothic,Apple SD Gothic Neo,Noto Sans CJK KR,sans-serif}html:lang(ko) :is(h1,h2,h3){font-family:DM Sans,Malgun Gothic,Apple SD Gothic Neo,Noto Sans CJK KR,sans-serif}html:lang(zh-CN) body{font-family:DM Sans,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}html:lang(zh-CN) :-webkit-any(h1,h2,h3){font-family:DM Sans,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}html:lang(zh-CN) :is(h1,h2,h3){font-family:DM Sans,Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}.language-control{z-index:45;flex-shrink:0;position:relative}.language-toggle{border:1px solid var(--line);min-height:44px;color:var(--text);border-radius:9px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.language-toggle:hover{background:var(--surface-raised)}.language-popover{background:var(--surface);border:1px solid var(--border);border-radius:14px;width:230px;padding:10px;animation:.18s ease-out popover-in;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 60px #0004}.language-popover p{color:var(--muted);margin:5px 10px 9px;font-size:14px}.language-popover button{text-align:left;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:10px;font-size:16px;display:flex}.language-popover button:hover,.language-popover button[aria-pressed=true]{background:var(--soft);color:var(--mint)}html:lang(th){font-family:Inter,Leelawadee UI,Tahoma,sans-serif}html:lang(th) body{line-height:1.8}html:lang(ko){font-family:Inter,Malgun Gothic,sans-serif}html:lang(zh-CN){font-family:Inter,Microsoft YaHei,sans-serif}:lang(th) .eyebrow,:lang(ko) .eyebrow,:lang(zh-CN) .eyebrow{letter-spacing:0}.build-patch-insight,.board-playbook{background:var(--soft);border-radius:12px;margin:24px 0;padding:22px}.build-patch-insight h4{margin:8px 0}.build-patch-insight p,.board-playbook p{font-size:16px}.build-patch-insight small,.board-playbook small{color:var(--muted)}.library-context,.lookup-intro{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 0;display:flex}.library-context p,.lookup-intro p{margin:0;font-size:16px}.lookup-intro>span{color:var(--mint);flex-shrink:0;font-size:14px}.saved-cover{background:linear-gradient(135deg,#314b3d,#1e3029);border-radius:9px;justify-content:center;align-items:center;height:145px;margin-bottom:18px;display:flex;overflow:hidden}.saved-cover>img{object-fit:cover;border-radius:50%;width:110px;height:110px;box-shadow:0 0 0 10px #b8d69a16}.saved-cover>span{color:#dbe8be;letter-spacing:.1em;font-size:30px}.saved-card{min-width:0;padding:20px}.saved-card h3{overflow-wrap:anywhere;margin:12px 0}.saved-card small{margin-bottom:18px;display:block}.toast-library{white-space:nowrap;color:var(--mint)!important;border-bottom:1px solid!important;min-width:0!important;margin:0 8px!important;padding:3px 0!important}.patch-toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.patch-toolbar .tab-bar{gap:8px;display:flex}.patch-toolbar .tab-bar button{border:1px solid var(--line);border-radius:7px;padding:10px 16px;font-size:16px}.patch-toolbar .tab-bar button.active{background:var(--soft);border-color:var(--mint)}.patch-toolbar label{align-items:center;gap:12px;display:flex}.patch-toolbar select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:7px;padding:10px}.patch-intro{background:var(--soft);border-radius:15px;justify-content:space-between;gap:24px;padding:32px;display:flex}.patch-intro h2{letter-spacing:-.04em;margin:8px 0;font-size:34px}.patch-intro p{color:var(--muted);margin:0}.patch-dates{grid-template-columns:auto auto;align-content:center;gap:8px 20px;font-size:14px;display:grid}.patch-dates span{color:var(--muted)}.patch-note-status{color:var(--muted);justify-content:space-between;gap:16px;margin:18px 0 26px;font-size:14px;display:flex}.patch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.patch-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;flex-direction:column;align-items:flex-start;padding:24px;display:flex}.patch-card-heading{align-items:center;gap:12px;width:100%;margin-bottom:22px;display:flex}.patch-card-heading img{border-radius:9px;width:48px;height:48px}.patch-card-heading h3{margin:0;font-size:20px}.patch-card-heading>div>span{color:var(--muted);font-size:14px}.patch-index{width:44px;color:var(--muted);font-size:24px;font-weight:300}.change-badge{background:var(--soft);color:var(--muted);border-radius:6px;margin-left:auto;padding:3px 8px;font-size:14px}.change-badge.buff{color:#79c790;background:#53806420}.change-badge.nerf{color:#e89988;background:#ae62531a}.patch-card h4{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:600}.patch-card ul{margin:0 0 20px;padding-left:20px}.patch-card li{font-size:16px}.patch-adjustment{border-top:1px solid var(--line);width:100%;margin-top:auto;padding:18px 0}.patch-adjustment h4{color:var(--mint)}.patch-adjustment p{margin:0 0 8px;font-size:16px}.patch-adjustment small{color:var(--muted);font-size:14px}.patch-card .button{margin-top:4px}.update-ledger{margin-top:28px}.update-ledger>p{max-width:780px;color:var(--muted)}.update-row{border-top:1px solid var(--line);grid-template-columns:1fr 180px 140px;align-items:center;gap:16px;padding:14px 0;font-size:14px;display:grid}.update-row .pill{justify-self:start}.reveal-ready{opacity:0;transition:opacity .45s ease-out var(--reveal-delay,0s),transform .45s cubic-bezier(.2,.75,.25,1) var(--reveal-delay,0s);transform:translateY(24px)}.reveal-ready.is-revealed{opacity:1;transform:none}.modal[open]{animation:.22s cubic-bezier(.2,.8,.2,1) popover-in}.toast{animation:.22s ease-out popover-in}.guide-card,.other-build,.quick-links button{transition:transform .2s,background .2s}.guide-card:hover,.other-build:hover{transform:translateY(-3px)}@keyframes popover-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}[data-theme=light] .change-badge.buff{color:#2f6b3c}[data-theme=light] .change-badge.nerf{color:#a34835}[data-theme=light] .language-popover{background:#fff}@media (max-width:1100px){.hero-editorial{grid-template-columns:1fr}.queue-illustration{display:none}.hero-editorial{min-height:390px}.hero-editorial .hero-content{padding:40px}.hero-editorial h1{font-size:46px}.game-switcher{gap:14px}.top-actions{gap:6px}.theme-toggle span{display:none}.patch-intro{flex-direction:column}.patch-dates{justify-content:start}}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:12px 18px}.topbar .game-switcher{flex-basis:100%;order:3;gap:22px;width:100%;padding-top:6px;overflow-x:auto}.top-actions{margin-left:auto}.language-toggle{padding:7px 10px}.hero-editorial .hero-content{padding:30px 22px}.hero-editorial h1{font-size:38px}.hero-editorial .hero-buttons{flex-wrap:wrap}.hero-editorial .eyebrow{letter-spacing:.04em;font-size:14px}.hero-editorial{min-height:420px}.patch-grid{grid-template-columns:1fr}.patch-toolbar,.patch-note-status,.library-context,.lookup-intro{flex-direction:column;align-items:flex-start}.patch-intro{padding:24px}.patch-intro h2{font-size:28px}.patch-card{padding:20px}.update-row{grid-template-columns:1fr auto}.update-row time{grid-column:1/-1}.toast{flex-wrap:wrap;max-width:calc(100vw - 28px)}.language-popover{right:-50px}.sidebar nav>button{height:auto;min-height:44px;padding-top:10px;padding-bottom:10px}.sidebar nav>button span{white-space:normal}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.reveal-ready{opacity:1!important;transition:none!important;transform:none!important}.queue-ticket,.guide-card,.other-build,.quick-links button{transition:none!important}.modal[open],.toast,.language-popover{animation:none!important}.queue-illustration:hover .queue-ticket{transform:none}.typing-dots i{animation:none!important}}.league-hero{background:#0e1724;border:1px solid #35424c;border-radius:14px;align-items:center;height:auto;min-height:440px;display:flex}.league-hero-art{object-fit:cover;object-position:76% 36%;z-index:-2;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.league-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#0b1424f5 0%,#0b1424e0 28%,#0b142485 48%,#0b142410 75%),linear-gradient(#0000 40%,#09142080);position:absolute;top:0;bottom:0;left:0;right:0}.league-hero-content{width:54%;padding:36px 40px 34px}.league-hero-logo{object-fit:contain;object-position:left center;width:156px;height:64px;margin:0 0 20px}.league-hero h1{letter-spacing:-.04em;color:#fff;margin:0 0 16px;font-size:clamp(32px,3.35vw,52px);font-weight:750;line-height:1.12}.league-hero p{color:#e0e6ec;max-width:355px;margin-bottom:24px;font-size:16px;line-height:1.65}.league-hero .hero-buttons{flex-wrap:wrap;gap:10px}.league-hero .button.primary,html[data-theme=light] .league-hero .button.primary{color:#17212b;background:#d7bc80;border-color:#d7bc80}.league-hero .button.primary:hover,html[data-theme=light] .league-hero .button.primary:hover{background:#e7ce97;border-color:#e7ce97}.league-hero .button.glass,html[data-theme=light] .league-hero .button.glass{color:#f5f7fa;background:#0c1a2bbf;border-color:#8395a5}.league-hero .button.glass:hover{background:#24364b}.league-patch-link{color:#e5d4ae;text-align:left;width:-moz-fit-content;width:fit-content;margin-top:12px;padding:10px 0;font-size:14px;display:block}.league-patch-link:hover{color:#fff;text-decoration:none}.player-card .player-action{gap:8px;width:-moz-fit-content;width:fit-content;max-width:100%;min-height:44px;padding:10px 14px}.player-card.compact{grid-template-columns:minmax(130px,1fr) minmax(90px,.65fr) auto}.player-card.compact .player-action{white-space:nowrap;justify-self:end}.compact .player-action svg,.compact .player-action svg:last-child{width:16px;height:16px;margin:0}:root{--selection-bg:#2d3c32;--selection-text:#d2e8ca;--selection-border:#647a63}html[data-theme=light]{--selection-bg:#dfeadd;--selection-text:#27462c;--selection-border:#97ad97}.game-switcher{align-items:center;gap:8px}.game-switcher button{opacity:1;border-radius:7px;height:38px;padding:8px 11px;transition:background .16s}.game-switcher button span{color:var(--muted)!important}.game-switcher button.selected{background:var(--selection-bg)}.game-switcher button.selected span{color:var(--selection-text)!important}.game-switcher button:hover{background:var(--surface-raised)}.game-switcher button.selected:after,.role-tabs button.active:after,.tabs button.active:after,.topic-tabs button.active:after{display:none}.role-tabs,.tabs,.topic-tabs{background:var(--surface);border:0;border-radius:10px;gap:6px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:4px}.role-tabs button,.tabs button,.topic-tabs button{min-height:44px;color:var(--muted);border-radius:7px;padding:10px 16px;transition:background .16s}.role-tabs button:hover,.tabs button:hover,.topic-tabs button:hover{background:var(--surface-raised);color:var(--text)}.role-tabs button.active,.tabs button.active,.topic-tabs button.active,html[data-theme=light] .role-tabs button.active,html[data-theme=light] .tabs button.active,html[data-theme=light] .topic-tabs button.active{background:var(--selection-bg);color:var(--selection-text);box-shadow:none}.lane-selector{background:var(--bg);border:1px solid var(--line);border-radius:12px;gap:5px;margin:24px 0;padding:5px}.lane-selector button{min-height:66px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:12px 8px}.lane-selector button:hover{background:var(--surface-raised);color:var(--text)}.lane-selector button.active{background:var(--selection-bg);color:var(--selection-text);box-shadow:none;border-color:#0000}.lane-name{justify-content:center;align-items:center;gap:8px;font-weight:650;display:flex}.lane-selector button.active small{color:var(--selection-text)}.lane-selector small{margin-top:2px;font-size:14px}.role-choices button{background:var(--surface);border-color:var(--border);color:var(--muted)}.role-choices button.active,html[data-theme=light] .role-choices button.active{background:var(--selection-bg);border-color:var(--selection-border);color:var(--selection-text)}.sidebar nav>button.active i{display:none}.top-actions{gap:10px}.language-toggle{border-color:var(--line);white-space:nowrap;background:var(--surface);border-radius:8px;gap:9px;padding:8px 11px;font-size:14px}.language-toggle[aria-expanded=true]{border-color:var(--selection-border);background:var(--surface-raised)}.language-flag{object-fit:cover;border:1px solid #89949c40;border-radius:3px;flex-shrink:0;width:24px;height:17px;display:block}.language-popover{border-radius:12px;width:252px;padding:8px;box-shadow:0 14px 40px #0003}.language-popover p{margin:10px 10px 12px;font-size:14px;font-weight:600}.language-popover button{justify-content:flex-start;gap:12px;min-height:48px;padding:10px 12px;font-size:16px}.language-popover button>svg{margin-left:auto}.language-popover button:hover{color:var(--text);background:var(--surface-raised)}.language-popover button[aria-pressed=true]{color:var(--selection-text);background:var(--selection-bg)}.patch-game-identity{color:var(--muted);align-items:center;gap:14px;font-size:16px;display:flex}.patch-game-identity img{object-fit:contain;background:#17251f;border-radius:6px;width:56px;height:42px;padding:5px}.patch-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.patch-toolbar label{margin-left:auto}html[data-theme=light] :is(.player-rank,.presence.online,.player-reputation b,.result){color:#35602b}html[data-theme=light] :is(.mode-toggle,.player-rank>span,.quick-links button>svg,.workspace-label,.community-label,.results-head,.results-head b,.check-label,.post-meta,.post-meta>span,.post-card .text-button,.footer-brand,.profile-stats small,.rank-display i){color:#52634f}html[data-theme=light] :is(.player-name,.player-card.compact .player-name,.post-card h3,.champion-name b,.chat-list b){color:#233d2b}html[data-theme=light] :is(.community-promo p,.community-promo .text-button,.community-promo>div:first-child,.community-promo .pill){color:#3e5b39}html[data-theme=light] :is(.community-promo,.global-search,.stat-trio>div,.champion-table td,.catalog-rune-page,.catalog-build-list article){border-color:var(--line)}html[data-theme=light] .champion-table thead{background:#edf2e9}html[data-theme=light] :is(.champion-table tbody tr:hover,.match-row:hover){background:#eef4e9}html[data-theme=light] :-webkit-any(.tier,.tier-A,.tier-B){color:#36551e;background:#e3edda}html[data-theme=light] :is(.tier,.tier-A,.tier-B){color:#36551e;background:#e3edda}html[data-theme=light] :is(.coral,.pill.red,.loss .result){color:#963e35}html[data-theme=light] .guide-card{background:var(--surface);border-color:var(--line)}html[data-theme=light] :is(.guide-card>.pill,.guide-card>div:last-child,footer,footer p,footer button){color:#53664e}html[data-theme=light] .rank-display span,html[data-theme=light] .match-row i{color:var(--muted)}html[data-theme=light] .lp-progress{background:#d7e3d0}html[data-theme=light] .lp-progress i{background:#4b7831}html[data-theme=light] .sparkline path[stroke]{stroke:#48752e}html[data-theme=light] .roster-card{background:var(--surface);border-color:var(--line)}html[data-theme=light] :is(.role-choices button,.topic-tabs button,.tabs button){color:var(--muted)}html[data-theme=light] :is(.catalog-hero,.catalog-hero h1,.game-hero h2,.tft-feature-banner h2){color:#fff}html[data-theme=light] .tft-feature-banner p,html[data-theme=light] .game-hero p{color:#e0e6ef}html[data-theme=light] .tft-portrait b{color:var(--text)}html[data-theme=light] .tft-unit-name{color:#fff;background:#17251f;border-radius:3px;padding:2px 4px}html[data-theme=light] .game-switcher button span{color:var(--muted)!important}html[data-theme=light] .game-switcher button.selected span{color:var(--selection-text)!important}html[data-theme=light] .button.primary{border-color:var(--accent)}html[data-theme=light] :-webkit-any(.footnote,.presence,.chat-list-heading,.chat-beginning,.empty){color:var(--muted)}html[data-theme=light] :is(.footnote,.presence,.chat-list-heading,.chat-beginning,.empty){color:var(--muted)}html[data-theme=light] .empty h3{color:var(--text)}html[data-theme=light] :-webkit-any(.message,.message.own){background:0 0}html[data-theme=light] :is(.message,.message.own){background:0 0}html[data-theme=light] .message p{color:var(--text);background:#edf1ec}html[data-theme=light] .message.own p{color:var(--text);background:#deecd6}html[data-theme=light] .loss .result{color:#85352e;background:#f4e4df}html[data-theme=light] :is(.rank-card h2 span,.metric>span){color:var(--muted)}html[data-theme=light] :is(.focus-list b,.field){color:var(--text)}html[data-theme=dark] :is(.workspace-label,.demo-note,.player-top small span,footer p){color:#99a49c}@media (max-width:1200px){.topbar{gap:12px;padding-inline-start:22px;padding-inline-end:22px}.game-switcher{gap:3px}.game-switcher button{padding-inline-start:8px;padding-inline-end:8px}.league-hero-content{width:62%;padding:32px}.player-card.compact{grid-template-columns:1fr auto}.compact .player-top{grid-area:1/1}.compact .player-rank{grid-area:2/1;margin:0}.compact .player-action{grid-area:1/2/3}}@media (max-width:760px){.topbar{padding:12px 18px}.topbar .game-switcher{gap:5px;padding-top:4px}.game-switcher button{height:38px;padding-inline-start:12px;padding-inline-end:12px}.language-toggle{max-width:190px;padding:8px 10px}.language-popover{max-width:calc(100vw - 32px);right:0}.league-hero{align-items:flex-end;min-height:480px}.league-hero-content{width:100%;padding:24px}.league-hero-art{object-position:65% center}.league-hero:after{background:linear-gradient(#0b142412 0%,#0b142490 37%,#0b1424eb 66%,#0b1424 100%)}.league-hero-logo{width:132px;height:55px;margin-bottom:18px}.league-hero h1{font-size:36px}.league-hero p{max-width:330px}.league-patch-link{margin-top:8px}.player-card.compact{grid-template-columns:1fr auto;gap:12px;padding:14px}.player-card.compact .player-action{padding-inline-start:10px;padding-inline-end:10px;font-size:14px}.player-card.compact .player-action svg{display:none}.lane-selector button{min-width:105px}.patch-toolbar{flex-direction:row;align-items:center}.patch-toolbar label{margin-left:auto}.patch-game-identity img{display:none}}@media (max-width:400px){.player-card.compact{grid-template-columns:1fr}.compact .player-action{grid-area:3/1;justify-self:start!important}.league-hero-content{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.game-switcher button,.role-tabs button,.tabs button,.topic-tabs button{transition:none}}.player-search{isolation:isolate;z-index:35;--search-bg:#20272b;--search-hover:#2b3539;--search-text:#f2f5f3;--search-muted:#bdc8c5;--search-border:#52625c;min-width:0;color:var(--search-text);position:relative}.header-player-search{flex:1;max-width:660px}.player-search-control{background:var(--search-bg);border:1px solid var(--search-border);border-radius:9px;align-items:center;gap:10px;min-height:50px;padding:5px 6px 5px 14px;display:flex}.player-search-control:focus-within{border-color:#c5e5b6;box-shadow:0 0 0 3px #b7f56c1a}.player-search input{width:100%;min-width:0;color:var(--search-text);box-shadow:none;background:0 0;border:0;outline:none;flex:1;padding:8px 0;font-size:16px;line-height:1.5}.player-search input::placeholder{color:var(--search-muted);opacity:1}.player-search-control>svg{color:var(--search-muted);flex-shrink:0}.player-search-server{border-left:1px solid var(--search-border);flex-shrink:0;margin:0;padding-left:8px;display:block}.player-search-server select{background:var(--search-bg);width:75px;min-height:40px;color:var(--search-text);border:0;padding:6px;font-size:16px}.player-search-clear{width:34px;height:40px;color:var(--search-muted);background:0 0;border:0;border-radius:5px;flex-shrink:0;place-items:center;display:grid}.player-search-clear:hover{background:var(--search-hover);color:var(--search-text)}.player-search .player-search-submit{white-space:nowrap;flex-shrink:0;min-height:40px;padding:9px 14px}.player-search-popover{border:1px solid var(--search-border);background:var(--search-bg);color:var(--search-text);text-align:left;border-radius:10px;max-height:min(540px,75dvh);position:absolute;top:calc(100% + 7px);bottom:auto;left:0;right:0;overflow:hidden auto;box-shadow:0 16px 42px #0004}.player-search-status{color:var(--search-muted);border-bottom:1px solid var(--search-border);align-items:center;gap:9px;padding:15px 18px;font-size:16px;line-height:1.5;display:flex}.player-search-heading{color:var(--search-muted);padding:12px 18px 6px;font-size:16px;font-weight:650}.player-search-option{color:var(--search-text);text-align:left;background:0 0;border:0;align-items:center;gap:11px;width:100%;min-height:64px;padding:10px 18px;display:flex}.player-search-option:-webkit-any(:hover,.highlighted){background:var(--search-hover)}.player-search-option:is(:hover,.highlighted){background:var(--search-hover)}.search-profile-icon,.search-profile-initial{object-fit:cover;border:1px solid var(--search-border);border-radius:50%;flex-shrink:0;width:38px;height:38px}.search-profile-initial{background:var(--search-hover);place-items:center;font-weight:700;display:grid}.search-profile-name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;column-gap:3px;min-width:0;display:flex}.search-profile-name strong{color:var(--search-text);font-size:16px}.search-profile-name>span{color:var(--search-muted);font-size:16px}.search-region-chip{background:var(--search-hover);border:1px solid var(--search-border);border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:16px;line-height:1.4}.search-rank{color:var(--search-muted);flex-shrink:0;margin-left:auto;font-size:16px}.search-exact-action{background:var(--search-hover);width:100%;color:var(--search-text);border:0;border-top:1px solid var(--search-border);text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;font-size:16px;display:flex}.search-exact-action:hover{filter:brightness(1.08)}.search-service-note{color:var(--search-muted);border-top:1px solid var(--search-border);margin:0;padding:12px 18px;font-size:16px;line-height:1.55}.profile-player-search{max-width:900px;margin:20px 0 28px}.profile-player-search .player-search-control{min-height:68px;padding:10px 10px 10px 18px}.demo-note>.button{color:#eff8e9;background:#24351e;border:1px solid #6f8464;border-radius:7px;min-height:44px;padding:9px 16px;font-size:16px;text-decoration:none}.demo-note>.button:hover{color:#fff;background:#354b2c}.teammate-search{border:1px solid var(--line);background:var(--panel);border-radius:12px;margin:20px 0;padding:22px}.teammate-search>p{color:var(--muted);margin:0 0 18px;font-size:16px}.teammate-primary-filters{grid-template-columns:1.45fr repeat(3,1fr) auto;align-items:end;gap:14px;display:grid}.teammate-filter{gap:8px;min-width:0;font-size:16px;font-weight:600;display:grid}.teammate-filter>select{background:var(--bg);border:1px solid var(--line);width:100%;min-width:0;min-height:48px;color:var(--text);border-radius:7px;padding:10px 30px 10px 12px;font-size:16px}.teammate-primary-filters>.button{min-height:48px}.teammate-search details{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.teammate-search summary{cursor:pointer;width:-moz-fit-content;width:fit-content;color:var(--text);font-size:16px}.teammate-search details .filter-secondary{flex-wrap:wrap;margin:16px 0 0}.results-head:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.app-shell .champion-table :-webkit-any(th,td):last-child{white-space:nowrap;width:1%}.app-shell .champion-table :is(th,td):last-child{white-space:nowrap;width:1%}.app-shell .champion-table .button{white-space:nowrap}html[data-theme=light] .player-search{--search-bg:#fff;--search-hover:#edf2e9;--search-text:#17271d;--search-muted:#475e51;--search-border:#99aa9c}html[data-theme=light] .demo-note>.button{color:#fff;background:#254530;border-color:#254530}html[data-theme=light] .demo-note>.button:hover{color:#fff;background:#173421}@media (max-width:1250px){.teammate-primary-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.teammate-primary-filters>.button{grid-column:1/-1;justify-self:start}.header-player-search{max-width:none}}@media (max-width:720px){.subbar{flex-wrap:wrap;overflow:visible}.header-player-search{flex-basis:100%;order:3;width:100%}.subbar .mode-toggle{flex:0 auto;width:auto;max-width:calc(100% - 64px);margin-left:auto}.player-search-control{gap:6px;padding-left:10px}.player-search-server{padding-left:3px}.player-search-server select{width:64px}.player-search .player-search-submit{min-width:38px;padding:9px}.profile-player-search .player-search-control{flex-wrap:wrap;padding:10px}.profile-player-search input{width:calc(100% - 130px)}.profile-player-search .player-search-submit{width:100%;margin-top:4px}.player-search-option{flex-wrap:wrap;gap:7px;padding:10px 12px}.search-rank{font-size:16px}.search-profile-name{max-width:calc(100% - 100px)}.player-search-status,.search-service-note{padding:12px}.teammate-search{padding:16px}.teammate-primary-filters{gap:14px 10px}.teammate-primary-filters>.button{justify-self:stretch;width:100%}}@media (prefers-reduced-motion:reduce){.player-search .spin{animation:none}}.search-recent-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.search-recent-heading button{color:var(--search-muted);text-underline-offset:4px;min-height:44px;font:inherit;background:0 0;border:0;padding:8px 0;text-decoration:underline}.search-recent-heading button:hover{color:var(--search-text)}.search-profile-name mark{color:var(--search-text);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--search-muted);text-decoration-color:var(--search-muted);background:0 0}.player-search-option:focus-visible{outline:2px solid var(--search-text);outline-offset:-3px}.search-exact-action:focus-visible{outline:2px solid var(--search-text);outline-offset:-3px}.search-recent-heading button:focus-visible{outline:2px solid var(--search-text);outline-offset:-3px}.player-search-server select{width:120px}.profile-player-search .player-search-server select{width:156px}@media (max-width:720px){.player-search-server select{width:72px}.profile-player-search .player-search-server select{width:156px}}.match-workspace{--mh-surface:#191f25;--mh-raised:#212a32;--mh-hover:#27323c;--mh-line:#3a4651;--mh-text:#f0f4f7;--mh-muted:#b4c0cc;--mh-win:#78d6b7;--mh-loss:#ff9eab;--mh-win-tint:#192c2a;--mh-loss-tint:#302329;--mh-focus:#c0e899;min-width:0;color:var(--mh-text);font-size:16px;line-height:1.5;container-type:inline-size}html[data-theme=light] .match-workspace{--mh-surface:#fff;--mh-raised:#f1f4f6;--mh-hover:#e7edf1;--mh-line:#c6d0d8;--mh-text:#182a38;--mh-muted:#50616f;--mh-win:#12684f;--mh-loss:#a52d43;--mh-win-tint:#eef8f4;--mh-loss-tint:#fff1f3;--mh-focus:#376e43}.match-workspace :-webkit-any(p,small,button,select,th,td,dt,dd,abbr,time){font-size:16px;line-height:1.5}.match-workspace :is(p,small,button,select,th,td,dt,dd,abbr,time){font-size:16px;line-height:1.5}.match-workspace :-webkit-any(h2,h3,p,dl,dd){margin:0}.match-workspace :is(h2,h3,p,dl,dd){margin:0}.match-workspace :-webkit-any(button,select){font:inherit;color:var(--mh-text)}.match-workspace :is(button,select){font:inherit;color:var(--mh-text)}.match-workspace button{cursor:pointer}.match-workspace button:disabled{cursor:wait;opacity:.65}.match-workspace :-webkit-any(button,select):focus-visible{outline:3px solid var(--mh-focus);outline-offset:4px}.match-workspace :is(button,select):focus-visible{outline:3px solid var(--mh-focus);outline-offset:4px}.match-workspace abbr{text-decoration:none}.mh-secondary{color:var(--mh-muted);font-size:16px;font-weight:400;line-height:1.5}.mh-secondary b{color:var(--mh-text);font-weight:600}.mh-overview{grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(0,1fr));gap:14px;margin-bottom:32px;display:grid}.mh-account,.mh-metric{border:1px solid var(--mh-line);background:var(--mh-surface);border-radius:14px;padding:22px}.mh-account-heading{align-items:center;gap:14px;min-width:0;display:flex}.mh-account-heading>div{min-width:0}.mh-account h2{overflow-wrap:anywhere;margin-top:7px;font-size:24px;line-height:1.35}.mh-kicker{color:var(--mh-muted);font-size:16px;font-weight:600}.mh-rank{color:var(--mh-muted);flex-wrap:wrap;gap:10px 16px;margin-top:18px;display:flex}.mh-rank strong{color:var(--mh-win)}.mh-metric{flex-direction:column;gap:8px;display:flex}.mh-metric>b{font-variant-numeric:tabular-nums;font-size:32px;font-weight:650;line-height:1.3}.mh-metric>span:first-child{color:var(--mh-muted)}.mh-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px;display:flex}.mh-toolbar h2{letter-spacing:-.03em;font-size:24px}.mh-record-summary{flex-wrap:wrap;align-items:center;gap:9px 16px;margin-top:8px;font-size:16px;display:flex}.mh-record-count{color:var(--mh-muted)}.mh-wins{color:var(--mh-win)}.mh-losses{color:var(--mh-loss)}.mh-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mh-controls select,.mh-refresh{border:1px solid var(--mh-line);background:var(--mh-surface);border-radius:8px;min-height:44px;padding:9px 13px}.mh-controls select{max-width:100%}.mh-controls select:hover,.mh-refresh:hover{background:var(--mh-hover);border-color:var(--mh-muted)}.mh-refresh{justify-content:center;align-items:center;gap:9px;display:flex}.mh-provenance{color:var(--mh-muted);flex-wrap:wrap;gap:5px 16px;margin-bottom:18px;font-size:16px;display:flex}.mh-provenance>span:first-child{font-weight:600}.match-workspace .mh-refresh-note{color:var(--mh-muted);max-width:90ch;margin:0 0 22px}.mh-match-list{flex-direction:column;gap:12px;display:flex}.mh-match{border:1px solid var(--mh-line);border-inline-start:4px solid var(--mh-muted);background:var(--mh-surface);border-radius:12px;min-width:0;overflow:hidden}.mh-match.mh-victory{border-inline-start-color:var(--mh-win)}.mh-match.mh-defeat{border-inline-start-color:var(--mh-loss)}.mh-match-toggle{text-align:left;width:100%;color:var(--mh-text);background:0 0;border:0;grid-template-columns:minmax(146px,.95fr) minmax(180px,1.25fr) minmax(155px,1fr) minmax(218px,1.25fr) 28px;align-items:center;gap:20px;padding:22px 20px;transition:background-color .15s;display:grid}.mh-match-toggle:hover{background:var(--mh-hover)}.mh-match-toggle:focus-visible{border-radius:8px;outline-offset:-4px!important}.mh-outcome{flex-direction:column;gap:4px;min-width:0;display:flex}.mh-outcome>strong{font-size:20px;font-weight:750}.mh-victory .mh-outcome>strong{color:var(--mh-win)}.mh-defeat .mh-outcome>strong{color:var(--mh-loss)}.mh-outcome>span{font-size:16px}.mh-time{color:var(--mh-muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:3px;display:flex}.mh-time>span{align-items:center;gap:5px;display:flex}.mh-character,.mh-champion{align-items:center;gap:12px;min-width:0;display:flex}.mh-portrait-wrap{flex-shrink:0;display:inline-flex;position:relative}.mh-asset{background:var(--mh-raised);border:1px solid var(--mh-line);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;overflow:hidden}.mh-asset img{object-fit:cover;width:100%;height:100%}.mh-asset-fallback{color:var(--mh-muted);font-size:16px}.mh-portrait{border-radius:10px;width:56px;height:56px}.mh-account-icon{border-radius:12px;width:60px;height:60px}.mh-level{border:1px solid var(--mh-line);background:var(--mh-surface);min-width:23px;height:24px;color:var(--mh-text);border-radius:5px;place-items:center;padding:0 3px;font-size:16px;font-weight:600;display:grid;position:absolute;bottom:-6px;right:-3px}.mh-player-text{flex-direction:column;gap:2px;min-width:0;display:flex}.mh-champion-name{font-size:18px;font-weight:650}.mh-loadout{flex-shrink:0;align-items:center;gap:4px;display:flex}.mh-spells,.mh-runes{flex-direction:column;gap:4px;display:flex}.mh-loadout .mh-asset{border-radius:4px;width:25px;height:25px}.mh-runes .mh-asset{background:0 0;border:0}.mh-rune-tree{background:var(--mh-raised);border:1px solid var(--mh-line);width:25px;height:25px;color:var(--mh-muted);border-radius:50%;place-items:center;font-size:16px;display:grid}.mh-performance{flex-direction:column;gap:7px;min-width:0;display:flex}.mh-kda{flex-direction:column;gap:3px;display:flex}.mh-kda-numbers{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:20px;display:flex}.mh-kda-numbers b{font-weight:650}.mh-kda-numbers i{color:var(--mh-muted);font-size:16px;font-style:normal}.mh-deaths{color:var(--mh-loss)}.mh-farm{color:var(--mh-muted);flex-wrap:wrap;gap:4px 12px;display:flex}.mh-farm b{color:var(--mh-text);font-weight:600}.mh-build{flex-direction:column;gap:8px;min-width:0;display:flex}.mh-items{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.mh-items .mh-asset,.mh-item-empty{width:29px;height:29px}.mh-item-empty{border:1px solid var(--mh-line);background:var(--mh-raised);border-radius:5px;display:inline-block}.mh-items .mh-trinket{border-radius:50%;margin-left:3px}.mh-expand{color:var(--mh-muted);justify-content:center;align-items:center;gap:8px;display:flex}.mh-expand svg{flex-shrink:0;transition:transform .2s}.mh-expand-text{display:none}.mh-expanded{border-top:1px solid var(--mh-line)}.match-workspace .mh-sample-note{border-bottom:1px solid var(--mh-line);background:var(--mh-raised);color:var(--mh-muted);padding:13px 20px}.mh-team+.mh-team{border-top:1px solid var(--mh-line)}.mh-team-heading{background:var(--mh-raised);justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.mh-team-heading>div{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.mh-team-heading h3{font-size:18px;line-height:1.5}.mh-team-outcome{color:var(--mh-muted);font-weight:600}.mh-team-win .mh-team-outcome{color:var(--mh-win)}.mh-team-loss .mh-team-outcome{color:var(--mh-loss)}.mh-team-objectives{flex-wrap:wrap;gap:14px;display:flex}.mh-team-objectives>div{align-items:center;gap:6px;display:flex}.mh-team-objectives dt{color:var(--mh-muted)}.mh-team-objectives dd{font-weight:600}.mh-score-table{border-collapse:collapse;table-layout:auto;width:100%}.mh-score-table th{text-align:left;color:var(--mh-muted);border-bottom:1px solid var(--mh-line);vertical-align:bottom;padding:12px;font-weight:500}.mh-score-table td{vertical-align:middle;border-bottom:1px solid var(--mh-line);font-variant-numeric:tabular-nums;padding:15px 12px}.mh-score-table th:first-child,.mh-score-table td:first-child{padding-left:20px}.mh-score-table th:last-child,.mh-score-table td:last-child{padding-right:20px}.mh-score-table tbody tr:last-child td{border-bottom:0}.mh-score-table .mh-subject{background:var(--mh-win-tint)}.mh-team-loss .mh-score-table .mh-subject{background:var(--mh-loss-tint)}.mh-score-table td>.mh-secondary{white-space:nowrap;margin-top:3px;display:block}.mh-score-table .mh-player{min-width:170px}.mh-player-name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:7px;font-size:16px;font-weight:650;line-height:1.4;display:flex}.mh-you{color:var(--mh-win);font-size:16px;font-weight:500}.mh-cell-player>.mh-loadout{margin-top:8px;padding-left:56px}.mh-cell-player .mh-loadout>.mh-spells,.mh-cell-player .mh-loadout>.mh-runes{flex-direction:row}.mh-score-table .mh-portrait{border-radius:8px;width:44px;height:44px}.mh-score-table .mh-kda-numbers{gap:5px;font-size:17px}.mh-score-table .mh-items{min-width:164px;max-width:218px}.mh-score-table .mh-items .mh-asset,.mh-score-table .mh-item-empty{width:27px;height:27px}.mh-damage-bar{background:var(--mh-raised);border-radius:4px;width:90px;max-width:100%;height:5px;margin-top:8px;display:block;overflow:hidden}.mh-damage-bar i{background:var(--mh-win);border-radius:inherit;height:100%;display:block}.mh-team-loss .mh-damage-bar i{background:var(--mh-loss)}.match-workspace .mh-match-footer{color:var(--mh-muted);border-top:1px solid var(--mh-line);flex-wrap:wrap;gap:9px 22px;margin:0;padding:17px 20px;font-size:16px;display:flex}.mh-match-footer>span{overflow-wrap:anywhere}.mh-match-footer b{font-weight:500}.mh-unavailable{color:var(--mh-muted);align-items:flex-start;gap:15px;padding:28px 22px;display:flex}.mh-unavailable>svg{flex-shrink:0}.mh-unavailable strong{color:var(--mh-text);font-weight:600;display:block}.mh-unavailable p{margin-top:5px}.mh-empty{text-align:center;border:1px dashed var(--mh-line);color:var(--mh-muted);border-radius:12px;padding:36px 20px}.mh-empty h3{color:var(--mh-text);margin:12px 0 6px;font-size:20px}.mh-tft-place{color:var(--mh-muted);align-items:center;gap:12px;display:flex}.mh-tft-place strong{color:var(--mh-text);font-size:28px}.mh-trait-preview{flex-direction:column;grid-column:span 2;gap:6px;display:flex}.mh-tft-details{padding:22px}.mh-tft-details h3{margin-bottom:12px;font-size:20px}.mh-trait-list{flex-wrap:wrap;gap:10px;display:flex}.mh-trait-list>span{border:1px solid var(--mh-line);color:var(--mh-muted);border-radius:6px;padding:5px 10px}.mh-spinning{animation:1s linear infinite mh-spin}@keyframes mh-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mh-spinning{animation:none}.mh-match-toggle,.mh-expand svg{transition:none}}@container (width<=1050px){.mh-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.mh-account{grid-column:1/-1}.mh-match-toggle{grid-template-columns:minmax(150px,1fr) minmax(195px,1.4fr) minmax(160px,1fr) 25px;gap:18px}.mh-build{flex-direction:row;grid-area:2/2/auto/4;align-items:center}.mh-expand{grid-area:1/4/3}.mh-outcome{grid-row:1/3}.mh-trait-preview{grid-area:2/2/auto/4}.mh-score-table thead{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.mh-score-table,.mh-score-table tbody{display:block}.mh-score-table tr{border-bottom:1px solid var(--mh-line);grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(0,1fr));gap:14px 18px;padding:18px 20px;display:grid}.mh-score-table tbody tr:last-child{border-bottom:0}.mh-score-table td,.mh-score-table td:first-child,.mh-score-table td:last-child{border:0;min-width:0;padding:0;display:block}.mh-score-table td[data-label]:before{content:attr(data-label);color:var(--mh-muted);margin-bottom:4px;font-size:16px;display:block}.mh-score-table .mh-cell-player{grid-row:span 2}.mh-score-table .mh-cell-items{grid-column:2/-1;align-items:center;gap:12px;display:flex}.mh-score-table .mh-cell-items:before{margin:0}.mh-team-heading{flex-direction:column;align-items:flex-start;gap:10px}.mh-team-objectives{gap:6px 16px}}@container (width<=720px){.mh-match-toggle{grid-template-columns:minmax(0,1fr) minmax(145px,1fr);gap:19px 16px;padding:18px}.mh-outcome{border-bottom:1px solid var(--mh-line);flex-flow:wrap;grid-area:1/1/auto/-1;align-items:center;gap:8px 14px;padding-bottom:13px}.mh-outcome>strong{font-size:20px}.mh-time{flex-basis:100%;margin:0}.mh-character{flex-wrap:wrap;grid-row:2;gap:10px}.mh-performance{grid-area:2/2}.mh-build{flex-wrap:wrap;grid-area:3/1/auto/-1;gap:9px 14px}.mh-expand{border-top:1px solid var(--mh-line);grid-area:4/1/auto/-1;justify-content:flex-end;padding-top:10px}.mh-expand-text{display:inline}.mh-trait-preview{grid-area:3/1/auto/-1}.mh-tft-place{grid-area:2/1/auto/-1}.mh-score-table tr{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px}.mh-score-table .mh-cell-player{grid-area:auto/1/auto/-1;justify-content:space-between;align-items:center;gap:14px;display:flex}.mh-cell-player>.mh-loadout{margin:0;padding:0}.mh-score-table .mh-cell-items{grid-column:1/-1}.mh-score-table .mh-player{flex:1;min-width:0}.mh-score-table .mh-kda-numbers{gap:4px;font-size:18px}.mh-score-table .mh-cell-kda{grid-column:span 1}.mh-team-heading{padding:18px}.mh-toolbar{gap:14px}.mh-toolbar h2{font-size:22px}.mh-controls{width:100%}.mh-controls>label{flex:1;min-width:120px}.mh-controls select{width:100%}.mh-metric{padding:16px 13px}.mh-metric>b{font-size:26px}.mh-account{padding:18px}}@container (width<=440px){.mh-overview{grid-template-columns:1fr;gap:10px}.mh-metric{grid-template-columns:1fr auto;align-items:center;gap:3px 10px;display:grid}.mh-metric>.mh-secondary{grid-column:1/-1}.mh-match-toggle{grid-template-columns:minmax(0,1fr) minmax(132px,.9fr);gap:16px 12px;padding:15px}.mh-character{align-self:start}.mh-character .mh-loadout{padding-left:0}.mh-character .mh-champion{gap:10px}.mh-portrait{width:48px;height:48px}.mh-champion-name{font-size:17px}.mh-kda-numbers{gap:6px;font-size:20px}.mh-farm{gap:3px 8px}.mh-score-table tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:16px}.mh-score-table .mh-cell-kda{grid-column:auto}.mh-score-table .mh-cell-player{flex-wrap:wrap;align-items:flex-start}.mh-score-table .mh-cell-items{flex-wrap:wrap}.mh-score-table .mh-items{min-width:0;max-width:none}.mh-team-objectives>div{flex-direction:column;align-items:flex-start;gap:0}.mh-team-objectives{gap:10px 18px}.mh-score-table .mh-cell-player>.mh-loadout{flex-wrap:wrap}.mh-match-footer{gap:10px!important;padding:16px!important}}.player-details :-webkit-any(p,small,button,select,label,dt,dd,.pill,.eyebrow,.data-label){font-size:16px;line-height:1.55}.player-details :is(p,small,button,select,label,dt,dd,.pill,.eyebrow,.data-label){font-size:16px;line-height:1.55}.player-details .tabs{flex-wrap:wrap;gap:6px}.player-details .tabs button{min-height:44px;padding:10px 14px}.player-details .profile-history{min-width:0}.match-workspace{--mh-inset:#10161c;--mh-open-line:#7d9cae;--mh-blue:#92c7ff;--mh-red:#ffabb4;--mh-blue-bg:#1c3045;--mh-red-bg:#3b252e}html[data-theme=light] .match-workspace{--mh-inset:#e5edf3;--mh-open-line:#547589;--mh-blue:#235b91;--mh-red:#9a3046;--mh-blue-bg:#e6f0fc;--mh-red-bg:#fce9ed}.mh-match-toggle{grid-template-columns:minmax(138px,.95fr) minmax(180px,1.25fr) minmax(155px,1fr) minmax(218px,1.25fr) 108px;gap:16px}.mh-expand{border:1px solid var(--mh-line);min-height:64px;color:var(--mh-text);text-align:center;border-radius:7px;flex-direction:column;gap:6px;padding:9px 6px;line-height:1.35}.mh-expand-text{font-size:16px;display:inline}.mh-open .mh-expand svg{transform:none}.mh-match-toggle:hover .mh-expand{border-color:var(--mh-muted);background:var(--mh-raised)}.mh-match.mh-open{border:2px solid var(--mh-open-line);border-inline-start-width:4px;margin:8px 0 20px;box-shadow:0 8px 28px #0003}.mh-open>.mh-match-toggle{background:var(--mh-raised)}.mh-open.mh-victory>.mh-match-toggle{background:var(--mh-win-tint)}.mh-open.mh-defeat>.mh-match-toggle{background:var(--mh-loss-tint)}.mh-open .mh-expand{background:var(--mh-surface);border-color:var(--mh-open-line)}.mh-expanded{background:var(--mh-inset);border-top:2px solid var(--mh-open-line);padding:0 18px}.mh-detail-heading{justify-content:space-between;align-items:center;gap:16px;padding:22px 2px 18px;display:flex}.mh-detail-heading h3{letter-spacing:-.02em;font-size:23px}.mh-detail-heading p{color:var(--mh-muted);margin:5px 0 0;font-size:16px}.mh-close-details{border:1px solid var(--mh-line);background:var(--mh-surface);min-height:44px;color:var(--mh-text);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:9px 13px;display:inline-flex}.mh-close-details:hover{background:var(--mh-hover);border-color:var(--mh-muted)}.mh-expanded .mh-sample-note{background:0 0;border:0;padding:0 2px 18px}.mh-scoreboard{gap:18px;display:grid}.mh-scoreboard>.mh-team{border:1px solid var(--mh-line);background:var(--mh-surface);border-radius:9px;overflow:hidden}.mh-team-heading{border-bottom:1px solid var(--mh-line)}.mh-team:first-child .mh-team-heading{background:var(--mh-blue-bg)}.mh-team:last-child .mh-team-heading{background:var(--mh-red-bg)}.mh-team-heading h3{color:var(--mh-text)}.mh-team-outcome{border:1px solid;border-radius:5px;padding:3px 9px}.mh-score-table th{background:var(--mh-raised)}.mh-score-table .mh-subject .mh-cell-player{box-shadow:inset 3px 0 var(--mh-win)}.mh-team-loss .mh-score-table .mh-subject .mh-cell-player{box-shadow:inset 3px 0 var(--mh-loss)}.mh-score-table .mh-cell-player{padding-left:16px}.match-workspace .mh-match-footer{border:0;padding:18px 2px 12px}.mh-detail-end{justify-content:flex-end;padding:4px 2px 18px;display:flex}@container (width<=1100px) and (width>=721px){.mh-match-toggle{grid-template-columns:minmax(140px,1fr) minmax(195px,1.4fr) minmax(160px,1fr) 100px;gap:16px}.mh-build{flex-direction:row;grid-area:2/2/auto/4;align-items:center}.mh-expand{grid-area:1/4/3}.mh-outcome{grid-row:1/3}.mh-trait-preview{grid-area:2/2/auto/4}}@container (width<=720px){.mh-match-toggle{grid-template-columns:minmax(0,1fr) minmax(145px,1fr);gap:19px 16px}.mh-expand{flex-direction:row;grid-area:4/1/auto/-1;justify-content:center;min-height:44px;padding:9px 12px}.mh-expanded{padding:0 12px}.mh-detail-heading{flex-wrap:wrap;align-items:flex-start;padding-top:18px}.mh-detail-heading h3{font-size:22px}.mh-detail-heading p{line-height:1.6}.mh-detail-heading>.mh-close-details{margin-left:auto}.mh-scoreboard{gap:16px}.mh-team-heading{padding:16px}.mh-score-table .mh-cell-player{padding-left:9px}}@container (width<=440px){.mh-match-toggle{grid-template-columns:minmax(0,1fr) minmax(132px,.9fr);gap:16px 12px}.mh-expanded{padding:0 9px}.mh-score-table tr{padding:14px 12px}.mh-detail-end>.mh-close-details{width:100%}}.mh-overview{grid-template-columns:minmax(230px,1.1fr) repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.mh-overview .mh-account{grid-area:1/1/3;padding:22px}.mh-account-heading{flex-direction:column;align-items:flex-start;gap:13px}.mh-account h2{font-size:23px}.mh-account-meta{color:var(--mh-muted);flex-wrap:wrap;gap:8px 16px;margin-top:12px;display:flex}.mh-overview-heading{grid-column:2/-1;padding:7px 8px 6px}.mh-overview-heading h2{letter-spacing:-.03em;font-size:27px;margin:4px 0!important}.mh-rank{border-top:1px solid var(--mh-line);grid-template-columns:32px 1fr;align-items:center;gap:5px 9px;padding-top:18px;display:grid}.mh-rank>span:first-child{grid-column:1/-1;margin-bottom:6px}.mh-rank>svg{color:var(--mh-win);grid-row:2/4}.mh-rank>strong{font-size:22px}.mh-rank>span:not(:first-child),.mh-rank>small{grid-column:2}.mh-overview .mh-metric{border-top:2px solid var(--mh-line);grid-row:2;padding:20px}.mh-overview .mh-metric:nth-of-type(2){border-top-color:var(--mh-win)}.mh-metric>b{font-size:36px}.mh-filters{border:1px solid var(--mh-line);background:var(--mh-surface);border-radius:11px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:18px;display:flex}.mh-filters>label{min-width:140px;color:var(--mh-muted);flex-direction:column;flex:1;gap:6px;display:flex}.mh-filters select{border:1px solid var(--mh-line);background:var(--mh-inset);border-radius:7px;width:100%;min-height:44px;padding:8px 34px 8px 12px}.mh-reset{border:1px solid var(--mh-line);background:var(--mh-raised);border-radius:7px;min-height:44px;padding:8px 12px}.match-workspace .mh-filter-note{color:var(--mh-muted);margin:0 0 20px}.mh-breakdowns{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin-bottom:30px;display:grid}.mh-breakdowns>section{background:var(--mh-surface);border:1px solid var(--mh-line);border-radius:11px;min-width:0;padding:20px}.mh-breakdowns h3{letter-spacing:-.02em;font-size:19px;margin-bottom:12px!important}.mh-champion-stat,.mh-role-stat{border:0;border-top:1px solid var(--mh-line);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;min-height:57px;padding:10px 0;display:flex}.mh-champion-stat:hover,.mh-role-stat:hover{background:var(--mh-hover)}.mh-champion-stat>.mh-asset{border-radius:8px;width:38px;height:38px}.mh-champion-stat>span:not(.mh-asset),.mh-role-stat>span:first-child{flex-direction:column;min-width:0;display:flex}.mh-champion-stat>span:nth-child(2){flex:1}.mh-champion-stat>span:nth-child(2)>b{overflow-wrap:anywhere}.mh-champion-stat small,.mh-role-stat small{color:var(--mh-muted);font-weight:400}.mh-champion-stat>strong,.mh-role-stat>strong{text-align:right;font-variant-numeric:tabular-nums;min-width:45px}.mh-champ-kda{align-items:flex-end;padding-right:10px}.mh-role-stat>span:first-child{min-width:84px}.mh-role-track{background:var(--mh-raised);border-radius:8px;flex:1;height:7px;overflow:hidden}.mh-role-track>i{border-radius:inherit;background:var(--mh-win);height:100%;display:block}.mh-date-heading{color:var(--mh-muted);align-items:center;gap:16px;padding:8px 2px 12px;display:flex}.mh-date-heading h3{color:var(--mh-text);font-size:16px;font-weight:650}.mh-date-heading:after{content:"";background:var(--mh-line);flex:1;height:1px}.mh-date-heading>span{white-space:nowrap;font-size:14px}.mh-day-group{flex-direction:column;gap:10px;margin-bottom:10px;display:flex}.mh-match-toggle{grid-template-columns:minmax(122px,.9fr) minmax(180px,1.25fr) minmax(145px,1fr) minmax(218px,1.25fr) 82px;padding:17px 18px;scroll-margin-top:100px}.mh-outcome>strong{font-size:19px}.mh-expand{background:var(--mh-raised);border:0;min-height:54px}.mh-expand-text{font-size:14px}.mh-match.mh-open{margin:0 0 12px}.mh-match-footer{font-size:14px!important}.mh-match-list{gap:14px}.match-workspace-compact .mh-breakdowns{grid-template-columns:1fr 1fr}.match-workspace-compact .mh-breakdowns>section{padding:15px}.match-workspace-compact .mh-champ-kda{display:none}@container (width<=1050px){.mh-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.mh-overview .mh-account{grid-area:1/1/auto/-1;grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.mh-account-heading{flex-direction:row;align-items:center}.mh-account-meta{grid-column:1}.mh-rank{border-top:0;border-left:1px solid var(--mh-line);grid-area:1/2/3;margin:0;padding:0 0 0 20px}.mh-overview-heading{grid-area:2/1/auto/-1;padding-top:14px}.mh-overview .mh-metric{grid-row:3}.mh-match-toggle{grid-template-columns:minmax(130px,.9fr) minmax(180px,1.2fr) minmax(150px,1fr) 82px}}@container (width<=720px){.mh-breakdowns,.match-workspace-compact .mh-breakdowns{grid-template-columns:1fr}.mh-match-toggle{grid-template-columns:minmax(0,1fr) minmax(145px,1fr)}.mh-expand{grid-column:1/-1}.mh-overview .mh-account{grid-template-columns:1fr}.mh-rank{border-left:0;border-top:1px solid var(--mh-line);grid-area:auto/1;margin-top:16px;padding:16px 0 0}.mh-overview .mh-metric{padding:15px 12px}.mh-overview-heading h2{font-size:24px}.mh-metric>b{font-size:29px}.mh-filters{gap:12px;padding:14px}.mh-filters>label{min-width:calc(50% - 12px)}.mh-reset{width:100%}.mh-champion-overview,.mh-role-overview{padding:16px!important}}@container (width<=440px){.mh-overview{grid-template-columns:1fr}.mh-overview .mh-account{grid-row:1}.mh-overview-heading{grid-row:2}.mh-overview .mh-metric{grid-area:auto/1;grid-template-columns:1fr auto;display:grid}.mh-account h2{font-size:21px}.mh-champ-kda{display:none}.mh-match-toggle{grid-template-columns:minmax(0,1fr) minmax(132px,.9fr)}}@font-face{font-family:Noto Sans Thai Looped;src:url(../assets/fonts/noto-sans-thai-looped-variable.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}:root{--font-ui:"DM Sans",Arial,sans-serif;--font-heading:"Manrope",Arial,sans-serif;--ui-min:16px;--ui-leading:1.6}html:lang(th){--font-ui:"Noto Sans Thai Looped","Leelawadee UI",Tahoma,sans-serif;--font-heading:var(--font-ui);--ui-min:17px;--ui-leading:1.85}html:lang(ko){--font-ui:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans CJK KR",sans-serif;--font-heading:var(--font-ui)}html:lang(zh-CN){--font-ui:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif;--font-heading:var(--font-ui)}html body{font-family:var(--font-ui)}html body :-webkit-any(h1,h2,h3,h4,h5,h6,button,input,select,textarea){font-family:var(--font-ui)}html body :is(h1,h2,h3,h4,h5,h6,button,input,select,textarea){font-family:var(--font-ui)}html body{font-size:var(--ui-min);line-height:var(--ui-leading)}html body :-webkit-any(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading)}html body :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-heading)}html:lang(th) body,html:lang(ko) body,html:lang(zh-CN) body{font-family:var(--font-ui)}html:lang(th) body :-webkit-any(h1,h2,h3,h4,h5,h6){font-family:var(--font-ui);letter-spacing:0;line-height:1.5}html:lang(th) body :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-ui);letter-spacing:0;line-height:1.5}html:lang(ko) body :-webkit-any(h1,h2,h3,h4,h5,h6){font-family:var(--font-ui);letter-spacing:0;line-height:1.5}html:lang(ko) body :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-ui);letter-spacing:0;line-height:1.5}html:lang(zh-CN) body :-webkit-any(h1,h2,h3,h4,h5,h6){font-family:var(--font-ui);letter-spacing:0;line-height:1.5}html:lang(zh-CN) body :is(h1,h2,h3,h4,h5,h6){font-family:var(--font-ui);letter-spacing:0;line-height:1.5}:-webkit-any(.app-shell,.catalog-page) :-webkit-any(button:not(.brand),input,select,textarea,p,small,label,td,th,li,dt,dd,summary,kbd){line-height:var(--ui-leading);font-size:var(--ui-min)!important}:is(.app-shell,.catalog-page) :is(button:not(.brand),input,select,textarea,p,small,label,td,th,li,dt,dd,summary,kbd){line-height:var(--ui-leading);font-size:var(--ui-min)!important}:-webkit-any(.app-shell,.catalog-page) :-webkit-any(.pill,.eyebrow,.footnote,.small-text,.workspace-label,.community-label,.mode-toggle,.results-head,.post-meta,.patch-dates,.patch-note-status,.update-row,.board-instructions,.board-edge-label,.build-source-line,.catalog-source,.history-detail-label,.presence,.count,.toast,.guide-category,.guide-card-meta,.preview-caption){line-height:var(--ui-leading);font-size:var(--ui-min)!important}:is(.app-shell,.catalog-page) :is(.pill,.eyebrow,.footnote,.small-text,.workspace-label,.community-label,.mode-toggle,.results-head,.post-meta,.patch-dates,.patch-note-status,.update-row,.board-instructions,.board-edge-label,.build-source-line,.catalog-source,.history-detail-label,.presence,.count,.toast,.guide-category,.guide-card-meta,.preview-caption){line-height:var(--ui-leading);font-size:var(--ui-min)!important}:-webkit-any(.app-shell,.catalog-page) :-webkit-any(.roster-card b,.champion-name b,.player-name,.player-top small,.official-runes b,.official-runes small,.tft-portrait b,.tft-unit-grid b,.tft-unit-name,.item-source-build .item-strip>span,.patch-card h4,.change-badge,.match-row b,.match-row small,.sidebar-profile b,.sidebar-profile small,.current-game b,.game-switcher button span,.quick-links b,.quick-links small,.guide-card>.pill,.guide-card>div:last-child,footer,footer p,footer button){line-height:var(--ui-leading);font-size:var(--ui-min)!important}:is(.app-shell,.catalog-page) :is(.roster-card b,.champion-name b,.player-name,.player-top small,.official-runes b,.official-runes small,.tft-portrait b,.tft-unit-grid b,.tft-unit-name,.item-source-build .item-strip>span,.patch-card h4,.change-badge,.match-row b,.match-row small,.sidebar-profile b,.sidebar-profile small,.current-game b,.game-switcher button span,.quick-links b,.quick-links small,.guide-card>.pill,.guide-card>div:last-child,footer,footer p,footer button){line-height:var(--ui-leading);font-size:var(--ui-min)!important}.app-shell :-webkit-any(button,input,select,textarea){min-height:44px}.app-shell :is(button,input,select,textarea){min-height:44px}.app-shell :is(.icon-button,.notification,.tft-cell,.tft-item-grid button){min-width:44px}.app-shell :is(.sidebar nav>button,.language-toggle,.button,.role-choices button){white-space:normal;height:auto;min-height:44px;padding-block-start:10px;padding-block-end:10px}.app-shell .sidebar nav>button{align-items:center}.app-shell .sidebar nav>button>span:not(.count){overflow-wrap:anywhere;min-width:0}.app-shell .sidebar nav>button>.count{overflow-wrap:normal;flex-shrink:0;min-width:26px;padding:0 5px}.app-shell :-webkit-any(.pill,.count,.change-badge){height:auto;min-height:26px}.app-shell :is(.pill,.count,.change-badge){height:auto;min-height:26px}.app-shell :-webkit-any(.eyebrow,.workspace-label,.community-label,.guide-category){letter-spacing:.02em}.app-shell :is(.eyebrow,.workspace-label,.community-label,.guide-category){letter-spacing:.02em}html:lang(th) .app-shell :-webkit-any(.eyebrow,.workspace-label,.community-label,.guide-category,.pill){letter-spacing:0}html:lang(th) .app-shell :is(.eyebrow,.workspace-label,.community-label,.guide-category,.pill){letter-spacing:0}.app-shell :is(.field small,.guide-content p,.patch-adjustment p,.board-playbook p,.message p){line-height:var(--ui-leading)}.app-shell :-webkit-any(.sidebar,.topbar,.subbar,.filter-bar,.filter-secondary,.guide-card,.pill,.toast,.player-search) :-webkit-any(span,b,strong){line-height:var(--ui-leading);font-size:max(var(--ui-min),1em)!important}.app-shell :is(.sidebar,.topbar,.subbar,.filter-bar,.filter-secondary,.guide-card,.pill,.toast,.player-search) :is(span,b,strong){line-height:var(--ui-leading);font-size:max(var(--ui-min),1em)!important}.app-shell :is(.language-control,.language-toggle,.language-popover,.player-rank,.player-top small,.hero-proof,.greeting,.date-label){line-height:var(--ui-leading);font-size:max(var(--ui-min),1em)!important}.app-shell :is(.demo-note>span,.rank-display span,.rank-display i,.stat-trio b>span,.match-row .result,.lookup-intro>span,.player-rank>span,.notice>span,.leaderboard-reviews,.leaderboard-row>.button.secondary,.chat-list-heading,.chat-beginning,.patch-card-heading>div>span){line-height:var(--ui-leading);font-size:max(var(--ui-min),1em)!important}.app-shell .tft-cell{padding-bottom:56px}.app-shell .tft-unit-name{overflow-wrap:anywhere;line-height:1.25;bottom:24px}.app-shell .guide-content>.pill{white-space:normal;max-width:100%}.language-popover [lang=th]{font-family:Noto Sans Thai Looped,Leelawadee UI,Tahoma,sans-serif;font-size:17px;line-height:1.85}.language-popover [lang=ko]{font-family:Malgun Gothic,Apple SD Gothic Neo,Noto Sans CJK KR,sans-serif}.language-popover [lang=zh-CN]{font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,sans-serif}html[data-theme=light] .app-shell .button.secondary{color:#263b28;background:#edf2e9;border-color:#8e9f88}html[data-theme=light] .app-shell .button.secondary:hover:not(:disabled){color:#172b18;background:#dbe8d2;border-color:#59764c}html[data-theme=light] .app-shell .button.secondary:focus-visible{color:#172b18;outline-offset:3px;background:#e2eddc;outline:3px solid #365f27}html[data-theme=light] .app-shell .button.secondary:disabled{color:#586652;opacity:1;background:#edf0e9;border-color:#abb7a4}html[data-theme=light] .app-shell .button.secondary.danger{color:#842d25;background:#fff3f0;border-color:#b6796e}html[data-theme=light] .app-shell .button.secondary.danger:hover:not(:disabled){color:#642119;background:#f8ded7;border-color:#8b3c32}html[data-theme=light] .app-shell :-webkit-any(.text-button,.help-link):hover{color:#213f1c}html[data-theme=light] .app-shell :is(.text-button,.help-link):hover{color:#213f1c}html[data-theme=light] .app-shell :-webkit-any(button,a,input,select,textarea):focus-visible{outline-color:#365f27}html[data-theme=light] .app-shell :is(button,a,input,select,textarea):focus-visible{outline-color:#365f27}.app-shell .message small{color:var(--muted)}html[data-theme=light] .app-shell .language-popover button:-webkit-any(:hover,[aria-pressed=true]){color:#213c1c;background:#dce9d4}html[data-theme=light] .app-shell .language-popover button:is(:hover,[aria-pressed=true]){color:#213c1c;background:#dce9d4}.app-shell .purposeful-guide-card{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:stretch;min-width:0;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.app-shell .purposeful-guide-card:hover{border-color:#73966a;transform:none}.app-shell .purposeful-guide-card:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.app-shell .purposeful-guide-card h3{letter-spacing:0;min-height:0;color:var(--text);margin:9px 0 18px;padding:0 22px;font-size:21px;line-height:1.5}.app-shell .guide-category{color:var(--mint);text-transform:none;padding:18px 22px 0;font-weight:600}.app-shell .purposeful-guide-card .guide-card-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:0 22px 22px;display:flex}.guide-preview{color:#e4ede4;border-bottom:1px solid var(--line);background:#202c29;min-height:222px;padding:22px;overflow:hidden}.preview-heading{align-items:center;gap:10px;margin-bottom:19px;line-height:1.5;display:flex}.preview-heading b{font-size:16px;font-weight:600}.preview-heading svg{color:#b9d7a2}.preview-queue-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preview-queue-fields>span{background:#17231e;border:1px solid #597260;border-radius:8px;flex-direction:column;gap:2px;padding:10px 13px;display:flex}.preview-queue-fields small{color:#b9c9bd}.preview-queue-fields b{font-size:17px;font-weight:600}.preview-queue-note{color:#c7d8c5;align-items:flex-start;gap:9px;margin-top:15px;font-size:16px;line-height:1.5;display:flex}.guide-preview-board{background:#1b2933;padding-bottom:15px}.guide-preview-board .preview-heading{margin-bottom:10px}.preview-tft-board{width:min(100%,270px);margin:auto;padding-right:6%}.preview-tft-row{gap:3px;margin-top:-2px;display:flex}.preview-tft-row:nth-child(2n){transform:translate(7.15%)}.preview-tft-hex{aspect-ratio:1.12;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#304552;flex-shrink:0;width:14.2857%;overflow:hidden}.preview-tft-hex.occupied{background:#b6cf9d}.preview-tft-hex img{object-fit:cover;width:100%;height:100%;padding:2px}.preview-caption{text-align:center;color:#c1cfd4;margin-top:10px;line-height:1.4;display:block}.guide-preview-plan{background:#302b25}.guide-preview-diablo4{background:#322728}.guide-preview-borderlands4{background:#302e22}.guide-preview-nightreign{background:#242b37}.guide-preview-deadlock{background:#2b3025}.guide-preview-mhwilds{background:#27312c}.preview-plan-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding-top:5px;display:grid}.preview-plan-step{text-align:center;flex-direction:column;align-items:center;gap:12px;min-width:0;line-height:1.45;display:flex;position:relative}.preview-plan-step>span:last-of-type{font-size:16px}.preview-step-icon{color:#e5d5b3;background:#ffffff08;border:1px solid #7d7768;border-radius:12px;place-items:center;width:56px;height:56px;display:grid}.preview-step-arrow{color:#c1bba9;position:absolute;top:20px;right:-15px}html:lang(th) .guide-preview :-webkit-any(b,span){font-size:17px;line-height:1.7}html:lang(th) .guide-preview :is(b,span){font-size:17px;line-height:1.7}html[data-theme=light] .app-shell .purposeful-guide-card{background:#fbfcf9;border-color:#bdcbb5}html[data-theme=light] .app-shell .purposeful-guide-card:hover{background:#f6faef;border-color:#59764c}html[data-theme=light] .app-shell .guide-category{color:#385c2a}html[data-theme=light] .app-shell .purposeful-guide-card .guide-card-meta{color:#52634b}@media (max-width:1050px){.app-shell .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-preview{min-height:240px}}@media (max-width:760px){.app-shell .guide-grid{grid-template-columns:1fr}.app-shell .purposeful-guide-card{display:flex}.guide-preview{min-height:220px}.app-shell .purposeful-guide-card h3{font-size:21px}.app-shell .topbar{height:auto;min-height:76px}.app-shell .game-switcher button{height:auto;min-height:44px}}@media (prefers-reduced-motion:reduce){.app-shell .purposeful-guide-card{transition:none}}.app-shell .tft-workspace .tft-feature-banner{background-color:#111f29;border:1px solid #48594d;grid-template-columns:minmax(0,1.15fr) minmax(180px,.85fr);align-items:center;gap:clamp(24px,3vw,48px);height:auto;min-height:260px;padding:clamp(24px,3vw,40px);display:grid;overflow:hidden;background-image:linear-gradient(110deg,#101d27 0%,#182d35 58%,#34443b 100%)!important}.app-shell .tft-workspace .tft-feature-banner>div{min-width:0;max-width:500px}.app-shell .tft-workspace .tft-feature-banner:after{content:"";aspect-ratio:368/118;background:url(../assets/v2/games/tft-hero.jpg) 50%/cover no-repeat;border-radius:14px;width:min(100%,340px);margin-inline-start:auto;margin-inline-end:auto;display:block}.app-shell .tft-workspace .tft-feature-banner h2{max-width:18ch;font-size:clamp(28px,2.6vw,36px);line-height:1.3}.app-shell .tft-workspace .tft-feature-banner p{max-width:44ch;margin-bottom:0}.app-shell .other-builds .other-build .build-cover{background:#10161c}@media (max-width:1000px){.app-shell .tft-workspace .tft-feature-banner{grid-template-columns:minmax(0,1fr);gap:32px}.app-shell .tft-workspace .tft-feature-banner:after{width:min(78%,280px);margin-block-start:4px;margin-block-end:12px}}@media (max-width:640px){.app-shell .comp-formation{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:18px 14px}.app-shell .comp-formation .tft-portrait img{max-width:80px}}.lane-build-context{border:1px solid var(--line,#34445f);background:var(--surface,#162238);color:var(--text,#f3f6fc);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:24px;margin:18px 0 24px;padding:20px;display:flex}.lane-build-context>div:first-child{flex:1;min-width:0}.lane-build-context b{font-size:17px;line-height:1.5;display:block}.lane-build-context p{color:var(--muted,#b7c4d9);margin:7px 0 0;font-size:16px;line-height:1.6}.lane-build-context .lane-build-provenance{flex-shrink:0;gap:6px;font-size:16px;line-height:1.5;display:grid}.lane-build-context a{color:var(--accent,#97baff);text-underline-offset:4px}.lane-build-context a:hover{text-decoration-thickness:2px}.lane-build-context a:focus-visible{outline-offset:5px;border-radius:2px;outline:2px solid}.champion-build-v2 .lane-selector small{font-size:16px;line-height:1.4}.champion-build-v2 .lane-selector{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:visible}.champion-build-v2 .lane-selector button{overflow-wrap:anywhere;width:100%;min-width:0}.champion-build-v2 .planned-items{grid-template-columns:repeat(6,minmax(0,1fr))}.champion-build-v2 .planned-items button{overflow-wrap:anywhere;min-width:0}.champion-build-v2 .official-spells>div{flex:1;min-width:0}.champion-build-v2 .official-spells select{border:1px solid var(--line,#34445f);background:var(--surface,#162238);width:100%;min-width:0;max-width:220px;color:var(--text,#f3f6fc);border-radius:8px;padding:10px 8px;font-size:16px}.lane-stat-shards{border-top:1px solid var(--line,#34445f);margin-top:24px;padding-top:20px}.lane-stat-shards p{color:var(--muted,#b7c4d9);font-size:16px;line-height:1.6}.lane-shard-selectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.lane-shard-selectors label{gap:8px;min-width:0;font-size:16px;display:grid}.lane-shard-selectors select{width:100%;min-width:0;font:inherit;border:1px solid var(--line,#34445f);background:var(--surface,#162238);color:var(--text,#f3f6fc);border-radius:8px;padding:10px 8px}[data-theme=light] .lane-stat-shards{border-color:#c8d3e2}[data-theme=light] .lane-stat-shards p{color:#455570}[data-theme=light] .lane-shard-selectors select,[data-theme=light] .champion-build-v2 .official-spells select{color:#1d2d46;background:#fff;border-color:#a5b2c5}[data-theme=light] .lane-build-context{color:#1d2d46;background:#f3f6fc;border-color:#c8d3e2}[data-theme=light] .lane-build-context p{color:#455570}[data-theme=light] .lane-build-context a{color:#244da4}@media (max-width:640px){.lane-build-context{flex-direction:column;gap:14px;padding:16px}.lane-build-context .lane-build-provenance{flex-wrap:wrap;gap:8px 16px;display:flex}.champion-build-v2 .lane-selector,.champion-build-v2 .planned-items{grid-template-columns:repeat(2,minmax(0,1fr))}.champion-build-v2 .official-spells{flex-wrap:wrap}.champion-build-v2 .official-spells>div{flex:130px}.lane-shard-selectors{grid-template-columns:minmax(0,1fr)}}.app-shell .guide-preview-art{background:var(--surface);isolation:isolate;height:230px;min-height:230px;padding:0;position:relative}.guide-preview-art>img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.guide-preview-art:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000,#07100ee6);position:absolute;top:50%;bottom:0;left:0;right:0}.guide-preview-art .guide-game-label{z-index:1;max-width:calc(100% - 44px);font-size:var(--ui-min,16px);text-align:left;background:#13211d;border-radius:5px;padding:5px 10px;font-weight:700;line-height:1.5;position:absolute;bottom:18px;left:22px;color:#fff!important}.purposeful-guide-card:hover .guide-preview-art>img{transform:scale(1.025)}.app-shell .purposeful-guide-card .guide-card-meta{flex-wrap:wrap;justify-content:space-between;gap:18px}.app-shell .purposeful-guide-card .guide-card-meta>span:last-child{color:var(--text);font-weight:650}.guide-article-art{object-fit:cover;border-radius:8px;width:100%;height:230px;margin:12px 0 24px;display:block}.guide-article-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-shell main>footer>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:20px;margin:0;display:flex}.app-shell main>footer>div :-webkit-any(a,button){min-height:44px;color:var(--muted);font:inherit;align-items:center;margin:0;padding:0;line-height:1.5;text-decoration:none;display:inline-flex}.app-shell main>footer>div :is(a,button){min-height:44px;color:var(--muted);font:inherit;align-items:center;margin:0;padding:0;line-height:1.5;text-decoration:none;display:inline-flex}.app-shell main>footer>div :-webkit-any(a,button):hover{color:var(--text);text-decoration:none}.app-shell main>footer>div :is(a,button):hover{color:var(--text);text-decoration:none}.app-shell main>footer>div :-webkit-any(a,button):focus-visible{outline:2px solid var(--mint);outline-offset:4px}.app-shell main>footer>div :is(a,button):focus-visible{outline:2px solid var(--mint);outline-offset:4px}.app-shell .subbar>.current-game{margin-right:auto}.app-shell .subbar>.player-search{margin-left:0}.app-shell .subbar:not(:has(.player-search)) .current-game b{display:block}.profile-onboarding{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px;padding:14px 18px;display:flex}.profile-onboarding>span{color:var(--muted);font-size:var(--ui-min,16px)}.match-workspace :is(.mh-date-heading>span,.mh-expand-text){font-size:var(--ui-min,16px);line-height:var(--ui-leading,1.6)}@media (max-width:760px){.app-shell .guide-preview-art{height:210px;min-height:210px}.app-shell main>footer>div{justify-content:flex-start;gap:10px 20px}.guide-article-art{height:180px}}@media (prefers-reduced-motion:reduce){.guide-preview-art>img{transition:none}.purposeful-guide-card:hover .guide-preview-art>img{transform:none}}.app-shell .current-game .game-logo,html[data-theme=light] .app-shell .current-game .game-logo{object-fit:contain;filter:drop-shadow(0 1px 2px #0007);background:0 0;border:0;border-radius:0;width:80px;height:60px;padding:0}.app-shell .current-game .game-wordmark{border:1px solid var(--line);background:var(--surface-raised);width:66px;height:48px;color:var(--text);letter-spacing:-.05em;border-radius:9px;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.app-shell .current-game .game-wordmark-tft{letter-spacing:.04em}.game-workspace{gap:34px;padding-bottom:36px;display:grid}.game-workspace .game-hero{min-height:390px;margin:0}.game-workspace .game-hero-content{max-width:650px}.game-workspace .game-hero h1{color:#fff;margin:0 0 14px;font-size:clamp(30px,4vw,52px);line-height:1.08}.game-workspace .game-hero p{color:#e5e8e6;max-width:520px;font-size:18px;line-height:1.55}.game-workspace .game-title-logo{object-fit:contain;object-position:left center;width:35%;max-width:230px;height:88px;margin-bottom:18px}.game-workspace .game-hero .button{width:max-content;margin-top:16px;display:inline-flex}.game-section-heading{margin:4px 0 18px}.game-section-heading h2,.game-plan h2{margin:6px 0 7px;font-size:26px}.game-section-heading p,.game-plan-intro p,.game-official p{color:var(--muted);margin:0;font-size:16px;line-height:1.55}.game-workspace .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.game-plan{padding:0;overflow:hidden}.game-plan-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:26px 28px 22px;display:flex}.game-plan-intro>.button{white-space:nowrap}.game-focus-tabs{flex-wrap:wrap;gap:8px;padding:18px 28px 0;display:flex}.game-focus-tabs button{border:1px solid var(--line);background:var(--surface-raised);min-height:44px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;padding:10px 14px;font-size:15px}.game-focus-tabs button.active{border-color:var(--mint);background:color-mix(in srgb,var(--mint) 15%,var(--surface));font-weight:700}.game-plan-steps{gap:10px;margin:0;padding:18px 28px;list-style:none;display:grid}.game-plan-steps li{border:1px solid var(--line);background:var(--surface-raised);border-radius:9px}.game-plan-steps label{cursor:pointer;align-items:flex-start;gap:14px;padding:16px;font-size:16px;line-height:1.5;display:flex}.game-plan-steps input{opacity:0;width:1px;height:1px;position:absolute}.game-plan-steps input:focus-visible+.game-check{outline:3px solid var(--mint);outline-offset:3px}.game-check{border:2px solid var(--muted);color:#0000;border-radius:5px;flex:none;place-items:center;width:23px;height:23px;margin-top:1px;display:grid}.game-plan-steps input:checked+.game-check{background:var(--mint);border-color:var(--mint);color:#132318}.game-plan-footer{border-top:1px solid var(--line);padding:22px 28px 26px}.game-plan-footer label{font-size:15px;font-weight:700;display:block}.game-plan-footer textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--line);background:var(--surface-raised);width:100%;min-height:90px;color:var(--text);font:inherit;border-radius:8px;margin-top:10px;padding:12px 14px;font-size:16px;display:block}.game-plan-footer textarea::placeholder{color:var(--muted)}.game-plan-actions{justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.game-plan-actions span{color:var(--muted);font-size:15px}.game-official{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:24px;padding:22px 26px;display:flex}.game-official strong{font-size:17px}.game-official a{color:var(--mint);white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}html[data-theme=light] .game-workspace .game-focus-tabs button.active{color:#245222;background:#e5f0df}html[data-theme=light] .game-workspace .game-official a{color:#285d22}@media (max-width:760px){.app-shell .current-game .game-logo,html[data-theme=light] .app-shell .current-game .game-logo{width:55px;height:43px}.app-shell .current-game{width:auto}.game-workspace{gap:27px}.game-workspace .game-hero{min-height:380px}.game-workspace .game-title-logo{width:190px;height:72px}.game-workspace .guide-grid{grid-template-columns:1fr}.game-plan-intro{padding:22px;display:block}.game-plan-intro>.button{margin-top:18px}.game-focus-tabs,.game-plan-steps{padding-left:20px;padding-right:20px}.game-plan-footer{padding:20px}.game-plan-actions,.game-official{flex-direction:column;align-items:flex-start}.game-official{padding:20px}.app-shell .current-game .game-wordmark{width:54px;height:42px;font-size:16px}}.app-shell :where(h1,h2,h3,h4,h5,h6){color:var(--text)}.app-shell :-webkit-any(a,button):hover{text-decoration:none!important}.app-shell :is(a,button):hover{text-decoration:none!important}
/*$vite$:1*/