dialog.detail-dialog:has(.hero-learning){width:min(1180px,calc(100% - 32px))}
.hero-learning{min-width:0;container-type:inline-size}
.learning-identity{display:flex;align-items:center;gap:16px;padding:12px 0 24px;border-bottom:1px solid var(--line)}
.learning-identity>.entity-image{width:64px;height:64px;border-radius:8px}
.learning-identity>div{flex:1;min-width:0}
.learning-identity select{font-size:1rem;max-width:100%}
.learning-identity p,.learning-caption,.learning-updated{font-size:.75rem;color:var(--muted);line-height:1.7}
.learning-identity p{margin-top:8px}
.learning-section{margin-top:28px;min-width:0}
.learning-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.learning-heading h3{font-size:1rem;font-weight:600}
.learning-heading>span{font-size:.7rem;color:var(--muted)}
.learning-caption{margin:8px 0 14px}
.learning-players table{min-width:700px;width:100%}
.learning-players .entity-image{width:28px;height:28px}
.learning-players td{padding-top:10px;padding-bottom:10px;font-size:.8rem}
.learning-players .learning-position{color:var(--muted);width:36px}
.learning-players .hero-standout{display:inline-block;font-size:.6rem;margin-top:3px}
.learning-players .standout-player small{display:block;color:var(--muted);font-size:.65rem}
.learning-replays{list-style:none;padding:0;margin:0}
.learning-replay{border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:12px}
.learning-replay .match-row{grid-template-columns:minmax(170px,1.5fr) minmax(140px,1fr) 65px 150px 108px;gap:12px;margin:0;padding-right:14px;border-radius:0;min-height:80px}
.learning-replay .match-map>span{margin:0}
.learning-replay .match-length{display:block}
.learning-replay .match-time{white-space:normal}
.learning-copy{font-size:.73rem;white-space:nowrap;padding:8px 10px}
.learning-performance{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:12px 16px;background:var(--recessed);font-size:.74rem}
.learning-performance>a{font-weight:550;overflow-wrap:anywhere}
.learning-performance small{color:var(--muted);font-size:.67rem}
.learning-award{color:var(--green);font-size:.68rem;font-weight:600}
.learning-player-rank .entity-image{width:24px;height:24px}
.learning-player-rank .entity{gap:5px}
.learning-updated{margin-top:18px;text-align:right}
@container(max-width:780px){.learning-replay .match-row{grid-template-columns:minmax(145px,1fr) minmax(135px,1fr) 100px;gap:6px 10px;padding:0 12px 12px 0}.learning-replay .match-map{grid-column:1;grid-row:1;min-height:76px}.learning-replay .match-rank{grid-column:2;grid-row:1}.learning-copy{grid-column:3;grid-row:1}.learning-replay .match-time{grid-column:1/3;grid-row:2;padding-left:16px}.learning-replay .match-length{grid-column:3;grid-row:2}.learning-replay .match-time small{display:inline;margin-left:8px}}
@container(max-width:470px){.learning-identity{gap:10px;flex-wrap:wrap}.learning-identity>.entity-image{width:48px;height:48px}.learning-identity p{font-size:.68rem}.learning-identity>[data-learning-refresh]{margin-left:58px}.learning-replay .match-row{grid-template-columns:minmax(0,1fr) 112px;gap:8px;padding:0 10px 12px 0}.learning-replay .match-map{grid-column:1/3;grid-row:1;min-height:80px}.learning-replay .match-rank{grid-column:1;grid-row:2;padding-left:12px}.learning-copy{grid-column:2;grid-row:2}.learning-replay .match-time{grid-column:1;grid-row:3;padding-left:12px}.learning-replay .match-time small{display:block;margin:0}.learning-replay .match-length{grid-column:2;grid-row:3}.learning-performance{padding:12px;gap:8px 12px}.learning-heading{gap:4px}.learning-caption{font-size:.7rem}}