/* Game artwork carries the color; records stay aligned on quiet surfaces. */
.profile-game-records{padding-top:28px;min-width:0}
.game-records-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px}
.app-body .player-profile .game-records-heading h3{font:500 18px/1.4 var(--sans);margin:0 0 4px}
.game-records-heading p,.game-records-heading>span{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.game-records-heading>span{white-space:nowrap}
.game-record-list{display:grid;gap:12px;min-width:0}
.game-record{border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;background:#1c1f1c}
.game-record[open]{border-color:#515750}
.game-record summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr) 20px;align-items:center;gap:24px;min-height:112px;padding:20px;cursor:pointer;list-style:none;transition:background-color .15s}
.game-record summary::-webkit-details-marker{display:none}
.game-record summary::marker{content:''}
.game-record summary:hover{background:#ffffff04}
.game-record[open]>summary{background:#252925}
.game-record summary:focus-visible{outline:2px solid var(--lime);outline-offset:-3px}
.game-record-identity{display:flex;gap:16px;align-items:center;min-width:0}
.game-record-identity>img{width:48px;height:64px;object-fit:cover;border-radius:4px;flex:none}
.game-record-identity>span{min-width:0}
.game-record-identity strong{display:block;font-size:16px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
.game-record-identity>span>span{display:block;color:var(--muted);font-size:13px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}
.game-record-expand{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}
.game-record-open,.game-record[open] .game-record-closed{display:none}
.game-record[open] .game-record-open{display:inline}
.game-record-metrics{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:16px;min-width:0;margin:0;font-variant-numeric:tabular-nums}
.game-record-metrics>div{min-width:0}
.game-record-metrics dt{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 4px;white-space:nowrap}
.game-record-metrics dt>span{font-size:12px}
.game-record-metrics dd{font-size:19px;line-height:1.4;font-weight:500;margin:0;white-space:nowrap}
.game-record-metrics dd>span:not(.competitive-number-compact){color:var(--muted);font-weight:400}
.game-record-awards{grid-column:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:12px;min-width:0;margin-top:-12px}
.game-record-awards-label{font-size:12px;color:var(--muted);display:none}
.game-record-award{display:grid;grid-template-columns:24px auto;column-gap:4px;align-items:center;justify-content:center;min-width:0;font-variant-numeric:tabular-nums}
.game-record-award strong{font-size:14px;line-height:1.4;font-weight:500}
.game-record-award>span{grid-column:1/-1;font-size:13px;line-height:1.5;color:var(--muted);text-align:center;margin-top:2px}
.game-record-award .trophy-art{display:block;width:24px;height:24px;flex:none}
.game-record-chevron{color:var(--muted);display:flex;justify-content:center;grid-column:3;grid-row:1}
.game-record summary:has(.game-record-awards)>.game-record-identity{grid-row:1/3}
.game-record-chevron svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .15s}
.game-record[open] .game-record-chevron svg{transform:rotate(-90deg)}
.game-record-contexts{padding:4px 20px 20px;background:#111511;border-top:1px solid #ffffff12;box-shadow:inset 3px 0 #8aff8050}
.game-record-mode+.game-record-mode{margin-top:20px}
.game-record-mode-heading,.game-record-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(108px,.33fr) minmax(112px,.35fr);align-items:center;gap:16px}
.game-record-mode-heading{padding:16px 0 12px}
.app-body .player-profile .game-record-mode-heading h4{font:500 16px/1.4 var(--sans);margin:0;overflow-wrap:anywhere}
.game-record-mode-heading>span{font-size:12px;line-height:1.5;color:var(--muted);text-align:right}
.game-record-mode-heading small{display:block;font-size:12px;color:#858d83}
.game-record-context{min-height:72px;padding:12px 0;border-top:1px solid #ffffff0c}
.game-record-context-name{min-width:0}
.game-record-context-name>strong{display:block;font-size:14px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.game-record-context-name>span{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:4px}
.game-context-record,.game-context-earnings{text-align:right;font-variant-numeric:tabular-nums;min-width:0}
.game-context-record>strong,.game-context-earnings{font-size:16px;font-weight:500;line-height:1.5}
.game-context-record i{font-style:normal;color:#858d83;font-weight:400}
.game-context-record>small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-top:2px}
@media(max-width:1000px){.game-record summary{gap:16px;grid-template-columns:minmax(0,1fr) minmax(250px,1fr) 16px}}
@media(max-width:640px){.game-records-heading{gap:12px}.game-records-heading p{max-width:240px}.game-record summary{grid-template-columns:minmax(0,1fr) 20px;gap:16px;padding:16px;min-height:0}.game-record-identity{gap:12px}.game-record-identity>img{width:44px;height:60px}.game-record-identity strong{font-size:15px}.game-record-metrics{gap:12px}.game-record summary>.game-record-metrics{grid-column:1/-1;grid-row:2;padding-top:16px;border-top:1px solid var(--line)}.game-record-chevron{grid-column:2;grid-row:1}.game-record-metrics dd{font-size:18px}.game-record-contexts{padding:0 16px 12px}.game-record-mode-heading,.game-record-context{grid-template-columns:minmax(0,1fr) 84px 76px;gap:8px}.app-body .player-profile .game-record-mode-heading h4{font-size:14px}.game-record-context-name>strong{font-size:14px}.game-context-record>strong,.game-context-earnings{font-size:15px}}
@media(prefers-reduced-motion:reduce){.game-record summary,.game-record-chevron svg{transition:none}}
@media(max-width:640px){.game-record summary:has(.game-record-awards)>.game-record-identity{grid-row:1}.game-record-awards{grid-column:1/-1;grid-row:3;gap:12px;margin:0;padding-top:4px}.game-record-award{column-gap:2px}.game-record-chevron{grid-column:2}}
@media(max-width:360px){.game-record-awards{gap:8px}.game-record-award .trophy-art{width:22px;height:22px}.game-record-award{grid-template-columns:22px auto}.game-record-award strong{font-size:14px}}