/* SummonQ: original ranked companion theme, using official game artwork. */
:root{--bg:#080f18;--panel:#101d2b;--panel2:#172637;--line:#26394a;--text:#e9eff6;--muted:#9aaec0;--accent:#d2b67c;--cyan:#67dce0;--win:#77c9ef;--loss:#ef91a3;--rank-color:#acb6c2}
body{background:var(--bg);font-size:14px;background-image:radial-gradient(ellipse at 50% 0,#15304450,transparent 900px)}
h1,h2,h3{letter-spacing:-.025em}.wrap{width:min(1280px,calc(100% - 64px))}.view{padding-block:32px 65px}.small{font-size:12px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.15em}
.button,.quiet,.danger{border-radius:3px;font-size:12px}.primary{background:#c9aa6d;border-color:#e3ca93;color:#101821;box-shadow:inset 0 0 0 1px #0002}.primary:hover{background:#e0c38a;border-color:#ecd9b0}.button:hover,.quiet:hover{border-color:var(--accent)}.twitch{background:#29243e;border-color:#74668e;color:#eadfff}.text-button{color:var(--cyan)}input,select,textarea{background:#0b1723;border-color:#334a5d;border-radius:3px}input::placeholder{color:#8b9caf}
.site-head{min-height:74px;background:#0a131ee8;border-bottom-color:#3c3c34;padding:14px max(32px,calc((100vw - 1280px)/2))}.site-head nav button{font-size:13px;border-radius:2px}.site-head nav button[aria-current]{color:var(--accent);background:#d2b67c0b;box-shadow:inset 0 -2px var(--accent)}.brand{font-size:15px;letter-spacing:.14em}.brand-dot{color:var(--cyan)}.notice{background:#16212b;color:#afbdcd;border-bottom-color:var(--line);padding-block:8px;font-size:11px}.toast{background:#dce7eb;color:#10212d;border-color:#71979e;border-radius:4px}
.home-grid{position:relative;isolation:isolate;border:1px solid #345061;border-top:2px solid var(--accent);padding:52px 45px;gap:70px;grid-template-columns:1.5fr 1fr;overflow:hidden;background:#0d1d2a;min-height:565px}
.home-grid::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a1725 5%,#0a1725b8 58%,#0a172580),linear-gradient(0deg,#0a1725,transparent 65%),url('/assets/art/ahri.jpg') 68% 40%/cover;opacity:.85}
.home-grid::after{content:'';position:absolute;inset:12px;border:1px solid #c9aa6d22;pointer-events:none;z-index:-1}.home-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(44px,5vw,70px);line-height:1.07;letter-spacing:-.04em;margin:22px 0}.home-copy h1 span{color:#ebd6a8}.hero-text{font-size:15px;color:#b3c3d0;line-height:1.8;max-width:470px}.search-form{border-color:#897747;background:#0b1726e8;border-radius:3px;box-shadow:0 8px 30px #0003}.search-form select{color:var(--accent)}.search-form button{padding-inline:18px}.home-links{flex-wrap:wrap;gap:12px}.home-links button{font-size:11px}
.hero-player{background:linear-gradient(135deg,#18323ae8,#101f2dec);border-color:#4e7068;border-radius:4px;box-shadow:0 12px 30px #0004;max-width:310px;justify-self:end;width:100%;padding:24px 25px 0}.hero-player>img{width:165px;height:165px;margin:8px auto}.hero-player h2{font-size:24px}.hero-player h2 span{color:#5de0b6}.sample-label{font-size:9px;color:#a2c9c0}.hero-player-bottom{border-color:#3a5655;font-size:8px}.hero-record>span:first-child{color:#80e1bc}.rank-meter span{background:#68d9b1}.rank-meter{background:#26463f}.hero-record{margin-top:16px}.hero-player .result-dots{margin:15px 0}.home-destinations{border:0;gap:18px;padding-top:22px}.home-destinations>button{border:1px solid var(--line);border-top-color:#647768;background:#10202c;padding:25px;transition:border-color .2s,transform .2s}.home-destinations>button:hover{border-color:var(--accent);transform:translateY(-3px)}.home-destinations h2{font-size:21px}.destination-number{color:var(--accent);font-size:10px}
.section-heading h1{font-size:clamp(32px,4vw,46px)}.section-heading h1>span{color:var(--accent)}.signin-callout{background:#18202c;border-color:#3a4e62;border-radius:3px}.signin-callout p{color:var(--muted)}.editor-panel,.overlay-card,.duo-card{border-radius:4px;background:var(--panel)}.overlay-card[aria-pressed=true],.layout-option:has(input:checked){background:#213039;border-color:var(--accent)}.overlay-card .overlay-card-meta{color:var(--accent)}.duo-card .duo-rank{color:var(--cyan)}.duo-card h2{overflow-wrap:anywhere}.layout-option{border-radius:3px;background:#0e1a28}.empty{background:#0f1d29;border-color:#324a5b;border-radius:4px}.site-footer{border-color:var(--line)}
/* Player identity, rank archive and section navigation. */
.profile-banner{position:relative;background:linear-gradient(90deg,#122335 25%,#122335ec 53%,#12233552),linear-gradient(0deg,#122335,transparent),url('/assets/art/ahri.jpg') 80% 38%/cover;border:1px solid #344a59;border-top:2px solid #a68d59;border-radius:4px 4px 0 0;padding:30px 30px 23px}
.player-heading{margin-bottom:27px;align-items:center;gap:20px}.player-heading h1{font-size:36px;letter-spacing:-.04em;margin-top:6px;line-height:1.2}.player-heading p:not(.eyebrow){margin-top:7px;font-size:12px}.player-heading .eyebrow{font-size:9px;color:#c9b989}.player-avatar-wrap img{border:2px solid #c0a775;border-radius:6px}.player-avatar-wrap>span{font-size:9px;color:#e1c995;background:#17232f;border-color:#766647;border-radius:3px}.player-heading .quiet{background:#0b1a2bba;border-color:#5e736e;color:#d7dfdb}.profile-archive{display:flex;align-items:center;gap:20px}.archive-label{flex-shrink:0;max-width:125px}.archive-label>span{font-size:10px;font-weight:700;letter-spacing:.12em;color:#b9c9d6}.archive-label small{display:block;font-size:10px;color:#92a8bb;margin-top:4px}
#season-history{display:flex;gap:9px;flex-wrap:wrap;min-width:0}.season-card{padding:0;border:1px solid color-mix(in srgb,var(--rank-color) 45%,#122436);border-radius:3px;position:relative;background:color-mix(in srgb,var(--rank-color) 7%,#0e1b2b);min-width:140px}.season-card:first-child{margin:0}.season-card>summary{display:flex;align-items:center;gap:6px;padding:8px 11px 8px 5px;list-style:none}.season-card>summary::-webkit-details-marker{display:none}.season-card .rank-icon{width:39px;height:39px;object-fit:contain;flex-shrink:0}.season-copy>small{display:block;font-size:10px;color:#9eafbf;line-height:1.4;margin:0}.season-copy>strong{display:block;font-size:12px;color:var(--rank-color);font-weight:650}.season-chevron{font-size:12px;color:#91a3b7;margin-left:4px}.season-detail{position:absolute;top:calc(100% + 8px);left:0;width:255px;z-index:20;border:1px solid var(--rank-color);border-radius:3px;background:#101e2e;padding:18px;box-shadow:0 15px 40px #0008}.season-detail>p{font-size:11px;line-height:1.6;margin:8px 0}.season-detail>small{display:block;font-size:10px;color:#a9bbcd;margin:13px 0 3px}.season-detail .rank-badge{margin:0}.season-detail .rank-badge small{margin:0}
[data-tier=IRON]{--rank-color:#a6a3a1}[data-tier=BRONZE]{--rank-color:#ce9b7c}[data-tier=SILVER]{--rank-color:#b9d1df}[data-tier=GOLD]{--rank-color:#edc667}[data-tier=PLATINUM]{--rank-color:#67d1d1}[data-tier=EMERALD]{--rank-color:#65dfae}[data-tier=DIAMOND]{--rank-color:#a6acff}[data-tier=MASTER]{--rank-color:#d59df4}[data-tier=GRANDMASTER]{--rank-color:#f58a91}[data-tier=CHALLENGER]{--rank-color:#f3d48b}[data-tier=UNRANKED]{--rank-color:#a2b3c3}
.profile-tabs{display:flex;align-items:stretch;gap:6px;background:#101e2d;border:1px solid #344a59;border-top:0;margin-bottom:19px;padding:0 20px}.profile-tabs button{padding:16px 20px;background:transparent;border:0;border-bottom:2px solid transparent;color:#9dafc2;font-size:13px;font-weight:600;position:relative}.profile-tabs button[aria-selected=true]{color:#ead09c;border-bottom-color:var(--accent);background:#d2b67c06}.profile-queue{margin-left:auto;align-self:center;color:#7e97aa;font:9px ui-monospace,monospace;letter-spacing:.09em}.tab-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#516477;margin-left:6px}.profile-tabs [data-state=ready] .tab-dot{background:#6ae1bc;box-shadow:0 0 9px #6ae1bc66}.inline-state{font-size:11px;color:#90a6b9;margin:10px 0 16px}
.player-grid{grid-template-columns:275px minmax(0,1fr);gap:22px;align-items:start}.player-grid>aside{min-width:0}.panel{padding:20px;background:#101e2d;border:1px solid #293e50;border-radius:4px;margin-bottom:16px}.panel h2{font-size:15px;letter-spacing:0;margin-bottom:12px}.panel .small{font-size:11px}.panel-heading{display:flex;justify-content:space-between;align-items:start;gap:10px}.queue-tag{font:9px ui-monospace,monospace;color:#8299ae;border:1px solid #344b5c;padding:2px 5px;border-radius:2px}.current-rank{border-top:2px solid var(--rank-color)}.stat-rank{padding:5px 0 12px;border:0;background:none;border-radius:0;gap:8px}.stat-rank img{width:90px;height:90px;object-fit:contain}.stat-rank h2{font-size:20px;color:var(--rank-color);margin:0 0 5px}.stat-rank strong{font-size:14px;color:#e2ebf5}.rank-record{display:flex;justify-content:space-between;gap:9px;font-size:11px;color:#a4b6c7}.rank-record strong{font-weight:500;color:#e1e8ef}.winrate-track{height:4px;background:#d57f9533;overflow:hidden;border-radius:3px;margin-top:12px}.winrate-track>span{display:block;height:100%;background:var(--rank-color)}.daily-panel{display:grid;grid-template-columns:1fr auto;gap:4px;align-items:center}.daily-panel h2{font-size:11px;line-height:1.6;margin:0;color:#adbdca}.daily-panel>strong{font-size:17px;color:#d4dfeb}.daily-panel small{grid-column:1/-1;font-size:10px;color:#8098ac;margin-top:7px}.champions-panel>p{margin-top:-7px}.champ-stat{background:none;border:0;border-bottom:1px solid var(--line);width:100%;text-align:left;padding:12px 0;color:#dfebf4}.champ-stat:hover{background:#ffffff04}.champ-stat>span{font-size:12px}.champ-stat img{border-radius:50%;width:36px;height:36px;border:1px solid #4e6472}.champ-stat small{font-size:10px;margin-top:3px}.champ-stat>span:last-child{color:#a1e2d4;font-size:12px}.checkpoint-panel>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13px}.checkpoint-panel>p{margin-top:15px;line-height:1.8}.checkpoint-panel>summary>span{color:var(--accent)}.rank-observation{font-size:11px}#rank-chart polyline{stroke:var(--cyan)}
.familiar-panel select{width:100%;padding:7px 10px;font-size:11px;margin:2px 0 10px}.familiar-player{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:9px 0;border-bottom:1px solid #263949}.familiar-player>span,.familiar-player>button{grid-column:1/-1;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.familiar-player>button{text-align:left;padding:0;background:none;border:0;color:var(--cyan)}.familiar-player small{font-size:10px;color:#829bb0}.familiar-player strong{font-size:10px;font-weight:500;color:#b5cad8}.familiar-panel>p{margin-top:12px;line-height:1.7}
/* Dense summaries, with the full scoreboard and event timeline one click away. */
.match-panel{min-width:0}.match-toolbar{margin:0 0 15px;gap:16px}.match-toolbar h2{font-size:21px;margin-top:5px}.match-toolbar .eyebrow{font-size:8px;color:#7f9cb2}.match-filters{display:flex;gap:7px;min-width:0}.match-filters label{min-width:0}.match-filters select{font-size:11px;padding:9px 10px;width:100%}.recent-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #2c4557;background:#112333;border-radius:4px;margin-bottom:18px}.recent-summary:empty{display:none}.recent-summary>div{min-width:0}.recent-record strong{font-size:27px;font-weight:650;color:#89d5ec;display:block;line-height:1.2}.recent-record span{font-size:12px;display:block;margin-top:6px}.recent-summary small{font-size:10px;color:#91a8bb;display:block;margin-top:4px}.recent-kda strong{font-size:18px;font-weight:500}.recent-kda>span{display:block;color:#a5d6d1;font-size:12px;margin-top:4px}.recent-results>small{text-align:right;font-size:8px;letter-spacing:.1em}.recent-results .result-dots{margin:10px 0 0;gap:4px;flex-wrap:wrap;justify-content:end;max-width:170px}.result-dots b{background:#1c455c;border-color:#315d70;color:#93d4ec;border-radius:2px;width:25px;height:25px}.result-dots b.loss{background:#442635;border-color:#674251;color:#eca1af}
.match{border:1px solid #294353;border-left:3px solid #5fa6d3;border-radius:3px;background:#142a3a;margin-bottom:8px}.match.loss{background:#2a1d2a;border-color:#443043;border-left-color:#c96b88}.match.remake{background:#1b2632;border-color:#354554}.match>summary{grid-template-columns:66px minmax(105px,1fr) 105px 185px 103px;gap:13px;padding:17px 15px}.match>summary:hover{background:#ffffff03}.match-outcome strong{font-size:12px;color:#83cbf1}.loss .match-outcome strong{color:#ed98ad}.match-outcome span{font-size:10px;line-height:1.7}.match-champ{gap:9px}.match-champ .champion-icon{width:44px;height:44px;border-radius:50%;border-color:#698794}.match-champ strong{font-size:12px}.match-champ small{font-size:9px;line-height:1.8}.match-kda strong{font-size:15px}.match-kda span{font-size:10px}.match-loadout{grid-column:auto;display:grid;grid-template-columns:1fr;gap:7px;border:0;padding:0}.loadout-items{justify-content:start;flex-wrap:nowrap;gap:3px}.loadout-items .item-icon{width:23px;height:23px;border-radius:2px}.loadout-abilities{gap:4px}.loadout-abilities .spell-icon{width:20px;height:20px;border-radius:2px}.loadout-abilities .keystone-icon{width:24px;height:24px}.match-team-preview{display:flex;flex-direction:column;gap:4px;min-width:0}.match-team-preview>div{display:flex;gap:3px}.team-mini-icon{width:18px;height:18px;border:0;border-radius:2px}.match-expand-hint{font-size:9px;color:#b2c6d6;margin-top:5px;white-space:nowrap;text-align:left}.match[open]{border-color:#778e96}.match-extra{background:#0c1926;padding:20px}.match-tabs button{background:#101f30;border-color:#344b5f;border-radius:3px;font-size:12px}.match-tabs button[aria-selected=true]{background:#20333b;border-color:#b5a373;color:#edd7a8}.match-metadata{font-size:10px;margin-bottom:17px}.match-stat-group dt{font-size:12px}.match-stat-group dd{font-size:12px}.item-inventory strong{font-size:11px}.item-inventory small{font-size:9px}.rune-path{background:#132333;border-radius:3px}.rune-path li p{font-size:12px}.rune-path li strong{font-size:12px}.rune-path .keystone-choice strong{color:#dec495}.roster-player.is-tracked{background:#20383c}.tracked-player-label{color:#90d4cd}.roster-identity strong{font-size:12px}.roster-identity small,.roster-kda small,.roster-stats small{font-size:10px}.roster-kda strong{font-size:12px}.roster-labels{font-size:9px}.timeline-event strong{color:#e5c797;font-size:12px}.timeline-event p{font-size:13px}.timeline-event small{font-size:11px}.timeline-snapshot>strong{color:var(--cyan)}.timeline-chart{background:#122232}.timeline-snapshot small{font-size:9px}
.insights-heading,.live-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:26px 0}.insights-heading h2,.live-toolbar h2{font-size:26px;margin:6px 0}.insights-heading>.field{min-width:150px;margin:0}#champion-table{overflow:auto;border:1px solid var(--line);border-radius:4px}.champion-table{border-collapse:collapse;width:100%;text-align:left;background:var(--panel);font-size:12px;white-space:nowrap}.champion-table th{font-size:10px;color:#9cb3c7;font-weight:500;padding:15px;background:#142637}.champion-table td{padding:14px 15px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums}.champion-table tbody tr:hover{background:#172c3d}.champion-table-name{background:none;border:0;display:flex;align-items:center;gap:13px;padding:0;color:#dceaf7}.champion-table .champion-icon{width:38px;height:38px;border-radius:50%}
/* Live game lineup. */
.live-toolbar .quiet{flex-shrink:0}.live-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:320px;border:1px solid #304c5e;background:radial-gradient(ellipse at center,#173b4a66,#101e2b);border-radius:4px;text-align:center;padding:35px}.live-empty-symbol{font-size:50px;color:var(--accent);font-family:Georgia,serif}.live-empty h3{font-size:23px;margin:15px 0}.live-empty p{font-size:13px;color:#a6bed0;max-width:400px}.live-empty[data-state=loading] .live-empty-symbol{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #3c615f;border-top:2px solid #62b9a8;background:linear-gradient(100deg,#153139,#122331);padding:23px 26px;border-radius:4px;margin-bottom:20px}.live-game-heading>div:first-child{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.live-status-label{border:1px solid #5fbcab;color:#88dfc2;background:#1b4e433d;border-radius:3px;font-size:9px;letter-spacing:.12em;padding:5px 9px}.live-game-heading strong{font-size:17px;font-weight:500}.live-game-heading .muted{font-size:12px}.live-elapsed{text-align:right;min-width:155px}.live-elapsed>strong{font:26px ui-monospace,monospace;color:#d8eae7}.live-elapsed small{display:block;font-size:10px;color:#8cafa9;margin-top:5px}.live-teams{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.live-team{border:1px solid #345369;border-top:3px solid #66a9d1;background:#102131;border-radius:4px;overflow:hidden}.live-team.red-team{border-color:#503c4f;border-top-color:#d0788d;background:#1d1c2b}.live-team-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:#1a3445;border-bottom:1px solid #345369}.red-team .live-team-heading{background:#322532;border-color:#503c4f}.live-team-heading h3{font-size:17px;color:#92ccee}.red-team .live-team-heading h3{color:#e99daf}.live-team-heading>span{font:9px ui-monospace,monospace;color:#a3b5c4}.live-player+details{border-top:1px solid #2b4051}.red-team .live-player+details{border-color:#3b3041}.live-player.is-tracked{background:#21434177;box-shadow:inset 3px 0 #a7c9a9}.live-player>summary{display:grid;grid-template-columns:49px minmax(0,1fr) 131px 10px;gap:13px;align-items:center;padding:18px 17px;list-style:none}.live-player>summary::-webkit-details-marker{display:none}.live-player>summary:hover{background:#ffffff04}.live-champion{width:49px;height:49px;border-radius:50%;border-color:#687d8d}.live-player-identity{min-width:0}.live-player-identity>strong{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere;line-height:1.5}.live-player-identity>span{display:block;font-size:11px;color:#a0b2c2;margin-top:3px}.live-abilities{display:flex;gap:4px;margin-top:7px;align-items:center}.live-abilities .spell-icon{width:19px;height:19px;border-radius:2px}.live-abilities .keystone-icon,.live-abilities .path-icon{width:21px;height:21px}.live-abilities .keystone-icon{margin-left:4px}.rank-badge{display:flex;align-items:center;gap:7px;min-width:0}.rank-badge .rank-icon{width:43px;height:43px;object-fit:contain;flex-shrink:0}.rank-badge strong{display:block;font-size:12px;color:var(--rank-color);font-weight:600;white-space:nowrap}.rank-badge small{display:block;font-size:11px;color:#9eb2c4;margin-top:2px}.rank-badge>.muted{font-size:11px}.live-expand{color:#8ba1b4}.live-player-detail{border-top:1px solid #344454;padding:20px;background:#0a1723cc}.live-spells{display:flex;gap:20px;flex-wrap:wrap;margin:17px 0}.live-spells>span{display:flex;align-items:center;gap:8px;font-size:12px}.live-runes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.live-runes h4{font-size:12px;color:var(--accent);margin:0 0 12px}.live-runes>div>div{display:flex;gap:8px;align-items:center;font-size:11px;color:#bdcddd;margin-top:8px}.live-runes .rune-icon{width:26px;height:26px;border:0;background:none}.live-player-detail>.quiet{margin-top:17px}.live-bans{border-top:1px solid #334454;padding:13px 19px;display:flex;gap:8px;align-items:center;min-height:53px}.live-bans>span:first-child{font:9px ui-monospace,monospace;letter-spacing:.1em;color:#8da4b8;margin-right:7px}.banned-champion{width:24px;height:24px;filter:saturate(.35);border-color:#905c69}.banned-champion::after{content:'';position:absolute;height:1px;width:33px;transform:rotate(-45deg);background:#e88484}.live-footnote{margin:19px 0;line-height:1.8;max-width:800px}
@media(max-width:1200px){.home-grid{padding:40px 30px;gap:35px}.player-grid{grid-template-columns:240px minmax(0,1fr);gap:18px}.match>summary{grid-template-columns:58px minmax(95px,1fr) 95px 175px;gap:11px}.match-team-preview{grid-column:2/-1;flex-direction:row;align-items:center;gap:12px;border-top:1px solid #ffffff0a;padding-top:9px}.match-team-preview .match-expand-hint{margin:0 0 0 auto}.stat-rank img{width:75px;height:75px}.stat-rank h2{font-size:18px}.recent-summary{padding:18px;gap:14px}.recent-kda strong{font-size:16px}.live-player>summary{grid-template-columns:40px minmax(0,1fr) 112px 8px;padding:16px 13px;gap:10px}.live-champion{width:40px;height:40px}.rank-badge .rank-icon{width:34px;height:34px}.live-player-identity>strong{font-size:12px}.live-player .rank-badge{gap:5px}.live-player .rank-badge strong{font-size:11px}}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.site-head{padding-inline:20px}.profile-banner{padding:25px 22px}.player-grid{grid-template-columns:220px minmax(0,1fr);gap:16px}.panel{padding:16px}.match>summary{grid-template-columns:58px minmax(90px,1fr) 95px;gap:12px}.match-loadout{grid-column:2/-1;grid-template-columns:auto 1fr;gap:10px}.match-team-preview{grid-column:1/-1;gap:8px}.match-filters{flex-direction:column;gap:4px}.match-filters select{padding-block:6px}.recent-summary{flex-wrap:wrap}.recent-results{width:100%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #2c4455;padding-top:10px}.recent-results .result-dots{margin:0;max-width:none}.recent-results>small{margin:0}.stat-rank{gap:2px}.stat-rank img{width:70px;height:70px}.rank-record{font-size:10px}.live-player>summary{grid-template-columns:40px minmax(0,1fr) 10px}.live-player .rank-badge{grid-row:2;grid-column:2}.live-player .live-expand{grid-row:1;grid-column:3}.live-player .rank-badge .rank-icon{width:30px;height:30px}.live-player .rank-badge>div{display:flex;align-items:center;gap:8px}.live-player .rank-badge small{margin:0}.live-player-identity .live-abilities{margin-top:6px}}
@media(max-width:800px){.home-grid{grid-template-columns:1fr;gap:35px}.home-copy h1{font-size:60px}.hero-player{justify-self:center;max-width:330px}.home-grid::before{background-position:60% 15%;opacity:.65}.home-destinations{grid-template-columns:1fr;gap:12px}.home-destinations>button{padding:22px}.home-destinations p{max-width:100%}.profile-queue{display:none}.player-grid{grid-template-columns:1fr}.player-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.player-grid .match-panel{grid-row:auto}.panel{margin:0}.current-rank,.daily-panel{align-self:stretch}.current-rank .stat-rank{justify-content:center;gap:15px}.daily-panel{display:flex;flex-direction:column;align-items:start;justify-content:center;padding:24px}.daily-panel>strong{font-size:25px;margin-top:5px}.familiar-panel,.champions-panel,.checkpoint-panel{display:none}.match>summary{grid-template-columns:60px minmax(115px,1fr) 100px 185px}.match-loadout{grid-column:auto;grid-template-columns:1fr}.match-team-preview{grid-column:2/-1}.match-filters{flex-direction:row}.match-filters select{padding:9px}.recent-summary{flex-wrap:nowrap}.recent-results{display:block;width:auto;border:0;padding:0}.recent-results .result-dots{margin-top:10px;max-width:165px}.profile-archive{align-items:start;gap:15px}.archive-label{padding-top:8px}.season-card{min-width:135px}.live-teams{gap:13px}.live-game-heading>div:first-child{gap:10px}.live-game-heading>div:first-child>strong{flex-basis:100%}.live-game-heading .muted{display:none}.live-runes{grid-template-columns:1fr}.insights-heading{align-items:start;flex-wrap:wrap}.insights-heading>.field{width:100%;max-width:240px}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.view{padding-top:20px}.profile-banner{padding:22px 18px;background-position:65% 40%}.player-heading{gap:22px;align-items:start}.player-heading h1{font-size:29px}.player-avatar-wrap{width:68px;min-width:68px;min-height:68px}.player-avatar-wrap img{width:68px;height:68px}.player-heading>.quiet{font-size:11px;padding:8px 12px}.profile-archive{display:block}.archive-label{max-width:none;display:flex;gap:12px;align-items:center;padding:0;margin-bottom:12px}.archive-label small{margin:0}.season-card{min-width:0;flex:1 0 calc(50% - 9px)}.season-card .rank-icon{width:33px;height:33px}.season-copy>strong{font-size:11px}.season-chevron{margin-left:auto}.season-card>summary{padding:7px 9px 7px 5px}.season-detail{position:static;width:auto;padding:12px;box-shadow:none;border:0;border-top:1px solid #3b4d59}.profile-tabs{padding:0 8px;gap:0}.profile-tabs button{padding:15px 17px;font-size:12px;flex:1}.match>summary{grid-template-columns:54px minmax(95px,1fr) 95px;gap:11px;padding:14px 12px}.match-loadout{grid-column:2/-1;grid-template-columns:auto 1fr;gap:8px}.loadout-items{flex-wrap:wrap}.match-team-preview{grid-column:1/-1}.match-team-preview .match-expand-hint{font-size:8px}.team-mini-icon{width:17px;height:17px}.match-toolbar h2{font-size:20px}.match-filters{flex-direction:column}.match-filters select{padding:6px 8px;font-size:10px}.recent-summary{padding:16px;gap:15px;flex-wrap:wrap}.recent-record strong{font-size:23px}.recent-kda strong{font-size:16px}.recent-results{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #2c4455;padding-top:10px}.recent-results .result-dots{margin:0;max-width:none}.live-teams{grid-template-columns:1fr;gap:20px}.live-player>summary{grid-template-columns:45px minmax(0,1fr) 120px 10px;gap:10px;padding:16px 13px}.live-champion{width:45px;height:45px}.live-player .rank-badge{grid-column:auto;grid-row:auto}.live-player .rank-badge>div{display:block}.live-player .rank-badge .rank-icon{width:35px;height:35px}.live-player .live-expand{grid-column:auto;grid-row:auto}.live-player .rank-badge small{margin-top:3px}.live-runes{grid-template-columns:1fr 1fr}.live-toolbar{align-items:start;gap:14px}.live-toolbar h2{font-size:23px}.live-toolbar p.small{max-width:220px;font-size:11px}.live-toolbar .quiet{padding:9px;font-size:10px}.live-game-heading{padding:18px}.live-elapsed{min-width:120px}.live-elapsed>strong{font-size:23px}.live-elapsed small{font-size:9px}.live-game-heading strong{font-size:15px}.live-status-label{font-size:8px}.roster-player>summary{gap:12px}.roster-identity strong{font-size:11px}.roster-identity small{font-size:9px}}
@media(max-width:450px){.home-grid{padding:28px 22px;gap:30px}.home-copy h1{font-size:47px}.hero-text{font-size:14px}.hero-player{padding:19px 22px 0;max-width:270px}.hero-player>img{width:150px;height:150px}.profile-banner{padding:22px 14px 18px}.player-identity{gap:13px}.player-heading h1{font-size:26px}.player-heading .eyebrow{font-size:8px}.player-avatar-wrap>span{font-size:8px}.player-heading p:not(.eyebrow){font-size:11px}.player-grid>aside{grid-template-columns:1fr;gap:10px}.current-rank{padding:15px 18px}.current-rank .stat-rank{justify-content:start;gap:15px;padding:0 0 8px}.stat-rank img{width:75px;height:75px}.stat-rank h2{font-size:22px}.rank-record{font-size:11px}.daily-panel{display:grid;grid-template-columns:1fr auto;padding:15px 18px;gap:4px}.daily-panel>strong{font-size:19px;margin:0}.daily-panel>small{margin:0}.current-rank .panel-heading h2{font-size:13px}.match-loadout{grid-column:1/-1;gap:8px;border-top:1px solid #ffffff0b;padding-top:10px}.match-champ .champion-icon{width:37px;height:37px}.match-champ strong{font-size:11px}.match-champ small{font-size:9px}.match-kda strong{font-size:14px}.loadout-items{justify-content:end;gap:3px}.loadout-items .item-icon{width:22px;height:22px}.match-team-preview{flex-wrap:wrap;gap:7px}.match-team-preview>div{gap:3px}.match-expand-hint{white-space:normal;max-width:55px;line-height:1.5}.match-team-preview .match-expand-hint{font-size:8px}.team-mini-icon{width:16px;height:16px}.match-extra{padding:13px}.recent-kda strong{font-size:15px}.recent-summary{gap:12px}.recent-results .result-dots{gap:3px;max-width:200px}.result-dots b{width:23px;height:23px}.live-player>summary{grid-template-columns:39px minmax(0,1fr) 99px 8px;gap:8px;padding:15px 11px}.live-champion{width:39px;height:39px}.live-player .rank-badge .rank-icon{width:29px;height:29px}.live-player .rank-badge strong{font-size:10px}.live-player .rank-badge small{font-size:10px}.live-player-identity>strong{font-size:11px}.live-player-identity>span{font-size:10px}.live-abilities{gap:3px}.live-abilities .spell-icon,.live-abilities .keystone-icon,.live-abilities .path-icon{width:17px;height:17px}.live-abilities .keystone-icon{margin-left:2px}.live-runes{grid-template-columns:1fr}.live-player-detail{padding:16px}.live-team-heading>span{font-size:8px}.live-game-heading{gap:12px;padding:16px}.live-game-heading strong{font-size:14px}.live-elapsed{min-width:106px}.live-elapsed>strong{font-size:22px}.live-elapsed small{font-size:8px}.live-team-heading{padding:16px}.profile-tabs button{padding-inline:10px}.season-copy>strong{font-size:10px}.season-card .rank-icon{width:29px;height:29px}}
@media(max-width:360px){.match>summary{grid-template-columns:48px minmax(75px,1fr) 82px;gap:8px}.match-kda strong{font-size:12px}.match-kda span{font-size:9px}.match-champ{gap:6px}.match-loadout{grid-template-columns:1fr}.loadout-items{justify-content:start}.live-player>summary{grid-template-columns:37px minmax(0,1fr) 10px}.live-player .rank-badge{grid-column:2;grid-row:2}.live-player .rank-badge>div{display:flex;gap:8px;align-items:center}.live-player .live-expand{grid-column:3;grid-row:1}.live-player .rank-badge small{margin:0}.player-heading h1{font-size:23px}.season-copy>strong{font-size:10px}.season-card>summary{gap:2px}.season-card .rank-icon{width:26px;height:26px}.player-heading .eyebrow{font-size:7px}.recent-kda strong{font-size:13px}}
.secondary-insights{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start;margin-top:25px}#profile-champions .familiar-panel,#profile-champions .checkpoint-panel{display:block;margin:0}#profile-champions .familiar-player{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;padding:12px 0}#profile-champions .familiar-player>span,#profile-champions .familiar-player>button{grid-column:auto;font-size:12px}#profile-champions .familiar-panel h2{font-size:17px}@media(max-width:800px){.secondary-insights{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}