/* Readable competition UI: display figures keep their scale; copy and controls
   receive usable type without shrinking the viewport into a desktop page. */
.cmg-shell #workspace:not(:has(.team-mobile-workspace)) p{font-size:14px;line-height:1.6}
.cmg-shell #workspace :where(.site-meta,.field-label,.eyebrow){font-size:13px;line-height:1.45;letter-spacing:0}
.cmg-shell #workspace :where(.primary-button,.quiet-button){font-family:var(--sans);font-size:14px;line-height:1.3;min-height:44px}
.cmg-shell #workspace :where(.text-button){font-size:13px;min-height:44px}
.cmg-shell #workspace :where(.site-list-row small,.site-list-row p,.site-status,.site-meta,.site-table small,.team-page-member p,.team-page-member small){font-size:13px;line-height:1.5}
.cmg-shell #workspace :where(.site-tabs>button,.filter-tabs>button,.tournament-category-strip>button){font-size:14px}
.cmg-shell #workspace :where(td,th){font-size:13px;line-height:1.5}
.cmg-shell #workspace :where(td small){font-size:12px;line-height:1.5}
.cmg-shell #workspace :where(label){font-size:13px}
.cmg-shell #workspace :where(input,textarea,select){font-size:15px}
.cmg-shell #workspace .dashboard-feature p{font-size:15px;line-height:1.6}
.cmg-shell #workspace :where(.dashboard-section-label,.dashboard-heading>div>span,.dashboard-session-action,.dashboard-session header>.text-button){font-size:13px}
.cmg-shell #workspace .dashboard-shortcut>small{font-size:13px;line-height:1.5}
.cmg-shell #workspace .dashboard-event>div>small,.cmg-shell #workspace .dashboard-event>div>span{font-size:13px;line-height:1.45}
.cmg-shell #workspace .dashboard-discover small{font-size:13px;line-height:1.5}
.cmg-shell #workspace .dashboard-discover strong{font-size:16px}
.cmg-shell #workspace .profile-competitive-snapshot :where(small,span),.cmg-shell #workspace .profile-game-breakdown :where(small,span){font-size:13px;line-height:1.45}
.cmg-shell #workspace .trophy-award-label{font-size:13px}
.cmg-shell #workspace .tournament-info p,.cmg-shell #workspace .tournament-info .eyebrow,.cmg-shell #workspace .tournament-time>span,.cmg-shell #workspace .tournament-time>strong{font-size:13px;line-height:1.5}
.cmg-shell #workspace .tournament-art>span{font-size:12px;line-height:1.4;padding:4px 6px;left:4px;right:4px;bottom:4px;background:#101010d9;border-radius:4px;letter-spacing:0}
.cmg-shell #workspace .tournament-info h2{font-size:18px;line-height:1.4}
.cmg-shell #workspace .tournament-row{gap:16px}
.cmg-shell #workspace .tournament-row .round-button{width:44px;height:44px;min-width:44px}
.cmg-shell #workspace .arena-player-main .competitive-player-link{font-size:14px;line-height:1.3}
.cmg-shell #workspace .arena-player-main small{font-size:12px;line-height:16px}
.cmg-shell #workspace .arena-room-details>.site-tabs>button,.cmg-shell #workspace .room-actions>button{min-height:48px}
.cmg-shell #workspace .player-caption,.cmg-shell #workspace .player-status,.cmg-shell #workspace .squad-note{font-size:12px;line-height:1.4}
.cmg-shell #workspace .rank-summary .muted,.cmg-shell #workspace .rank-summary .eyebrow,.cmg-shell #workspace .xp-next,.cmg-shell #workspace .fair-play small{font-size:12px;line-height:1.5}
.cmg-shell #workspace .fair-play strong,.cmg-shell #workspace .queue-status{font-size:13px;line-height:1.4;letter-spacing:0}
.cmg-shell #workspace .queue-bar p{font-size:12px;line-height:1.4}
.cmg-shell #workspace .settings-heading>span:last-child,.cmg-shell #workspace .xp-line>span{font-size:12px}
.cmg-shell .experience-footer-groups button{font-size:14px;min-height:40px}
.cmg-shell .experience-footer-brand p{font-size:14px;line-height:1.65}
.cmg-shell .experience-footer-bottom,.cmg-shell .experience-footer-bottom button{font-size:12px}
.experience-dialog :where(.modal-copy,.destination-explanation,.team-slot-rule){font-size:14px;line-height:1.6}
.experience-dialog :where(.invite-row-members,.invite-row-summary small,.team-game-name,.team-format-label,.team-member-meta,.team-ladder-label,.field-label){font-size:13px;line-height:1.4;letter-spacing:0}
.experience-dialog .team-identity-name,.experience-dialog .team-choice-copy .team-identity-name{font-size:17px;line-height:1.3}
.experience-dialog :where(.experience-account-primary,.experience-account-section)>div>button small{font-size:13px}
.experience-dialog .experience-account-primary>button small{font-size:12px}
.experience-dialog .experience-account-resources>button{font-size:13px}
.experience-dialog .invite-row-summary{min-width:48px}
@media(max-width:900px){
 .cmg-shell #workspace:not(:has(.team-mobile-workspace)) p{font-size:14px;line-height:1.6}
 .cmg-shell #workspace :where(input,select,textarea){font-size:16px}
 .cmg-shell #workspace :where(.primary-button,.quiet-button,.text-button){font-size:14px;line-height:1.3}
 .cmg-shell #workspace :where(.site-tabs>button,.filter-tabs>button,.tournament-category-strip>button){font-size:14px;min-height:44px}
 .cmg-shell #workspace :where(.profile-membership,.profile-context-label,.profile-competitive-note,.profile-stat-label){font-size:13px}
 .cmg-shell #workspace :where(.lc-channel-copy small,.lc-room-meta,.lc-message-time,.match-chat-message time,.conversation-message time){font-size:12px;line-height:1.4}
 .cmg-shell #workspace :where(.lc-message-text,.lc-message-body,.match-chat-message p,.community-message p,.conversation-message p){font-size:15px;line-height:1.6}
 .cmg-shell #workspace .dashboard-heading>div>span{font-size:13px}
 .cmg-shell #workspace .dashboard-shortcut>span{font-size:14px}
 .cmg-shell #workspace .dashboard-shortcut>small{font-size:12px}
 .cmg-shell #workspace .dashboard-feature p{font-size:14px}
 .cmg-shell #workspace .dashboard-event>div>strong{font-size:16px;line-height:1.35}
 .cmg-shell #workspace .dashboard-event{padding:16px;gap:12px}
 .cmg-shell #workspace .dashboard-event>div>small,.cmg-shell #workspace .dashboard-event>div>span{font-size:12px}
 .cmg-shell #workspace .dashboard-party-line p{font-size:13px}
 .cmg-shell #workspace .tournament-info h2{font-size:17px}
 .cmg-shell #workspace .tournament-time>strong{white-space:normal}
 .cmg-shell #workspace .tournament-row{display:grid;grid-template-columns:72px minmax(0,1fr) 44px;gap:12px;padding:20px 0}
 .cmg-shell #workspace .tournament-art{width:72px;height:96px;grid-row:1/3}
 .cmg-shell #workspace .tournament-info{grid-column:2;grid-row:1;min-width:0}
 .cmg-shell #workspace .tournament-info h2{margin:6px 0}
 .cmg-shell #workspace .tournament-time{grid-column:2;grid-row:2;margin:0;white-space:normal}
 .cmg-shell #workspace .tournament-row>.round-button{grid-column:3;grid-row:1/3}
 .cmg-shell #workspace .tournament-art>span{font-size:10px;padding:4px 2px;text-align:center}
 .cmg-shell #workspace .arena-player-main .competitive-player-link{font-size:13px;line-height:1.3}
 .cmg-shell #workspace .arena-player-main small{font-size:12px}
 .cmg-shell #workspace .team-poster-identity>span{font-size:14px;line-height:20px}
 .cmg-shell #workspace .team-poster-identity>small{font-size:12px;line-height:18px;margin-top:6px}
 .cmg-shell #workspace .team-poster-identity>p{font-size:13px;line-height:20px}
 .cmg-shell #workspace .poster-record>span,.cmg-shell #workspace .poster-record>p{font-size:13px;line-height:18px}
 .cmg-shell #workspace .team-panel-score>strong>small,.cmg-shell #workspace .poster-record>p>span{font-size:12px;line-height:16px}
 .cmg-shell #workspace .poster-rating>span,.cmg-shell #workspace .team-panel-standing>span,.cmg-shell #workspace .team-rating-value>small{font-size:12px;line-height:16px}
 .cmg-shell #workspace .team-poster-form>span{font-size:12px;line-height:16px}
 .cmg-shell #workspace .team-poster-actions>.primary-button,.cmg-shell #workspace .team-poster-actions>.quiet-button{font-size:14px}
 .cmg-shell #workspace .team-board-scope>.quiet-button{font-size:14px}
 .cmg-shell #workspace .team-deck-position>span{font-size:13px}
 .cmg-shell #workspace .team-mobile-heading p{font-size:12px;line-height:16px}
 .cmg-shell .mobile-bottom-nav>button{font-size:12px;gap:4px}
 .experience-dialog :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
}
@media(max-width:360px){
 .cmg-shell #workspace .team-poster-identity>p{font-size:12px}
 .cmg-shell #workspace .team-poster-identity>small{font-size:11px;line-height:16px}
 .cmg-shell #workspace .tournament-row{grid-template-columns:56px minmax(0,1fr) 44px;gap:8px}
 .cmg-shell #workspace .tournament-art{width:56px;height:88px}
 .cmg-shell #workspace .tournament-art>span{font-size:10px;left:0;right:0;padding:4px 0}
 .cmg-shell #workspace .tournament-info h2{font-size:16px}
}

