/* Squad-specific reading hierarchy. Never alter official card internals or pitch coordinates. */ :root body.user-service #squadSearchModal.usq-workspace .squad-head-combined { align-items:center; } :root body.user-service #squadSearchModal.usq-workspace #squadRecentWrap { padding-bottom:16px; margin-bottom:0; } :root body.user-service #squadSearchModal.usq-workspace #squadRecentTabs { background:transparent; padding:0; gap:6px; } :root body.user-service #squadSearchModal.usq-workspace #squadRecentTabs button { border:1px solid var(--ui-line); border-radius:3px; min-height:44px; padding:10px 16px; } :root body.user-service #squadSearchModal.usq-workspace #squadRecentTabs button.active { background:var(--ui-accent); border-color:var(--ui-accent); color:var(--ui-on-accent); } :root body.user-service #squadSearchModal.usq-workspace #squadAnalysisViewTabs { margin-top:14px; } :root body.user-service #squadSearchModal.usq-workspace #squadSearchModalBody { padding-top:20px; } /* A profile line, a formation canvas, and a separate summary of the selected matches. */ :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:24px 28px; padding:0 0 28px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .panel-row { display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between !important; grid-column:1/-1; grid-row:1; margin:0; padding:22px 0; border-bottom:1px solid var(--ui-line); } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .panel-row > div:first-child { order:2; flex:0 0 auto; display:flex; flex-direction:column; align-items:flex-end; gap:4px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .usq-score-label { display:block; color:var(--ui-muted); font-size:12px; font-weight:500; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .hero-score { display:flex !important; align-items:baseline; gap:4px !important; font-size:30px !important; line-height:1.2 !important; color:var(--ui-ink) !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .hero-score > span { color:var(--ui-muted) !important; font-size:12px !important; font-weight:500; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .squad-score-info-btn { align-self:center; margin-left:6px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .owner-rank { order:1; display:flex !important; flex-wrap:wrap !important; justify-content:flex-start; align-items:center; gap:10px !important; max-width:75% !important; padding:0 !important; margin:0 !important; background:none !important; border:0 !important; border-radius:0; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .owner-rank .nick { display:block !important; flex:1 1 100% !important; width:auto !important; max-width:none !important; font-size:28px !important; line-height:1.3 !important; font-weight:800; color:var(--ui-ink) !important; white-space:normal !important; word-break:keep-all; overflow:visible !important; overflow-wrap:anywhere; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .owner-rank .divimg { width:34px !important; height:34px !important; object-fit:contain; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .owner-rank :is(.rankpill,.rank-pill) { background:none !important; border:0 !important; border-radius:0; color:var(--ui-muted) !important; font-size:12px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .avgdiff-info-row { display:block !important; grid-column:1; grid-row:2; margin:0 !important; min-width:0; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .stat-row.usq-summary { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; grid-column:2; grid-row:2; align-content:start; align-self:start; gap:0 !important; padding:22px !important; margin:0 !important; min-width:0 !important; background:var(--ui-surface-subtle) !important; border-top:2px solid var(--ui-ink) !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary-head { grid-column:1/-1; display:flex !important; flex-direction:column; gap:6px !important; margin-bottom:24px; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary-head h2 { margin:0 !important; color:var(--ui-ink) !important; font-size:18px !important; line-height:1.4 !important; font-weight:750; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary-head > span { color:var(--ui-muted) !important; font-size:12px !important; line-height:1.5 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .stat { display:block !important; min-width:0 !important; padding:0 !important; margin:0 !important; background:none !important; border:0 !important; border-radius:0; box-shadow:none; text-align:left !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .usq-win { grid-column:1/-1; margin-bottom:24px !important; padding-bottom:22px !important; border-bottom:1px solid var(--ui-line) !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .label { display:block !important; color:var(--ui-muted) !important; font-size:12px !important; line-height:1.5 !important; margin:0 0 8px !important; font-weight:500; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .value { display:block !important; color:var(--ui-ink) !important; font-size:30px !important; font-weight:800; line-height:1.15 !important; margin:0 !important; font-variant-numeric:tabular-nums; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .usq-win > .value { font-size:48px !important; letter-spacing:-.055em; color:var(--usq-win-text, var(--ui-ink)) !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-unit { font-size:24px; margin-left:3px; font-weight:500; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .hint { color:var(--ui-muted) !important; font-size:12px !important; line-height:1.6 !important; margin-top:8px; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-record { display:flex !important; gap:12px !important; font-size:13px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-record > span:first-child { color:var(--usq-win-text, var(--ui-accent)) !important; font-weight:700; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-result-bar { display:flex; gap:3px; height:5px; margin-top:16px; overflow:hidden; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-result-bar i { background:linear-gradient(90deg, var(--usq-win-start, var(--ui-accent)), var(--usq-win-end, var(--ui-accent))); } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-result-bar i:nth-child(2) { background:#c7ceca; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-result-bar i:nth-child(3) { background:#89938c; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary > .fc-reward-card { grid-column:1/-1; margin-top:20px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #squadDetailInsightTabs { margin-top:4px; border-bottom:1px solid var(--ui-line); gap:28px; } /* Match history reads as comparison rows, with detail remaining in its original row. */ :root body.user-service #squadSearchModal #squadRecentList .squad-recent-item { --usq-result:var(--ui-muted); margin:0; padding:18px 16px; border:0; border-bottom:1px solid var(--ui-line); background:var(--ui-surface); border-radius:0; box-shadow:none; } :root body.user-service #squadSearchModal #squadRecentList .squad-recent-item::before, :root body.user-service #squadSearchModal #squadRecentList .squad-recent-item::after { content:none; } :root body.user-service #squadSearchModal #squadRecentList .squad-recent-item.win { --usq-result:var(--ui-accent); } :root body.user-service #squadSearchModal #squadRecentList .squad-recent-item.loss { --usq-result:var(--ui-danger); } :root body.user-service #squadSearchModal #squadRecentList .sr-main { display:grid !important; grid-template-columns:58px minmax(0,1fr) 32px !important; gap:9px !important; align-items:center; } :root body.user-service #squadSearchModal #squadRecentList .sr-left-meta { align-items:flex-start; gap:5px; border-left:3px solid var(--usq-result); padding-left:12px; } :root body.user-service #squadSearchModal #squadRecentList .sr-result { color:var(--usq-result) !important; font-size:15px !important; font-weight:750; } :root body.user-service #squadSearchModal #squadRecentList :is(.sr-mode,.sr-ago) { color:var(--ui-muted); font-size:12px; } :root body.user-service #squadSearchModal #squadRecentList .sr-center { min-width:0; } :root body.user-service #squadSearchModal #squadRecentList .sr-match-head { display:grid !important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important; gap:8px !important; align-items:center; } :root body.user-service #squadSearchModal #squadRecentList .sr-name { font-size:15px !important; color:var(--ui-ink) !important; white-space:normal !important; word-break:keep-all; overflow-wrap:anywhere; } :root body.user-service #squadSearchModal #squadRecentList .sr-score { font-size:26px !important; color:var(--ui-ink) !important; font-weight:800; letter-spacing:-.03em; } :root body.user-service #squadSearchModal #squadRecentList .sr-score-caption { display:none; } :root body.user-service #squadSearchModal #squadRecentList .sr-poss { margin-top:12px; } :root body.user-service #squadSearchModal #squadRecentList .sr-poss-track { height:4px; border-radius:0; background:var(--ui-line); } :root body.user-service #squadSearchModal #squadRecentList .sr-poss-fill { background:var(--ui-accent) !important; border-radius:0; } :root body.user-service #squadSearchModal #squadRecentList .sr-expand-btn { width:32px !important; min-width:32px !important; height:32px !important; min-height:32px !important; padding:0 !important; border:0 !important; border-radius:8px; background:transparent !important; color:#8a8f98 !important; font-size:0 !important; } :root body.user-service #squadSearchModal #squadRecentList .sr-expand-btn span { display:none !important; } :root body.user-service #squadSearchModal #squadRecentList .sr-expand-btn i { font-size:16px !important; } :root body.user-service #squadSearchModal #squadRecentList .sr-detail { background:var(--ui-surface); } :root body.user-service #squadSearchModal #squadRecentList .sr-detail-panel { border:0; border-top:1px solid var(--ui-line); background:none; padding:20px 0 0; } :root body.user-service #squadSearchModal #squadRecentList .sr-detail-panel h4 { font-size:15px; color:var(--ui-ink); margin-bottom:14px; } :root body.user-service #squadSearchModal #squadRecentList .sr-detail-stat { min-height:38px; border-color:var(--ui-line); } /* Preserve all seven deep anchors and its fixed 340px desktop table viewport. */ :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-desktop-brief { grid-template-columns:280px minmax(0,1fr); gap:24px; background:none !important; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-card { grid-template-columns:56px minmax(0,1fr); gap:12px; padding:14px 16px 14px 0; border-color:var(--ui-line); background:none !important; border-radius:0; box-shadow:none; transform:none !important; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-face { display:block; width:56px; height:72px; transform:none; filter:none; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-kicker { padding:0; height:auto; background:none; border:0; border-radius:0; color:var(--ui-muted); font-size:11px; font-weight:500; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-name { font-size:15px; color:var(--ui-ink); white-space:normal; overflow:visible; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-name > span:not(.strength-badge) { max-width:none; white-space:normal; overflow:visible; overflow-wrap:anywhere; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-stats { font-size:12px; color:var(--ui-muted); font-weight:500; line-height:1.6; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-daily-winrate-card { background:none !important; border-radius:0; box-shadow:none; padding-left:0; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-daily-head span { color:var(--ui-muted); font-weight:500; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-daily-head strong { color:var(--ui-ink); } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-daily-bar { border-radius:2px 2px 0 0; box-shadow:none; } :root body.user-service #deepAnalysisMount :is(.deep-more-btn,.deep-reset-btn,.deep-range-apply-btn,.deep-date-picker-btn,.deep-select-proxy-btn) { min-height:44px !important; border-radius:3px !important; box-shadow:none !important; border-color:var(--ui-line) !important; } :root body.user-service #deepAnalysisMount .deep-more-btn { color:var(--ui-accent) !important; background:var(--ui-accent-soft) !important; } :root body.user-service #deepAnalysisMount .deep-controls-row { border-color:var(--ui-line) !important; background:var(--ui-surface) !important; } @media(max-width:1099px) { :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview { grid-template-columns:minmax(0,1fr); gap:24px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .stat-row.usq-summary { grid-column:1; grid-row:2; grid-template-columns:1.2fr 1fr 1fr !important; padding:20px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary-head { grid-column:1/-1; flex-direction:row; align-items:center; justify-content:space-between; margin-bottom:18px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .usq-win { grid-column:1; padding:0 20px 0 0 !important; margin:0 !important; border-bottom:0 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-result-bar { margin-top:10px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .avgdiff-info-row { grid-column:1; grid-row:3; } } @media(max-width:767px) { :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview { gap:20px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .panel-row { padding:16px 0; gap:12px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .owner-rank { max-width:68% !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .owner-rank .nick { font-size:23px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview .hero-score { font-size:26px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .stat-row.usq-summary { padding:18px 14px !important; grid-template-columns:1.1fr 1fr 1fr !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary-head { align-items:flex-start; gap:8px !important; margin-bottom:20px; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary-head h2 { font-size:16px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary-head > span { max-width:48% !important; text-align:right !important; font-size:12px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .usq-win { padding-right:12px; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .usq-win > .value { font-size:34px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .value { font-size:27px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-unit { font-size:17px; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-record { gap:3px 7px !important; flex-wrap:wrap !important; font-size:12px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .hint { font-size:12px !important; } :root body.user-service #squadSearchModal #squadRecentList .squad-recent-item { padding:16px 0; } :root body.user-service #squadSearchModal #squadRecentList .sr-main { grid-template-columns:52px minmax(0,1fr) 30px !important; gap:7px !important; } :root body.user-service #squadSearchModal #squadRecentList .sr-left-meta { padding-left:7px; } :root body.user-service #squadSearchModal #squadRecentList .sr-result { font-size:12px !important; } :root body.user-service #squadSearchModal #squadRecentList :is(.sr-mode,.sr-ago) { font-size:12px; } :root body.user-service #squadSearchModal #squadRecentList .sr-match-head { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important; gap:5px !important; } :root body.user-service #squadSearchModal #squadRecentList .sr-name { max-width:58px !important; font-size:10px !important; line-height:1.2 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } :root body.user-service #squadSearchModal #squadRecentList .sr-score { font-size:18px !important; } :root body.user-service #squadSearchModal #squadRecentList .sr-team { display:flex; flex-direction:row; align-items:center; gap:4px; } :root body.user-service #squadSearchModal #squadRecentList .sr-team-me { justify-content:flex-end; } :root body.user-service #squadSearchModal #squadRecentList .sr-team-op { justify-content:flex-start; } :root body.user-service #squadSearchModal #squadRecentList .sr-team-me .sr-inline-player, :root body.user-service #squadSearchModal #squadRecentList .sr-team-op .sr-name { order:0; } :root body.user-service #squadSearchModal #squadRecentList .sr-team-me .sr-name, :root body.user-service #squadSearchModal #squadRecentList .sr-team-op .sr-inline-player { order:1; } :root body.user-service #squadSearchModal #squadRecentList .sr-expand-btn { width:30px !important; min-width:30px !important; height:30px !important; min-height:30px !important; font-size:0 !important; } } @media(max-width:767px) { :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview { gap:12px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .panel-row { padding:8px 0; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .stat-row.usq-summary { padding:12px 0 !important; background:transparent !important; border-top:1px solid var(--ui-line) !important; grid-template-columns:1.2fr 1fr 1fr 1fr !important; gap:8px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary-head { margin-bottom:4px; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .label { margin-bottom:4px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .value, :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .usq-win > .value { font-size:25px !important; letter-spacing:0; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .usq-win { padding:0 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .usq-win { grid-column:1 !important; grid-row:2 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .gf-only { grid-column:2 !important; grid-row:2 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .ga-only { grid-column:3 !important; grid-row:2 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-result-bar { display:flex; height:5px; margin-top:10px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .stat.fc-reward-stat { grid-column:4 !important; grid-row:2 !important; order:4 !important; align-self:start; justify-self:stretch; display:flex !important; flex-direction:column; align-items:flex-start; gap:4px; margin:0 !important; padding:0 !important; min-height:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .fc-reward-stat .label { margin:0 !important; font-size:12px !important; font-weight:500 !important; line-height:1.5 !important; color:var(--ui-muted) !important; letter-spacing:0 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .stat .label { font-family:inherit !important; font-size:12px !important; font-weight:500 !important; line-height:18px !important; letter-spacing:0 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .fc-reward-stat .fc-reward-value { display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:3px !important; margin:0 !important; min-height:29px !important; line-height:1.15 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .fc-reward-stat .fc-reward-value strong { font-family:inherit !important; font-size:25px !important; font-weight:800 !important; line-height:1.15 !important; letter-spacing:0 !important; font-variant-numeric:tabular-nums; margin:0 !important; transform:none !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .fc-reward-stat .fc-shop-icon { display:block !important; width:16px !important; height:16px !important; flex:0 0 16px !important; align-self:center !important; margin:0 !important; top:auto !important; transform:none !important; vertical-align:middle !important; } :root body.user-service #squadSearchModal #squadRecentTabs { gap:0 !important; width:100%; } :root body.user-service #squadSearchModal #squadRecentTabs > button { min-height:44px !important; padding:0 12px !important; font-size:13px !important; } :root body.user-service #squadSearchModal #squadRecentTabs > button:is([data-recent-mode='official'],[data-recent-mode='manager']) { border:1px solid var(--ui-line) !important; background:var(--ui-surface-subtle) !important; color:var(--ui-muted) !important; border-radius:0 !important; } :root body.user-service #squadSearchModal #squadRecentTabs > button:is([data-recent-mode='official'],[data-recent-mode='manager']).active { background:var(--ui-accent) !important; color:var(--ui-on-accent) !important; } :root body.user-service #squadSearchModal #squadRecentTabs > button[data-recent-mode='aiAnalysis'] { margin-left:auto !important; } } @media(prefers-reduced-motion:reduce) { :root body.user-service #squadSearchModal .squad-recent-item { animation:none; transition:none; } } /* Keep the established analysis table geometry and row controls. */ :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-card { grid-template-columns:minmax(0,1fr); align-content:center; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-card > div:empty { display:none; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-meta { grid-column:1/-1; min-width:0; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-card:has(.deep-mvp-face:not([style*='display: none'])) { grid-template-columns:56px minmax(0,1fr); } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-card:has(.deep-mvp-face:not([style*='display: none'])) .deep-mvp-meta { grid-column:2; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-name { font-size:19px; letter-spacing:-.035em; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-name > span:not(.strength-badge) { flex:1 1 auto; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-stats { margin-top:14px; line-height:1.7; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-mvp-teamcolor { margin-top:10px; color:var(--ui-muted); font-weight:500; } :root body.user-service #deepAnalysisOverlay .deep-controls-row :is(button,select,input) { border-radius:3px !important; box-shadow:none !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row :is(.deep-range-apply-btn,.deep-select-proxy-btn,.deep-date-picker-btn,.deep-range-mode,.deep-reset-btn) { min-height:44px !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row .deep-range-apply-btn { background:var(--ui-accent) !important; border-color:var(--ui-accent) !important; color:var(--ui-on-accent) !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row .deep-more-btn { background:var(--ui-accent-soft) !important; color:var(--ui-accent) !important; border-color:var(--ui-line) !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row .deep-toolbar-sep { background:var(--ui-line); } @media(min-width:769px) { :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-controls-row { justify-content:flex-start !important; padding:14px 0 24px !important; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-controls-row .deep-more-btn { margin-left:auto !important; } :root body.user-service #deepAnalysisMount.deep-desktop-polished .deep-table-filter-box::before { content:none; } } @media(max-width:768px) { /* Keep the original table and row nodes, including every action and season marker. */ :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls { grid-template-columns:94px 60px minmax(0,1fr) 64px !important; grid-template-rows:44px 28px 44px !important; gap:8px 6px !important; padding:10px !important; border-radius:0 !important; border:0 !important; border-top:1px solid var(--ui-line) !important; background:var(--ui-surface) !important; box-shadow:none !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls :is(.deep-range-mode,.deep-date-picker-btn,.deep-range-input,.deep-range-apply-btn,.deep-more-btn,.deep-reset-btn) { height:44px !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-select-proxy-btn { width:100% !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-more-btn { color:var(--ui-accent) !important; } } /* Keep the date and load controls aligned in the existing mobile toolbar. */ @media(max-width:768px) { :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-range-main { display:contents !important; padding:0 !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-range-mode { grid-column:2 !important; grid-row:1 !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-date-picker-wrap, :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-range-input { grid-column:3 !important; grid-row:1 !important; width:100% !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-range-apply-btn { position:static !important; grid-column:4 !important; grid-row:1 !important; width:100% !important; min-width:0 !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-current-lineup-toggle { grid-column:1/4 !important; font-weight:400 !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-reset-btn { grid-column:4 !important; grid-row:2 !important; width:100% !important; min-width:0 !important; height:28px !important; min-height:28px !important; padding:0 !important; border:0 !important; background:transparent !important; color:var(--ui-muted) !important; font-weight:400 !important; box-shadow:none !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-more-btn { grid-column:1/-1 !important; display:flex !important; flex-direction:row !important; justify-content:space-between !important; gap:12px !important; padding:0 12px !important; background:var(--ui-surface) !important; border:1px solid var(--ui-line) !important; border-radius:4px !important; color:var(--ui-ink) !important; font-size:13px !important; font-weight:600 !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls .deep-more-btn::before { color:var(--ui-muted) !important; font-size:11px !important; font-weight:400 !important; letter-spacing:0 !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row.deep-mobile-fixed-controls :is(.deep-range-mode,.deep-date-picker-btn,.deep-range-input) { border:1px solid var(--ui-line) !important; border-radius:4px !important; background:var(--ui-surface) !important; color:var(--ui-ink) !important; font-size:12px !important; font-weight:400 !important; box-shadow:none !important; letter-spacing:0 !important; } } /* The existing summary action stays anchored; the scroll area clears its full height. */ :root body.user-service #squadSearchModal.usq-workspace #squadAnalysisMoreWrap { width:calc(100% - 56px); justify-content:center; background:var(--ui-surface); border-top:1px solid var(--ui-line); box-shadow:none; backdrop-filter:none; padding:10px 0; } :root body.user-service #squadSearchModal.usq-workspace #squadAnalysisMoreBtn { min-height:44px; border-radius:3px; box-shadow:none; background:var(--ui-accent) !important; border:1px solid var(--ui-accent) !important; color:var(--ui-on-accent) !important; } :root body.user-service #squadSearchModal.usq-workspace:has(#squadAnalysisMoreWrap:not(.hidden)) #squadSearchModalBody { padding-bottom:88px !important; scroll-padding-bottom:88px; } :root body.user-service #deepAnalysisOverlay .deep-controls-row .deep-current-lineup-toggle { color:var(--ui-ink) !important; } :root body.user-service #deepAnalysisOverlay .deep-controls-row .deep-current-lineup-toggle input { accent-color:var(--ui-accent); } :root body.user-service #squadSearchModal.usq-workspace #squadAnalysisMoreBtn:disabled { background:var(--ui-surface-subtle) !important; border-color:var(--ui-line) !important; color:var(--ui-muted) !important; cursor:wait; } @media(max-width:640px) { :root body.user-service #squadSearchModal.usq-workspace #squadAnalysisMoreWrap { width:calc(100% - 16px); } :root body.user-service #squadSearchModal.usq-workspace #squadAnalysisMoreBtn { width:100%; } } /* Align the two squad toggles without enlarging the check mark itself. */ :root body.user-service #deepAnalysisOverlay .deep-controls-row .deep-current-lineup-toggle { display:inline-flex; align-items:center; gap:8px; min-height:36px; padding:4px 0; line-height:1.4; cursor:pointer; } :root body.user-service #squadSearchModal .squad-board-golden-toggle { min-height:36px !important; gap:6px !important; display:inline-flex !important; align-items:center !important; } :root body.user-service #squadSearchModal .squad-board-golden-toggle-check { box-sizing:border-box; width:16px !important; height:16px !important; min-width:16px !important; min-height:16px !important; flex:0 0 16px !important; border-radius:3px !important; } :root body.user-service #squadSearchModal .squad-board-display-controls { height:auto !important; min-height:36px; } :root body.user-service #squadSearchModal .squad-board-golden-toggle:focus-visible { outline:2px solid var(--ui-focus); outline-offset:2px; } @media(min-width:769px) { :root body.user-service #deepAnalysisOverlay .deep-controls-row .deep-current-lineup-toggle { margin-left:12px; } } /* Board metadata is a control row, independent of the scaled pitch artwork. */ :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .squad-board-meta { flex-wrap:wrap !important; gap:4px 8px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .squad-board-meta > :is([data-board-total-value-wrap],[data-board-total-salary-wrap]) { padding-inline:4px !important; font-size:12px !important; min-height:32px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .squad-board-display-controls { height:auto !important; padding-left:0 !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .squad-board-golden-toggle { font-size:12px !important; min-height:44px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .squad-board-golden-toggle :is(span,strong):not(.squad-board-golden-toggle-check) { font-size:inherit !important; } /* Long mobile analysis sessions use the viewport; only the body scrolls. */ @media(max-width:767px) { :root body.user-service #squadSearchModal.uw-squad-workbench > .modal-sheet { top:0; bottom:0; left:0; transform:none; width:100%; height:100dvh; max-height:100dvh; display:flex; flex-direction:column; border-radius:0; } :root body.user-service #squadSearchModal.uw-squad-workbench > .modal-sheet > .modal-head { flex:0 0 auto; padding:max(10px,env(safe-area-inset-top)) 16px 10px; } :root body.user-service #squadSearchModal.usq-workspace #squadSearchModalBody { flex:1 1 auto; min-height:0; height:auto; padding:12px 16px 24px; padding-inline:16px !important; scrollbar-gutter:auto; } :root body.user-service #squadSearchModal.usq-workspace #squadAnalysisMoreWrap { width:calc(100% - 32px); padding-bottom:max(10px,env(safe-area-inset-bottom)); } :root body.user-service #squadSearchModal.usq-workspace:has(#squadAnalysisMoreWrap:not(.hidden)) #squadSearchModalBody { padding-bottom:calc(88px + env(safe-area-inset-bottom)) !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview { gap:16px; padding-bottom:16px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .panel-row { padding-block:12px; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .stat-row.usq-summary { padding:14px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary-head { margin-bottom:12px; } :root body.user-service #squadSearchModal #squadRecentList .sr-detail-panel { padding-top:12px; } } /* Keep all four metrics on one row; reserve more room for the FC icon and digits. */ @media(max-width:767px) { :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion.usq-overview > .stat-row.usq-summary { grid-template-columns:1.4fr .85fr .85fr 1.25fr !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .fc-reward-stat .fc-reward-value { width:100% !important; min-width:0; flex-wrap:nowrap !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount #conclusion .stat-row.usq-summary > .fc-reward-stat .fc-reward-value strong { font-size:var(--usq-fc-font-size,20px) !important; white-space:nowrap !important; flex-shrink:0; } } @media(max-width:767px) { :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-summary .usq-record { flex-wrap:nowrap !important; white-space:nowrap; gap:4px !important; font-size:12px !important; } :root body.user-service #squadSearchModal #squadDiagnosisMount .usq-record > span { flex-shrink:0; } } /* Match the player modal's name motion without moving row controls. */ :root body.user-service #deepAnalysisMount #tbl .usq-table-name-viewport { text-overflow:clip !important; overflow:hidden !important; } :root body.user-service #deepAnalysisMount #tbl .usq-table-name-text { display:inline-block; width:max-content; font:inherit; color:inherit; } :root body.user-service #deepAnalysisMount #tbl .usq-table-name-viewport.is-overflowing .usq-table-name-text { animation:ppCardNameMarquee var(--pp-name-duration,8s) ease-in-out infinite; } @media(prefers-reduced-motion:reduce) { :root body.user-service #deepAnalysisMount #tbl .usq-table-name-viewport { overflow-x:auto !important; scrollbar-width:none; } :root body.user-service #deepAnalysisMount #tbl .usq-table-name-text { animation:none !important; } } @media(max-width:767px) { :root body.user-service #deepAnalysisMount #tbl :is(th,td):nth-child(4) { width:54px !important; padding-inline:2px !important; white-space:nowrap !important; } :root body.user-service #deepAnalysisMount #tbl :is(th,td):nth-child(2) { width:calc(70.5% - 54px) !important; } } .usq-data-mobile-label, .usq-mobile-metrics-tab { display:none !important; } .usq-table-name-viewport[role="button"] { cursor:pointer; } .usq-table-name-viewport:focus-visible { outline:2px solid var(--ui-focus,#2563eb); outline-offset:-2px; } @media(max-width:767px) { .usq-data-desktop-label { display:none; } .usq-data-mobile-label { display:inline !important; } #squadAnalysisViewTabs .usq-mobile-metrics-tab { display:block !important; } :root body.user-service #deepAnalysisMount .deep-mobile-tabs { display:none !important; } :root body.user-service #squadAnalysisViewTabs { gap:24px !important; margin-bottom:8px !important; } } /* Avoid stacking the tab and section bottom margins above the mobile table. */ @media(max-width:767px) { :root body.user-service #squadSearchModal.squad-analysis-data-view #squadAnalysisViewTabs { margin-bottom:4px !important; } :root body.user-service #squadSearchModal.squad-analysis-data-view #squadRecentWrap { margin-bottom:0 !important; } } /* Inline panes must not inherit the standalone modal viewport height. */ @media(max-width:767px) { :root body.user-service #deepAnalysisInlineHost:has(#tbl), :root body.user-service #deepAnalysisOverlay.deep-analysis-inline:has(#tbl), :root body.user-service #deepAnalysisOverlay.deep-analysis-inline:has(#tbl) #deepAnalysisSheet > .modal-body { min-height:0 !important; height:auto !important; overflow:visible !important; overscroll-behavior:auto !important; } } @media(max-width:767px) { :root body.user-service #deepAnalysisMount .table-wrap { overflow:visible !important; overscroll-behavior:auto !important; } } /* The fixed toolbar reservation already supplies the end-of-content spacing. */ @media(max-width:767px) { :root body.user-service #squadSearchModal.squad-analysis-data-view #squadSearchModalBody { padding-bottom:0 !important; } :root body.user-service #squadSearchModal.squad-analysis-data-view .squad-signal-shell { margin-bottom:0 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-pane[data-pane="table"] { padding-bottom:0 !important; } :root body.user-service #deepAnalysisMount .deep-table-layer { margin-bottom:0 !important; } } @media(max-width:767px) { :root body.user-service #squadSearchModal.squad-analysis-data-view #squadSearchModalBody { overscroll-behavior-y:none !important; } } /* Mobile match metrics follow the service’s flat sections and typography. */ @media(max-width:767px) { :root body.user-service #deepAnalysisMount .deep-mobile-pane[data-pane="metrics"] { padding:0 !important; background:var(--ui-surface) !important; } :root body.user-service #deepAnalysisMount .deep-mobile-metrics-chart { margin:0 0 20px !important; padding:0 !important; width:100% !important; } :root body.user-service #deepAnalysisMount .deep-mobile-metrics-chart .deep-daily-winrate-card { background:var(--ui-surface) !important; border:0 !important; border-bottom:1px solid var(--ui-line) !important; border-radius:0 !important; box-shadow:none !important; padding:16px 0 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-metrics-chart .deep-daily-head span { color:var(--ui-muted) !important; font-weight:600 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-metrics-chart .deep-daily-head strong { color:var(--ui-ink) !important; font-size:28px !important; font-weight:750 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-metrics-chart .deep-daily-bar { border-radius:2px 2px 0 0 !important; box-shadow:none !important; } :root body.user-service #deepAnalysisMount .deep-mobile-metrics-chart .deep-daily-note { font-weight:500 !important; line-height:1.5 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-pane[data-pane="metrics"] .deep-proxy-wrap { width:100% !important; margin:0 !important; padding:0 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-kicker { display:none !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-hero { gap:0 !important; margin:0 0 24px !important; border-bottom:1px solid var(--ui-line) !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-summary { background:var(--ui-surface-subtle) !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; padding:14px !important; min-height:0 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-summary + .deep-mobile-insight-summary { border-left:1px solid var(--ui-line) !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-summary span { font-size:12px !important; font-weight:500 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-summary strong { font-size:24px !important; font-weight:750 !important; line-height:1.2 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-section { border:0 !important; border-radius:0 !important; box-shadow:none !important; background:var(--ui-surface) !important; margin:0 0 24px !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-section-title { background:none !important; padding:0 0 12px !important; border-bottom:2px solid var(--ui-ink) !important; font-size:16px !important; font-weight:700 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-row { grid-template-columns:minmax(0,1fr) minmax(84px,auto) !important; padding:14px 0 !important; gap:12px !important; border-bottom:1px solid var(--ui-line) !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-label { font-size:14px !important; font-weight:650 !important; line-height:1.4 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-desc { font-size:12px !important; font-weight:400 !important; line-height:1.5 !important; color:var(--ui-muted) !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-value strong { font-size:20px !important; font-weight:750 !important; line-height:1.2 !important; } :root body.user-service #deepAnalysisMount .deep-mobile-insight-chip { background:none !important; border-radius:0 !important; padding:0 !important; min-width:0 !important; font-weight:600 !important; font-size:11px !important; } } @media(max-width:767px) { :root body.user-service #deepAnalysisMount .deep-mobile-insight-panel { padding:0 !important; margin:0 !important; width:100% !important; } } /* Concern analysis shares the flat summary and list treatment. */ :root body.user-service #squadSignalPaneCost .squad-cost-brief { margin:0 0 20px !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:var(--ui-surface) !important; box-shadow:none !important; } :root body.user-service #squadSignalPaneCost .squad-cost-brief::before { display:none !important; } :root body.user-service #squadSignalPaneCost .squad-cost-hero { margin:0 0 20px; gap:16px; align-items:center; } :root body.user-service #squadSignalPaneCost .squad-cost-eyebrow { font-size:18px; font-weight:700; letter-spacing:-.03em; color:var(--ui-ink); } :root body.user-service #squadSignalPaneCost .squad-cost-meta-line { margin-top:6px; font-size:13px; font-weight:400; color:var(--ui-muted); line-height:1.6; } :root body.user-service #squadSignalPaneCost .squad-cost-deadline-btn { min-height:44px; padding:10px 14px; border:1px solid var(--ui-line); border-radius:3px; background:var(--ui-surface); color:var(--ui-ink); box-shadow:none; font-size:13px; font-weight:600; } :root body.user-service #squadSignalPaneCost .squad-top-kpis { grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:0 !important; border-top:2px solid var(--ui-ink); border-bottom:1px solid var(--ui-line); } :root body.user-service #squadSignalPaneCost .squad-top-kpi { padding:16px !important; min-width:0; border:0 !important; border-right:1px solid var(--ui-line) !important; border-radius:0 !important; background:var(--ui-surface-subtle) !important; box-shadow:none !important; transform:none !important; transition:background .16s ease; } :root body.user-service #squadSignalPaneCost .squad-top-kpi:last-child { border-right:0 !important; } :root body.user-service #squadSignalPaneCost .squad-top-kpi > span { font-size:12px; font-weight:500; color:var(--ui-muted); } :root body.user-service #squadSignalPaneCost .squad-top-kpi strong { font-size:24px; font-weight:750; color:var(--ui-ink); } :root body.user-service #squadSignalPaneCost .squad-top-kpi.active { background:var(--ui-accent) !important; } :root body.user-service #squadSignalPaneCost .squad-top-kpi.active :is(span,strong) { color:var(--ui-on-accent) !important; } :root body.user-service #squadSignalPaneCost .squad-decision-card { padding:16px 0 !important; border-radius:0 !important; background:var(--ui-surface) !important; } :root body.user-service #squadSignalPaneCost .squad-decision-action { font-size:14px; font-weight:600; line-height:1.5; } :root body.user-service #squadSignalPaneCost .squad-decision-metrics { gap:6px 12px; margin-top:8px; } :root body.user-service #squadSignalPaneCost .squad-decision-metrics span { font-size:12px; font-weight:400; color:var(--ui-muted); } @media(max-width:767px) { :root body.user-service #squadSignalPaneCost .squad-cost-hero { align-items:stretch; } :root body.user-service #squadSignalPaneCost .squad-cost-deadline-btn { align-self:flex-start; } :root body.user-service #squadSignalPaneCost .squad-top-kpis { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } :root body.user-service #squadSignalPaneCost .squad-top-kpi:nth-child(2n) { border-right:0 !important; } :root body.user-service #squadSignalPaneCost .squad-top-kpi:nth-child(-n+2) { border-bottom:1px solid var(--ui-line) !important; } }