.player-profile{max-width:1120px;margin:0 auto;padding-bottom:2rem}.profile-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.profile-heading h1,.profile-heading h2,.profile-heading p{margin:0}.profile-heading h1{overflow-wrap:anywhere}.profile-heading p{margin-top:.35rem}.profile-muted{color:var(--muted)}.profile-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.profile-setup{display:grid;gap:1rem;padding:1.5rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:2rem}.profile-setup label{display:grid;gap:.4rem}.profile-setup label span{display:inline}.profile-setup p{margin:0}.profile-setup input{border:1px solid var(--border);border-radius:5px;color:var(--text);background:var(--bg);font:inherit;padding:.65rem;min-width:0;max-width:100%}.profile-notice{border:1px solid var(--warning);padding:.85rem 1rem;border-radius:6px;margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.profile-stats{margin:2rem 0}.profile-modes{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.profile-modes [aria-pressed=true]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.player-stats-card{border:1px solid var(--border);border-top:3px solid var(--accent);background:var(--surface);border-radius:8px;padding:1rem 1.5rem}.profile-card-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.profile-card-heading p{color:var(--accent);margin:0 0 .3rem}.profile-card-heading h3{font-size:1.6rem;margin:0;overflow-wrap:anywhere}.profile-card-heading>span{color:var(--muted)}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:0}.profile-metrics>div{padding:.5rem 0;min-width:0}.profile-metrics dt{color:var(--muted)}.profile-metrics dd{margin:.4rem 0 0;font-weight:650;font-size:1.9rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.profile-highlight{color:var(--accent);font-weight:600}.player-stats-card>p{margin-bottom:.5rem}.profile-card-date{font-size:1rem}.profile-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}.profile-insights p{margin:0;border-left:2px solid var(--border);padding-left:1rem}.profile-insights span,.profile-insights strong{display:block}.profile-insights span{margin-top:.4rem;color:var(--muted)}.profile-table-scroll{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border);border-radius:6px}.profile-table{width:100%;min-width:680px;border-collapse:collapse;white-space:nowrap}.profile-table caption{text-align:left;padding:1rem;font-weight:600;font-size:1.3rem}.profile-table td,.profile-table th{text-align:left;padding:.65rem 1rem;border-top:1px solid var(--border)}.profile-table thead{background:var(--surface)}.profile-hero{display:flex;align-items:center;gap:.65rem}.profile-hero img{width:36px;height:36px;flex-shrink:0;object-fit:contain}.profile-history-note{color:var(--muted);margin:1.25rem 0 2rem}.profile-empty,.profile-loading{padding:2rem 1rem;color:var(--muted)}.profile-loading{min-height:160px}.profile-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.profile-list{display:grid;text-align:left;gap:.5rem;border:1px solid var(--border);padding:1rem;background:var(--surface);color:var(--text);border-radius:6px;font:inherit;overflow-wrap:anywhere}.profile-list span{color:var(--accent)}.profile-list:hover{border-color:var(--accent)}@media (max-width:600px){.player-stats-card,.profile-setup{padding:1rem}.profile-metrics{grid-template-columns:1fr}.profile-metrics>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.25rem .75rem;border-bottom:1px solid var(--border)}.profile-metrics dd{margin:0}.profile-metrics>div:last-child{border-bottom:0}.profile-heading>.profile-actions{width:100%}.profile-modes .button{flex:1}.profile-modes{gap:.35rem}.profile-modes .button{padding:.6rem}.profile-list-grid{grid-template-columns:1fr}}.profile-period{position:relative}.profile-period summary{list-style:none;min-width:165px;justify-content:space-between;background:var(--bg)}.profile-period summary::-webkit-details-marker{display:none}.profile-period[open]>div{position:absolute;top:calc(100% + 5px);left:0;min-width:100%;width:max-content;padding:5px;background:var(--elevated);color:var(--text);border:1px solid var(--border);border-radius:5px;box-shadow:0 12px 24px #0003;z-index:30}.profile-period button{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:44px;padding:.5rem .65rem;text-align:left;border-radius:4px}.profile-period button:focus-visible,.profile-period button:hover{background:var(--surface)}.profile-period button[aria-pressed=true]{color:var(--accent)}.profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.profile-comparison,.profile-recent,.profile-trend{margin-top:1.5rem}.profile-trend{padding:1rem;border:1px solid var(--border);border-radius:6px;background:var(--surface)}.profile-chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;color:var(--muted);font-size:1rem}.profile-chart-legend>span{display:inline-flex;align-items:center;gap:.4rem}.profile-chart-legend i{width:12px;height:12px;display:inline-block}.profile-chart .win,.profile-chart-legend .win{background:var(--positive)}.profile-chart .loss,.profile-chart-legend .loss{background:var(--negative)}.profile-chart{display:flex;gap:clamp(3px,1vw,12px);margin-top:1rem}.profile-chart button{flex:1;min-width:0;padding:2px;border-radius:3px}.profile-chart button:hover,.profile-chart button[aria-pressed=true]{background:var(--elevated)}.profile-chart-stack{display:flex;flex-direction:column;justify-content:flex-end;height:105px;border-bottom:1px solid var(--muted)}.profile-chart-stack>span{display:block;width:100%}.profile-chart-date{display:block;height:1.6rem;white-space:nowrap;color:var(--muted);font-size:.9rem;margin-top:.5rem}.profile-chart button:first-child .profile-chart-date{text-align:left}.profile-chart button:last-child .profile-chart-date{text-align:right}.profile-chart-detail{margin-top:.75rem;color:var(--muted);font-size:1rem;min-height:3rem}.profile-result{font-weight:600}.profile-result.win{color:var(--positive)}.profile-result.loss{color:var(--negative)}.profile-match-list{border:1px solid var(--border);border-radius:6px}.profile-match-meta{display:contents}.profile-match+.profile-match{border-top:1px solid var(--border)}.profile-match summary{display:grid;grid-template-columns:minmax(140px,1.5fr) 90px 1fr 135px 65px 16px;align-items:center;gap:.75rem;padding:.7rem 1rem;list-style:none}.profile-match summary::-webkit-details-marker{display:none}.profile-match summary:hover,.profile-match[open] summary{background:var(--surface)}.profile-match[open] summary>svg{transform:rotate(180deg)}.profile-match time,.profile-match-duration{color:var(--muted)}.profile-match-duration,.profile-match-kda{font-variant-numeric:tabular-nums}.profile-match-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:0;padding:1rem;background:var(--surface)}.profile-match-details dt{color:var(--muted)}.profile-match-details dd{margin:.25rem 0 0}.profile-more{margin-top:.75rem}.profile-hero-button{text-align:left;color:var(--accent);border-radius:3px;padding:.2rem}.profile-hero-button:hover{background:var(--elevated);text-decoration:underline;text-underline-offset:4px}.profile-hero-overview{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem}.profile-hero-overview>img{width:80px;height:104px;object-fit:contain}.profile-hero-overview>div{flex:1;min-width:180px}.profile-hero-overview .button{margin-left:auto}.profile-months{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:.75rem 0}.profile-months>div{padding:1rem;border:1px solid var(--border);border-radius:5px}.profile-months h4{margin:0 0 .3rem}.profile-months strong{display:block;margin:.6rem 0 .3rem}.profile-hero-detail .profile-match summary{grid-template-columns:minmax(130px,1.5fr) 80px 1fr 135px 16px}.profile-hero-detail .profile-match-duration{display:none}@media (max-width:700px){.profile-hero-detail .profile-match summary,.profile-match summary{grid-template-columns:minmax(0,1fr) auto 16px;gap:.3rem .5rem;padding:.65rem}.profile-match .profile-hero{grid-column:1;grid-row:1;min-width:0}.profile-match .profile-hero strong{min-width:0;overflow-wrap:anywhere}.profile-match .profile-result{grid-column:2;grid-row:1}.profile-match-meta{display:flex;flex-wrap:wrap;grid-column:1/3;grid-row:2;justify-content:space-between;gap:.3rem .75rem;padding-left:calc(36px + .65rem)}.profile-match time,.profile-match-kda{white-space:nowrap}.profile-match summary>svg{grid-column:3;grid-row:1/3}.profile-match-duration{display:none}.profile-months{grid-template-columns:1fr}.profile-chart-detail{min-height:4.5rem}}.profile-recap{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:6px}.profile-recap-empty{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1rem}.profile-recap-empty h3,.profile-recap-empty p{margin:0}.profile-recap-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:0}.profile-recap-metrics dt{color:var(--muted)}.profile-recap-metrics dd{margin:.3rem 0 0;font-size:1.3rem;font-weight:600;overflow-wrap:anywhere}.profile-recap-heroes{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-top:1rem}.profile-favorites{margin-top:1.5rem}.profile-favorite-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.65rem;margin-top:.75rem}.profile-favorite{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.6rem}.profile-favorite small{display:block;color:var(--muted);font-size:1rem;margin-top:.2rem}.profile-hero-cell{display:flex;align-items:center;gap:.5rem}.profile-star{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:4px}.profile-star:hover{background:var(--elevated);color:var(--accent)}.profile-star[aria-pressed=true]{color:var(--accent)}.profile-star[aria-pressed=true] svg{fill:currentColor}.profile-form{display:flex;gap:.4rem;padding:.25rem .1rem .75rem;margin-bottom:.5rem}.profile-form-match{display:grid;justify-items:center;gap:.3rem;flex:0 0 auto;min-width:calc(36px + .8rem + 2px);padding:.4rem;border:1px solid var(--border);border-bottom:3px solid var(--muted);border-radius:4px;font-weight:600}.profile-form-match img{width:36px;height:36px;object-fit:contain}.profile-form-match.win{color:var(--positive);border-bottom-color:var(--positive)}.profile-form-match.loss{color:var(--negative);border-bottom-color:var(--negative)}.profile-form-match:hover{background:var(--surface)}.profile-backup{margin:1.5rem 0}.profile-backup .profile-notice{margin-top:.75rem}@media (max-width:600px){.profile-recap-metrics{grid-template-columns:1fr 1fr}.profile-favorite-grid{grid-template-columns:1fr}.profile-table{min-width:0;table-layout:fixed;white-space:normal}.profile-table .profile-stat-extra{display:none}.profile-table td,.profile-table th{padding:.65rem .35rem}.profile-table th:first-child{width:56%}.profile-table th:nth-child(2){width:22%;padding-inline:0;text-align:center}.profile-table th:nth-child(4){width:22%;text-align:center}.profile-table td{text-align:center}.profile-hero-cell{gap:.2rem}.profile-table .profile-hero-button{min-width:0;gap:.35rem}.profile-table .profile-hero-button span{min-width:0;overflow-wrap:anywhere}.profile-table .profile-hero-button>svg{display:none}}@media (max-width:360px){.profile-table .profile-hero-button{flex-wrap:wrap}.profile-table .profile-hero-button span{flex-basis:100%}}