.player-panel__hero{display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);flex-wrap:wrap}.player-panel__identity{display:flex;align-items:center;gap:var(--s-5);min-width:0}.player-panel__avatar-wrap{flex-shrink:0;position:relative;width:56px;height:56px}.player-panel__avatar{width:100%;height:100%;border-radius:var(--radius-full);border:2px solid var(--t-border-default);object-fit:cover}.player-panel__avatar-fallback{width:100%;height:100%;border-radius:var(--radius-full);border:2px solid var(--t-border-default);background:var(--t-bg-elevated);display:grid;place-items:center;font-size:var(--text-xl);color:var(--t-text-muted)}.player-panel__avatar:not(.hidden) + .player-panel__avatar-fallback{display:none}.player-panel__user-info{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}.player-panel__name{font-family:var(--t-font-display);font-size:var(--text-xl);font-weight:600;color:var(--t-text-primary);letter-spacing:0.04em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-panel__badge{display:inline-flex;align-items:center;gap:var(--s-2);font-size:var(--text-xs);color:var(--t-text-muted);letter-spacing:0.06em;text-transform:uppercase}.player-panel__badge i{font-size:0.5em}.player-panel__badge[data-signed-in="true"]{color:var(--t-accent-success)}.player-panel__account-link{appearance:none;background:transparent;border:1px solid var(--t-border-subtle);border-radius:var(--radius-md);padding:var(--s-2) var(--s-4);color:var(--t-text-muted);font-size:var(--text-xs);font-family:var(--t-font-display);letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s-2);transition:color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default);white-space:nowrap}.player-panel__account-link:hover{color:var(--t-text-primary);border-color:var(--t-border-default);background:var(--t-btn-hover-bg)}.player-panel__section{padding-top:var(--s-8);border-top:1px solid var(--t-border-subtle)}.player-panel__section-title{font-family:var(--t-font-display);font-size:var(--text-sm);font-weight:600;color:var(--t-text-secondary);letter-spacing:0.16em;text-transform:uppercase;margin:0 0 var(--s-5)}.player-panel__stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--s-3)}.player-panel__stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--s-1);padding:var(--s-4) var(--s-3);border-radius:var(--radius-md);background:var(--t-bg-elevated);border:1px solid var(--t-border-subtle);text-align:center;overflow:hidden;container-type:inline-size;min-width:0;transition:border-color var(--duration-normal) var(--ease-default)}.player-panel__stat-card[data-stat="highestScore"]{grid-column:span 2}.player-panel__stat-card[data-stat="highestScore"] .player-panel__stat-value{font-size:min(var(--text-2xl),18cqi)}.player-panel__stat-value{font-family:var(--t-font-display);font-size:min(var(--text-xl),18cqi);font-weight:700;color:var(--t-text-primary);letter-spacing:0.02em;line-height:1.1;white-space:nowrap}.player-panel__stat-label{font-size:var(--text-2xs);color:var(--t-text-muted);letter-spacing:0.08em;text-transform:uppercase;line-height:1.3}.player-panel__mode-pills{display:flex;gap:var(--s-2);flex-wrap:wrap;margin-bottom:var(--s-4)}.player-panel__pill,.player-panel__tier-pill{appearance:none;background:transparent;border:1px solid var(--t-border-subtle);border-radius:var(--radius-full);padding:var(--s-2) var(--s-4);color:var(--t-text-muted);font-family:var(--t-font-display);font-size:var(--text-xs);font-weight:500;letter-spacing:0.08em;text-transform:uppercase;cursor:pointer;transition:color var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.player-panel__pill:hover,.player-panel__tier-pill:hover{color:var(--t-text-secondary);border-color:var(--t-border-default)}.player-panel__pill.is-active,.player-panel__tier-pill.is-active{color:var(--t-text-primary);background:var(--t-btn-active-bg);border-color:var(--t-accent-primary)}.player-panel__sprint-tier{display:flex;gap:var(--s-1);flex-wrap:wrap;margin-bottom:var(--s-4);margin-top:calc(-1 * var(--s-2))}.player-panel__tier-pill{font-size:var(--text-2xs);padding:var(--s-1) var(--s-3)}.player-panel__records-list{display:flex;flex-direction:column;gap:var(--s-2)}.player-panel__score-row{display:grid;grid-template-columns:2rem 1fr auto;gap:var(--s-4);align-items:center;padding:var(--s-3) var(--s-4);border-radius:var(--radius-md);background:var(--t-bg-elevated);border:1px solid var(--t-border-subtle)}.player-panel__score-rank{font-family:var(--t-font-display);font-size:var(--text-sm);font-weight:700;color:var(--t-text-muted);text-align:center}.player-panel__score-row:nth-child(1) .player-panel__score-rank{color:var(--achievement-gold,#ffd700)}.player-panel__score-row:nth-child(2) .player-panel__score-rank{color:var(--t-text-secondary)}.player-panel__score-row:nth-child(3) .player-panel__score-rank{color:var(--t-accent-warm,#cd7f32)}.player-panel__score-info{display:flex;flex-direction:column;gap:2px;min-width:0}.player-panel__score-primary{font-family:var(--t-font-display);font-size:var(--text-base);font-weight:600;color:var(--t-text-primary)}.player-panel__score-secondary{font-size:var(--text-2xs);color:var(--t-text-muted);display:flex;gap:var(--s-3)}.player-panel__score-date{font-size:var(--text-2xs);color:var(--t-text-muted);white-space:nowrap}.player-panel__achievement-summary{display:flex;align-items:center;gap:var(--s-4);margin-bottom:var(--s-6)}.player-panel__achievement-progress-bar{flex:1;height:8px;border-radius:4px;background:var(--t-bg-elevated);overflow:hidden}.player-panel__achievement-progress-fill{height:100%;border-radius:4px;background:linear-gradient( 90deg,var(--achievement-gold,#ffd700),var(--achievement-gold-end,#ff8c00) );transition:width 0.5s cubic-bezier(0.25,1,0.5,1)}.player-panel__achievement-count{font-family:var(--t-font-display);font-size:var(--text-sm);font-weight:600;color:var(--t-text-secondary);white-space:nowrap}.player-panel__achievement-category{margin-bottom:var(--s-6)}.player-panel__achievement-category:last-child{margin-bottom:0}.player-panel__category-title{font-family:var(--t-font-display);font-size:var(--text-xs);font-weight:500;color:var(--t-text-muted);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:var(--s-3)}.player-panel__category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-3)}.player-panel__replays{display:flex;flex-direction:column;gap:var(--s-3)}.player-panel__replay-card{display:grid;grid-template-columns:1fr auto;gap:var(--s-4);align-items:center;padding:var(--s-4);border-radius:var(--radius-md);background:var(--t-bg-elevated);border:1px solid var(--t-border-subtle)}.player-panel__replay-info{display:flex;flex-direction:column;gap:2px;min-width:0}.player-panel__replay-mode{font-family:var(--t-font-display);font-size:var(--text-sm);font-weight:600;color:var(--t-text-primary);text-transform:capitalize}.player-panel__replay-meta{font-size:var(--text-2xs);color:var(--t-text-muted);display:flex;gap:var(--s-3)}.player-panel__replay-watch{appearance:none;background:transparent;border:1px solid var(--t-border-subtle);border-radius:var(--radius-md);padding:var(--s-2) var(--s-4);color:var(--t-accent-primary);font-family:var(--t-font-display);font-size:var(--text-xs);font-weight:500;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:var(--s-2);transition:color var(--duration-normal) var(--ease-default),background var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default);white-space:nowrap}.player-panel__replay-watch:hover{background:var(--t-btn-hover-bg);border-color:var(--t-accent-primary)}.player-panel__empty-state{padding:var(--s-6) var(--s-4);text-align:center;color:var(--t-text-muted);font-size:var(--text-sm);border-radius:var(--radius-md);background:var(--t-bg-elevated);border:1px dashed var(--t-border-subtle)}.player-panel__h2h-overview{display:flex;align-items:baseline;gap:var(--s-6);margin-bottom:var(--s-4)}.player-panel__h2h-record{font-family:var(--t-font-display);font-size:var(--text-lg);font-weight:600;color:var(--t-text-primary);letter-spacing:0.02em}.player-panel__h2h-rating{font-family:var(--t-font-display);font-size:var(--text-sm);color:var(--t-text-muted);letter-spacing:0.06em;text-transform:uppercase}@media (max-width:767px){.player-panel__hero{flex-direction:column;align-items:flex-start;gap:var(--s-4)}.player-panel__stat-grid{grid-template-columns:repeat(2,1fr)}.player-panel__category-grid{grid-template-columns:repeat(2,1fr)}.player-panel__score-row{grid-template-columns:1.5rem 1fr auto;gap:var(--s-3);padding:var(--s-3)}}