/* Reading context stays legible beside display records and competition art. */
@media(min-width:901px){
 .cmg-shell #workspace :is(.team-panel-standing>span,.team-panel-rate>span,.team-metric-label,.team-panel-record>span,.team-panel-record>p,.team-panel-score>strong>small,.team-panel-rating>span,.team-rating-value>small,.team-poster-form>span){font-size:12px;line-height:1.45;letter-spacing:0}
 .cmg-shell #workspace .team-panel-game>span{font-size:13px}
}
.cmg-shell #workspace :is(.lc-kicker,.lc-preview-label,.lc-room-identity>span,.lc-room-identity>p,.lc-day>span,.lc-day>small,.lc-message header>time,.lc-message-tag,.lc-unread>span,.lc-quote>span,.lc-composer-bottom>small){font-size:12px;line-height:1.5;letter-spacing:0}
.cmg-shell #workspace :is(.community-chat-heading small,.community-message>span,.community-message>small,.community-message-form>small,.community-conversation-label>small,.community-count){font-size:12px;line-height:1.5}
.cmg-shell #workspace :is(.account-field-caption>span,.account-optional,.account-savebar>span,.account-social-link-row>div>span,.account-social-link-row small,.account-info-line>p,.account-security-notice>p,.account-switch small,.account-session small){font-size:12px;line-height:1.5}
.cmg-shell #workspace :is(.commerce-ledger-copy>small,.commerce-status,.commerce-help-line>p,.commerce-balance dt,.support-match-context>small,.support-match-context>span,.support-response-status>span,.support-response-status small){font-size:12px;line-height:1.5;letter-spacing:0}
@media(max-width:900px){
 .cmg-shell #workspace :is(.lc-kicker,.lc-preview-label,.lc-room-identity>span,.lc-room-identity>p,.lc-day>span,.lc-day>small,.lc-message header>time,.lc-message-tag,.lc-unread>span,.lc-quote>span,.lc-composer-bottom>small,.lc-channel-copy small,.lc-room-meta,.lc-message-time){font-size:13px;line-height:1.5;letter-spacing:0}
 .cmg-shell #workspace .lc-room-brief>p,.cmg-shell #workspace .lc-quote>p{font-size:14px;line-height:1.6}
 .cmg-shell #workspace .lc-message>p,.cmg-shell #workspace .lc-message-body,.cmg-shell #workspace .lc-message-text{font-size:15px;line-height:1.6}
 .cmg-shell #workspace :is(.community-chat-heading small,.community-message>span,.community-message>small,.community-message-form>small,.community-conversation-label>small,.community-count){font-size:13px;line-height:1.5}
 .cmg-shell #workspace .community-message>p{font-size:15px;line-height:1.6}
 .cmg-shell #workspace :is(.account-field-caption>span,.account-optional,.account-savebar>span,.account-social-link-row>div>span,.account-social-link-row small,.account-info-line>p,.account-security-notice>p,.account-switch small,.account-session small,.account-main .site-form>label:not(.account-switch),.account-link-editor>label){font-size:13px;line-height:1.5;letter-spacing:0}
 .cmg-shell #workspace .account-section-heading>p,.cmg-shell #workspace .account-info-line>p,.cmg-shell #workspace .account-security-notice>p{font-size:14px;line-height:1.6}
 .cmg-shell #workspace .account-section-nav>button{font-size:14px;line-height:1.4}
 .cmg-shell #workspace :is(.commerce-ledger-copy>small,.commerce-status,.commerce-help-line>p,.commerce-balance dt,.support-match-context>small,.support-match-context>span,.support-response-status>span,.support-response-status small){font-size:13px;line-height:1.5;letter-spacing:0}
 .cmg-shell #workspace :is(.commerce-ledger-copy>strong,.commerce-ledger-end>strong){font-size:14px;line-height:1.45}
 .cmg-shell #workspace .support-category-filter>button{font-size:14px;line-height:1.4;min-height:44px}
}