/* Player dossier. No selectors target official season card internals. */ /* The same data hosts become a document surface on mobile and direct links. */ :root body.user-service.player-page-open { padding: 0 !important; overflow: auto !important; } body.user-service.player-page-open > :is(#serviceMain,.service-rail,.global-bottom,.ui-skip-link) { display: none !important; } :root body.user-service #playerModal[data-presentation='page'] { position: relative; inset: auto; width: 100%; height: auto; z-index: auto; } :root body.user-service #playerModal[data-presentation='page'] > .modal-backdrop { display: none; } :root body.user-service #playerModal[data-player-shell='dossier'][data-presentation='page'] > .modal-sheet { position: relative; inset: auto; transform: none !important; margin: 0 auto; width: 100%; max-width: 1440px; height: auto; min-height: 100dvh; max-height: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; } :root body.user-service #playerModal[data-player-shell='dossier'][data-presentation='page'] .modal-body { overflow: visible; height: auto; max-height: none; flex: none; scrollbar-gutter: auto; } :root body.user-service #playerModal[data-player-shell='dossier'][data-presentation='page'] .modal-head { position: relative; top: auto; } :root body.user-service #playerModal[data-presentation='page'] #modalClose { font-size: 13px; font-weight: 600; } body.user-service #playerRouteStatus { max-width: 720px; margin: 64px auto; padding: 24px; } body.user-service #playerRouteStatus h1 { font-size: 22px; } body.user-service #playerModal[data-player-shell='dossier'] { --up-bg: var(--ui-bg); --up-surface: var(--ui-surface); --up-ink: var(--ui-ink); --up-muted: var(--ui-muted); --up-line: var(--ui-line); --up-accent: var(--ui-accent); --up-soft: var(--ui-surface-subtle); --up-band: var(--ui-surface); --up-band-label: var(--ui-muted); --up-band-value: var(--ui-ink); --up-band-pct: var(--ui-ink); } :root[data-theme='dark'] body.user-service #playerModal[data-player-shell='dossier'] { --up-band: var(--ui-surface-subtle); } :root body.user-service #playerModal[data-player-shell='dossier'] > .modal-sheet { width: min(1440px, calc(100vw - 64px)); max-width: 1440px; top: 50%; bottom: auto; transform: translate(-50%,-50%); height: min(960px, calc(100dvh - 48px)); max-height: calc(100dvh - 48px); border: 1px solid var(--up-line); border-radius: 2px; overflow: hidden; background: var(--up-surface) !important; box-shadow: 0 24px 80px #15201635; display: flex; flex-direction: column; } :root body.user-service #playerModal[data-player-shell='dossier'] > .modal-sheet::before { display: none; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 0 20px; flex: 0 0 auto; padding: 20px 26px 0; border-bottom: 1px solid var(--up-line); background: var(--up-surface) !important; color: var(--up-ink); z-index: 4; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-title-wrap { display: flex; flex-wrap: wrap; min-width: 0; gap: 4px 10px; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTitle { font-size: 21px; font-weight: 850; letter-spacing: -.035em; min-width: 0; } :root body.user-service #playerModal[data-player-shell='dossier'] .up-player-identity { display: block; flex: 0 1 auto; min-width: 0; max-width: 720px; font-size: 21px; line-height: 1.4; font-weight: 850; color: var(--up-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } :root body.user-service #playerModal[data-player-shell='dossier'] .up-player-identity[hidden] { display: none; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalFavBtn { width: 44px; height: 44px; min-width: 44px; border-radius: 2px; flex: 0 0 auto; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head-actions { grid-column: 2; grid-row: 1; align-self: center; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head-actions button { width: 44px; height: 44px; min-width: 44px; color: var(--up-ink); } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabs { grid-column: 1 / -1; grid-row: 2; width: 100%; display: flex; gap: 26px; padding: 12px 0 0; margin: 0; border: 0; overflow: visible; background: var(--up-surface) !important; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabs button { flex: 0 0 auto; min-height: 48px; padding: 10px 0; border: 0; border-bottom: 3px solid transparent; border-radius: 0; font-size: 14px; font-weight: 750; color: var(--up-muted); background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabs button.active { color: var(--up-accent); border-bottom-color: var(--up-accent); background: transparent; } :root[data-theme='dark'] body.user-service #playerModal[data-player-shell='dossier'] #modalTabs button { color: var(--up-muted) !important; } :root[data-theme='dark'] body.user-service #playerModal[data-player-shell='dossier'] #modalTabs button.active { color: var(--up-accent) !important; border-bottom-color: var(--up-accent) !important; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-body { flex: 1 1 auto; min-height: 0; height: auto; padding: 0; gap: 0; overflow: auto; overscroll-behavior: contain; background: var(--up-surface) !important; color: var(--up-ink); scrollbar-gutter: stable; } body.user-service #playerModal .up-dossier { display: grid; grid-template-columns: 300px minmax(0,1fr); height: max-content; min-height: 0; flex: 0 0 max-content; transition: grid-template-columns 260ms cubic-bezier(.2,.8,.2,1); } body.user-service #playerModal .up-profile-host { position: sticky; top: 0; align-self: start; max-height: calc(100dvh - 190px); overflow: auto; min-width: 0; padding: 28px 24px; border-right: 1px solid var(--up-line); background: var(--up-bg); transition: opacity 180ms ease, transform 260ms cubic-bezier(.2,.8,.2,1), padding 260ms cubic-bezier(.2,.8,.2,1), border-color 180ms ease; } body.user-service #playerModal .up-workbench { min-width: 0; padding: 26px 30px 32px; transition: padding 260ms cubic-bezier(.2,.8,.2,1); } body.user-service #playerModal[data-player-tab='modalTabChart'] .up-dossier { grid-template-columns: 0 minmax(0,1fr); } body.user-service #playerModal[data-player-tab='modalTabChart'] .up-profile-host { padding-inline: 0; border-color: transparent; opacity: 0; overflow: hidden; transform: translateX(-18px); pointer-events: none; } body.user-service #playerModal[data-player-tab='modalTabChart'] .up-workbench { padding: 0; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-topline { display: block; margin: 0; } :root body.user-service #playerModal[data-player-shell='dossier'] #mPlayerProfile { padding: 0; border: 0; border-radius: 0; background: transparent; min-height: 280px; } :root body.user-service #playerModal[data-player-shell='dossier'] #mPlayerProfile .pp-frame { display: flex; flex-direction: column; align-items: center; gap: 24px; min-height: 0; } :root body.user-service #playerModal[data-player-shell='dossier'] #mPlayerProfile .pp-frame-right { width: 100%; align-self: stretch; gap: 14px; color: var(--up-ink); background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .pp-playerline { gap: 7px; flex-wrap: wrap; } :root body.user-service #playerModal[data-player-shell='dossier'] .pp-playername { font-size: 20px; font-weight: 850; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; color: var(--up-ink); } :root body.user-service #playerModal[data-player-shell='dossier'] :is(.pp-main,.pp-meta-line,.pp-nation-line,.pp-foot,.pp-foot em) { color: var(--up-muted); font-size: 12px; line-height: 1.6; } :root body.user-service #playerModal[data-player-shell='dossier'] .pp-position-line { gap: 6px; flex-wrap: wrap; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-tab-pane { min-width: 0; animation: none; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-kpi { margin: 0 0 20px; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(--up-line); border-radius: 0; border-color: var(--up-line) !important; box-shadow: none; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-kpi .expect-label { color: var(--up-muted); margin: 0; font-size: 12px; font-weight: 700; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-kpi strong { margin: 6px 0 0; font-size: 29px; line-height: 1.25; letter-spacing: -.045em; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-buy strong { color: #166534; background: #ecfdf5; box-decoration-break: clone; -webkit-box-decoration-break: clone; border-radius: 5px; padding: 3px 8px; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-hold strong { color: var(--up-ink); } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-strip { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 0; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item { padding: 18px 14px 18px 0; border: 0; border-bottom: 1px solid var(--up-line); border-radius: 0; box-shadow: none; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item-current { grid-column: 1 / -1; padding: 20px; margin-bottom: 0; border: 0; background: var(--up-soft); } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item-current::after { display: none; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item span { color: var(--up-muted); font-size: 12px; line-height: 1.4; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item strong { display: block; margin-top: 6px; color: var(--up-ink); font-size: 19px; font-variant-numeric: tabular-nums; line-height: 1.3; white-space: normal; overflow-wrap: anywhere; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item-current strong { font-size: 32px; letter-spacing: -.045em; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item-current .price-freshness { display:block; margin-top:4px; color:var(--up-muted); font-size:11px; font-weight:500; line-height:1.4; } :root body.user-service #playerModal[data-player-shell='dossier'] #mGap { display: block; margin-top: 6px; font-size: 12px; } :root body.user-service #playerModal[data-player-shell='dossier'] #mPriceRecalcBox { padding: 18px 0 22px; margin: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .up-recalc-label { margin: 0 0 9px; color: var(--up-muted); font-size: 12px; font-weight: 700; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-recalc-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: stretch; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-recalc-input-wrap { flex: 1 1 200px; min-width: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] #mCustomCurrentPrice { width: 100%; min-height: 44px; border: 1px solid var(--up-line); border-radius: 2px; background: var(--up-surface); color: var(--up-ink); padding: 10px 12px; font-size: 15px; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-recalc-btn { width: auto; min-height: 44px; padding: 9px 13px; border: 1px solid var(--up-line); border-radius: 2px; color: var(--up-ink); background: var(--up-surface); box-shadow: none; } :root body.user-service #playerModal[data-player-shell='dossier'] #mCustomCurrentApply { background: var(--up-accent); color: var(--up-surface); border-color: var(--up-accent); } :root body.user-service #playerModal[data-player-shell='dossier'] #mAskMarketBtn { margin: 0; background: var(--up-soft); color: var(--up-accent); } :root body.user-service #playerModal[data-player-shell='dossier'] .market-question-motion { display: none; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-readout-panel { margin: 0; border: 0; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-readout-icon { display: none; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-expect-card { display: block; padding: 18px 20px; border: 1px solid var(--up-line); background: var(--up-band); color: var(--up-ink); } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-expect-card .expect-label { color: var(--up-band-label); font-size: 12px; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-expect-card strong { color: var(--up-band-value); font-size: 23px; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-expect-card #mExpPct { color: var(--up-band-pct); font-size: 15px; } :root body.user-service #playerModal[data-player-shell='dossier'] .info-icon { position:relative; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; min-width:18px; min-height:18px; padding:0; border-radius:50%; font:600 11px/1 Arial,sans-serif; vertical-align:middle; flex:0 0 18px; } :root body.user-service #playerModal[data-player-shell='dossier'] .info-icon::before { content:''; position:absolute; inset:-10px; border-radius:50%; } :root body.user-service #playerModal[data-player-shell='dossier'] .expect-label { display:flex; align-items:center; gap:10px; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-metric-grid.modal-kpis { grid-template-columns: repeat(5,minmax(0,1fr)); border-bottom: 0; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-metric-grid.modal-kpis > .decision-metric-item { display: block; min-height: 0; padding: 16px 8px; border: 0; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-metric-item span { color: var(--up-muted); font-size: 11px; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-metric-item strong { color: var(--up-ink); font-size: 15px; margin-top: 7px; } :root body.user-service #playerModal[data-player-shell='dossier'] #mReasonInfo { cursor: help; } :root body.user-service #playerModal[data-player-shell='dossier'] #mReason[hidden] { display:none !important; } @media(min-width:901px) { :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .decision-kpi { margin:0 0 16px; padding:0; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .exec-item { padding:12px 12px 12px 0; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .exec-item-current { padding:12px 16px; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .exec-item-current strong { font-size:28px; margin-top:4px; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .decision-expect-card { padding:12px 0; margin:0; border:0; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .decision-metric-item { padding:12px 8px; } } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision #mPriceRecalcBox { margin:0; padding:16px 0; border:0; } :root body.user-service #playerModal #mCustomCurrentPrice:is(:focus,:focus-visible) { outline:none !important; box-shadow:none !important; border-color:var(--up-line) !important; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .up-decision-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:24px; padding:0 0 16px; border-bottom:1px solid var(--up-line); } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .up-decision-summary > :is(.decision-kpi,.exec-item-current) { grid-column:auto; margin:0; padding:0; border:0; background:transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .up-decision-summary strong { margin:6px 0 0; font-size:26px; line-height:1.3; letter-spacing:0; } @media(max-width:600px) { :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .up-decision-summary { grid-template-columns:minmax(0,1fr); gap:12px; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabDecision .up-decision-summary strong { font-size:23px; } } body.user-service #playerModal .up-player-adverts { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 20px; margin-top: 24px; } body.user-service #playerModal .up-player-adverts:not(:has(> :not(.hidden))) { display: none; } body.user-service #playerModal .up-top-advert:empty, body.user-service #playerModal .up-top-advert:not(:has(> :not(.hidden))) { display:none; } @media (min-width:901px) { :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head:has(.up-top-advert > :not(.hidden)) { grid-template-columns:minmax(160px,1fr) minmax(0,var(--player-modal-ad-width,728px)) auto; align-items:center; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head:has(.up-top-advert > :not(.hidden)) .modal-head-actions { grid-column:3; } :root body.user-service #playerModal .up-top-advert { grid-column:2; grid-row:1; min-width:0; width:100%; } :root body.user-service #playerModal .up-top-advert #promoSlotPlayerModalMidWrap { margin:0; padding:0; width:100%; } :root body.user-service #playerModal .up-player-adverts > #promoSlotPlayerModalSideWrap { width:100%; max-width:100%; margin:0; padding:0; } } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabChart { padding: 0; } :root body.user-service #playerModal[data-player-shell='dossier'] .price-chart.chart-empty { display: grid; place-items: center; } :root body.user-service #playerModal[data-player-shell='dossier'] .chart-placeholder { position: static; display: block; padding: 24px; color: var(--up-muted); font-size: 14px; line-height: 1.6; text-align: center; backdrop-filter: none; } :root body.user-service #playerModal[data-player-shell='dossier'] :is(.chart-insight,.regime-diagnostics) { color: var(--up-muted); line-height: 1.35; } :root body.user-service #playerModal[data-player-shell='dossier'] .chart-readout-icon { display: none; } :root body.user-service #playerModal[data-player-shell='dossier'] :is(.chart-status-item,.chart-metric-item) { display: block; background: transparent; border-color: var(--up-line); } :root body.user-service #playerModal[data-player-shell='dossier'] :is(.chart-status-item,.chart-metric-item) span { color: var(--up-muted); font-size: 12px; } :root body.user-service #playerModal[data-player-shell='dossier'] :is(.chart-status-item,.chart-metric-item) strong { margin-top: 7px; color: var(--up-ink); font-size: 15px; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-readout-panel { border: 0; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-readout-icon { display: none; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-status-band { display: block; padding: 20px; border: 0; border-left: 3px solid var(--up-accent); background: var(--up-soft); } :root body.user-service #playerModal[data-player-shell='dossier'] .report-status-band :is(span,em) { color: var(--up-muted); } :root body.user-service #playerModal[data-player-shell='dossier'] .report-status-band strong { color: var(--up-ink); font-size: 23px; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-metric-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; margin: 18px 0; border: 0; } body.user-service #playerModal .up-report-group { margin-top: 26px; } :root body.user-service #playerModal[data-player-shell='dossier'] .up-report-group h3 { color: var(--up-muted); font-size: 12px; margin: 0; } :root body.user-service #playerModal[data-player-shell='dossier'] .up-report-group .report-metric-grid { margin-top: 6px; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .up-report-signal .report-metric-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } :root body.user-service #playerModal[data-player-shell='dossier'] .report-metric-item { display: block; padding: 18px 12px 18px 0; border: 0; border-bottom: 1px solid var(--up-line); border-radius: 0; background: transparent; min-width: 0; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-metric-item span { display: block; color: var(--up-muted); font-size: 12px; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-metric-item strong { display: block; margin-top: 8px; color: var(--up-ink); font-size: 18px; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-summary-panel { padding: 18px 0; border: 0; background: transparent; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-summary-head { display: block; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-summary-head h3 { color: var(--up-ink); font-size: 15px; } :root body.user-service #playerModal[data-player-shell='dossier'] #mRisk { color: var(--up-muted); line-height: 1.65; } :root body.user-service #playerModal[data-player-shell='dossier'] .trade-add-panel { padding: 0; margin: 0; background: transparent; border: 0; border-radius: 0; box-shadow: none; } :root body.user-service #playerModal[data-player-shell='dossier'] .trade-add-panel h3 { color: var(--up-ink); font-size: 22px; margin-bottom: 26px; } :root body.user-service #playerModal[data-player-shell='dossier'] #tradeForm { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 16px; } :root body.user-service #playerModal[data-player-shell='dossier'] #tradeForm :is(input,select) { width: 100%; min-height: 48px; border: 1px solid var(--up-line); border-radius: 2px; padding: 11px 12px; color: var(--up-ink); background: var(--up-surface); font-size: 16px; } :root body.user-service #playerModal[data-player-shell='dossier'] #tradeForm .ui-field { color: var(--up-muted); gap: 8px; font-size: 12px; } :root body.user-service #playerModal[data-player-shell='dossier'] #tradeForm label:has(#tradeMemo) { grid-column: 1 / -1; } :root body.user-service #playerModal[data-player-shell='dossier'] #tradeForm button[type='submit'] { min-height: 48px; grid-column: 1 / -1; border-radius: 2px; border: 0; background: var(--up-accent); color: var(--up-surface); font-size: 15px; font-weight: 800; } :root body.user-service #playerModal[data-player-shell='dossier'] :is(#tradePriceHint,#tradeFormHint) { margin-top: 14px; color: var(--up-muted); line-height: 1.6; } :root body.user-service #playerModal[data-player-shell='dossier'] :is(button,input,select,a,[tabindex]):focus-visible { outline: 2px solid var(--up-accent); outline-offset: 3px; } @media (max-width: 1100px) and (min-width: 769px) { :root body.user-service #playerModal[data-player-shell='dossier'] > .modal-sheet { width: calc(100vw - 40px); height: calc(100dvh - 40px); max-height: calc(100dvh - 40px); } body.user-service #playerModal .up-dossier { grid-template-columns: clamp(260px, 27vw, 300px) minmax(0,1fr); } body.user-service #playerModal .up-profile-host { padding: 24px 18px; } body.user-service #playerModal .up-workbench { padding: 24px clamp(20px, 2.5vw, 30px); } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item strong { font-size: 17px; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item-current strong { font-size: 30px; } } @media (max-width: 768px) { :root body.user-service #playerModal[data-player-shell='dossier'] > .modal-sheet { top: 0; left: 0; transform: none; width: 100%; max-width: 100%; height: 100dvh; max-height: 100dvh; border: 0; border-radius: 0; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head { padding: max(10px,env(safe-area-inset-top)) 16px 0; gap: 0 8px; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTitle { font-size: 16px; } :root body.user-service #playerModal[data-player-shell='dossier'] .up-player-identity { font-size: 16px; max-width: 190px; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabs { gap: 0; padding-top: 6px; } :root body.user-service #playerModal[data-player-shell='dossier'] #modalTabs button { flex: 1 1 0; font-size: 13px; min-height: 46px; } body.user-service #playerModal .up-dossier { display: block; height: auto; min-height: 0; flex: 0 0 auto; } body.user-service #playerModal .up-profile-host { position:static; max-height:none; overflow:visible; padding: 14px 12px 14px 30px; border-right: 0; border-bottom: 1px solid var(--up-line); } body.user-service #playerModal .up-workbench { padding: 16px 16px max(24px,env(safe-area-inset-bottom)); } :root body.user-service #playerModal[data-player-shell='dossier'] #mPlayerProfile { min-height: 230px; } :root body.user-service #playerModal[data-player-shell='dossier'] #mPlayerProfile .pp-frame { display: grid; grid-template-columns: 176px minmax(0,1fr); gap: 8px; align-items: center; } :root body.user-service #playerModal[data-player-shell='dossier'] #mPlayerProfile .pp-frame-right { gap: 9px; } :root body.user-service #playerModal[data-player-shell='dossier'] .pp-playername { font-size: 18px; } body.user-service #playerModal:not([data-player-tab='modalTabDecision']) .up-profile-host { display: block; max-height: 0; padding: 0; border: 0; opacity: 0; overflow: hidden; transform: translateY(-8px); } body.user-service #playerModal[data-player-tab='modalTabDecision'] .up-profile-host { max-height: 420px; padding: 14px 12px 14px 30px; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-kpi strong { font-size: 26px; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item strong { font-size: 16px; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item-current { padding: 18px; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item-current strong { font-size: 30px; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-recalc-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-recalc-input-wrap { grid-column: 1 / -1; } :root body.user-service #playerModal[data-player-shell='dossier'] #mCustomCurrentPrice { font-size: 16px; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-recalc-btn { min-width: 0; padding: 8px 4px; font-size: 12px; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-metric-grid.modal-kpis { grid-template-columns: repeat(3,minmax(0,1fr)); } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-metric-grid.modal-kpis > .decision-metric-item { padding: 16px 4px; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } :root body.user-service #playerModal[data-player-shell='dossier'] .up-report-signal .report-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } } @media (min-width: 641px) and (max-width: 768px) { :root body.user-service #playerModal[data-player-shell='dossier'] #mPlayerProfile .pp-frame { grid-template-columns: 226px minmax(0,1fr); gap: 24px; max-width: 600px; margin-inline: auto; } } @media (prefers-reduced-motion: reduce) { body.user-service #playerModal[data-player-shell='dossier'] :is(.modal-tab-pane,.up-dossier,.up-profile-host,.up-workbench) { animation: none; transition: none; } } /* The enhancement artwork keeps its proportions; its menu has real touch targets. */ :root body.user-service #playerModal .strength-select-btn { position:relative; } :root body.user-service #playerModal .strength-select-btn::before { content:''; position:absolute; inset:-10px -4px; } :root body.user-service #playerModal .strength-select-menu { left:0; transform:none; grid-template-columns:repeat(3,44px); gap:4px !important; min-width:156px; max-height:260px; overflow:auto; padding:8px !important; border-radius:3px !important; background:var(--up-surface) !important; box-shadow:0 4px 12px #0002 !important; backdrop-filter:none; } :root body.user-service #playerModal .strength-select-option { height:44px !important; min-height:44px; min-width:44px; padding:0; border-radius:2px !important; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-metric-item span { font-size:12px; } @media(max-width:767px) { } /* Compact mobile work areas keep one inset around each data group. */ @media(max-width:767px) { :root body.user-service #playerModal[data-player-shell='dossier'] .decision-kpi { margin-bottom:16px; padding-bottom:12px; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item { padding-block:12px; } :root body.user-service #playerModal[data-player-shell='dossier'] .exec-item-current { padding:14px 16px; } :root body.user-service #playerModal[data-player-shell='dossier'] .decision-expect-card { padding:14px 16px; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-status-band { padding:14px 16px; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-metric-grid { margin:12px 0; } :root body.user-service #playerModal[data-player-shell='dossier'] .report-metric-item { padding-block:12px; } :root body.user-service #playerModal[data-player-shell='dossier'] #tradeForm { gap:12px; } :root body.user-service #playerModal .up-player-adverts { gap:16px; margin-top:16px; } } :root[data-theme='dark'] body.user-service #playerModal[data-player-shell='dossier'] .decision-buy strong { color: #86efac; background: #143a2a; } /* FUTBIN-inspired player data, using only SignalFC's game profile and ranker aggregates. */ body.user-service #playerModal .player-benchmark-data { display: grid; gap: 0; min-width: 0; } body.user-service #playerModal .player-data-section { min-width: 0; padding: 0; border: 0; background: transparent; } body.user-service #playerModal .player-data-section + .player-data-section { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--up-line); } body.user-service #playerModal .decision-player-data { margin-top: 28px; padding-top: 26px; border-top: 1px solid var(--up-line); } body.user-service #playerModal .decision-player-data-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; } body.user-service #playerModal .decision-player-data-head h3 { margin:4px 0 0; color:var(--up-ink); font-size:20px; font-weight:850; letter-spacing:-.025em; } body.user-service #playerModal .decision-player-data-link { flex:0 0 auto; min-height:38px; padding:8px 12px; border:1px solid var(--up-line); background:var(--up-surface); color:var(--up-ink); font:inherit; font-size:12px; font-weight:750; cursor:pointer; } body.user-service #playerModal .decision-player-data-link:hover { border-color:var(--up-accent); color:var(--up-accent); } body.user-service #playerModal .player-data-section-head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 16px; } body.user-service #playerModal .player-data-section-head h3 { margin: 3px 0 0; color: var(--up-ink); font-size: 19px; font-weight: 850; letter-spacing: -.025em; } body.user-service #playerModal .player-data-info { margin-left:6px; cursor:help; vertical-align:2px; } body.user-service #playerModal .player-ranker-block h4 .player-data-info { margin-left:0; } body.user-service #playerModal .player-data-source, body.user-service #playerModal .player-data-label { color: var(--up-muted); font-size: 12px; } body.user-service #playerModal .player-data-label small { display:block; margin-top:4px; color:var(--up-muted); font-size:10px; font-weight:500; } body.user-service #playerModal .player-data-overview-grid { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 16px; } body.user-service #playerModal .player-data-overall { display: flex; flex-direction: column; justify-content: center; padding: 16px; background: var(--up-soft); } body.user-service #playerModal .player-data-overall span, body.user-service #playerModal .player-data-overall small { color: var(--up-muted); font-size: 11px; } body.user-service #playerModal .player-data-overall strong { margin: 4px 0; color: var(--up-accent); font-size: 42px; line-height: 1; font-weight: 900; } body.user-service #playerModal .player-data-overall small { line-height: 1.5; } body.user-service #playerModal .player-data-position-wrap { min-width: 0; } body.user-service #playerModal .player-data-position-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; } body.user-service #playerModal .player-data-position { display: grid; grid-template-columns: auto auto; align-items: center; gap: 10px; min-width: 76px; padding: 10px 12px; background: var(--up-soft); } body.user-service #playerModal .player-data-position b { color: var(--up-muted); font-size: 12px; } body.user-service #playerModal .player-data-position strong { color: var(--up-ink); font-size: 18px; } body.user-service #playerModal .player-data-meta-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--up-line); } body.user-service #playerModal .player-data-meta-grid > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding: 12px 10px 0 0; } body.user-service #playerModal .player-data-meta-grid span { color: var(--up-muted); font-size: 11px; } body.user-service #playerModal .player-data-meta-grid strong { color: var(--up-ink); font-size: 13px; overflow-wrap: anywhere; } body.user-service #playerModal .player-data-highlights { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; } body.user-service #playerModal .player-data-highlights span { display: flex; align-items: center; gap: 8px; padding: 8px 11px; background: var(--up-soft); color: var(--up-muted); font-size: 12px; } body.user-service #playerModal .player-data-highlights strong { color: var(--up-accent); font-size: 15px; } body.user-service #playerModal .player-data-group-summary { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-bottom:16px; padding:8px 0; border-top:1px solid var(--up-line); border-bottom:1px solid var(--up-line); } body.user-service #playerModal .player-data-group-summary > div { display:flex; flex-direction:column; gap:7px; min-width:0; padding:6px 14px; background:transparent; border-right:1px solid var(--up-line); } body.user-service #playerModal .player-data-group-summary > div:last-child { border-right:0; } body.user-service #playerModal .player-data-group-summary span { display:flex; align-items:center; gap:6px; color:var(--up-muted); font-size:11px; } body.user-service #playerModal .player-data-group-summary span i, body.user-service #playerModal .player-data-ability-group h4 i { display:inline-grid; place-items:center; width:18px; height:18px; flex:0 0 auto; background:transparent; color:var(--stat-tone,var(--up-accent)); font-style:normal; } body.user-service #playerModal .player-data-group-summary svg, body.user-service #playerModal .player-data-ability-group h4 svg { display:block; width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } body.user-service #playerModal .player-data-group-summary strong { color:var(--up-ink); font-size:18px; font-weight:850; font-variant-numeric:tabular-nums; } body.user-service #playerModal .player-data-ability-groups { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 28px; } body.user-service #playerModal .player-data-ability-group { min-width: 0; } body.user-service #playerModal .player-data-ability-group h4, body.user-service #playerModal .player-ranker-block h4 { display:flex; align-items:center; gap:7px; margin: 0 0 10px; color: var(--up-ink); font-size: 14px; font-weight: 800; } body.user-service #playerModal .player-data-group-summary .is-attack, body.user-service #playerModal .player-data-ability-group.is-attack { --stat-tone:#c9673a; } body.user-service #playerModal .player-data-group-summary .is-passing, body.user-service #playerModal .player-data-ability-group.is-passing { --stat-tone:#3f78b9; } body.user-service #playerModal .player-data-group-summary .is-dribbling, body.user-service #playerModal .player-data-ability-group.is-dribbling { --stat-tone:#7961b6; } body.user-service #playerModal .player-data-group-summary .is-defending, body.user-service #playerModal .player-data-ability-group.is-defending { --stat-tone:#348467; } body.user-service #playerModal .player-data-group-summary .is-physical, body.user-service #playerModal .player-data-ability-group.is-physical { --stat-tone:#a27c28; } body.user-service #playerModal .player-data-group-summary .is-other, body.user-service #playerModal .player-data-ability-group.is-other { --stat-tone:#64748b; } body.user-service #playerModal .player-data-ability-list { display: grid; gap: 8px; } body.user-service #playerModal .player-data-ability { display: grid; grid-template-columns: minmax(84px,110px) minmax(30px,1fr) 28px; align-items: center; gap: 10px; color: var(--up-muted); font-size: 12px; } body.user-service #playerModal .player-data-ability b { color: var(--up-ink); text-align: right; font-size: 12px; } body.user-service #playerModal .player-data-ability-track, body.user-service #playerModal .player-ranker-bar { display: block; height: 6px; overflow: hidden; background: var(--up-soft); } body.user-service #playerModal .player-data-ability-track i, body.user-service #playerModal .player-ranker-bar i { display: block; height: 100%; background: var(--up-accent); } body.user-service #playerModal .player-data-mode { display: flex; gap: 4px; padding: 3px; background: var(--up-soft); } body.user-service #playerModal .player-data-mode button { min-height: 32px; padding: 5px 10px; border: 0; background: transparent; color: var(--up-muted); font: inherit; font-size: 12px; font-weight: 750; cursor: pointer; } body.user-service #playerModal .player-data-mode button.active { background: var(--up-surface); color: var(--up-accent); box-shadow: 0 1px 4px #00000012; } body.user-service #playerModal .player-ranker-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin-bottom: 18px; background: var(--up-line); border: 1px solid var(--up-line); } body.user-service #playerModal .player-ranker-summary > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 13px; background: var(--up-surface); } body.user-service #playerModal .player-ranker-summary span, body.user-service #playerModal .player-ranker-block-head span { color: var(--up-muted); font-size: 11px; } body.user-service #playerModal .player-ranker-summary strong { color: var(--up-ink); font-size: 17px; overflow-wrap: anywhere; } body.user-service #playerModal .player-ranker-block + .player-ranker-block { margin-top: 22px; } body.user-service #playerModal .player-ranker-block-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; } body.user-service #playerModal .player-ranker-season-list, body.user-service #playerModal .player-ranker-strength-list { display: grid; gap: 8px; } body.user-service #playerModal .player-ranker-position-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 20px; } body.user-service #playerModal .player-ranker-season, body.user-service #playerModal .player-ranker-strength { display: grid; grid-template-columns: minmax(100px,1fr) minmax(50px,1.3fr) auto 48px; align-items: center; gap: 12px; color: var(--up-muted); font-size: 12px; } body.user-service #playerModal .player-ranker-position { display:grid; grid-template-columns:48px minmax(30px,1fr) auto 42px; align-items:center; gap:10px; color:var(--up-muted); font-size:12px; } body.user-service #playerModal .player-ranker-season.is-current > span:first-child { color: var(--up-accent); font-weight: 800; } body.user-service #playerModal .player-ranker-season b, body.user-service #playerModal .player-ranker-strength b, body.user-service #playerModal .player-ranker-position b { color: var(--up-ink); font-size: 12px; text-align: right; } body.user-service #playerModal .player-ranker-season small, body.user-service #playerModal .player-ranker-strength small, body.user-service #playerModal .player-ranker-position small { text-align: right; font-size: 11px; } body.user-service #playerModal .player-ranker-card-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } body.user-service #playerModal .player-ranker-card { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,auto) auto; align-items:center; gap:10px; min-width:0; min-height:58px; padding:10px 38px 10px 12px; border:1px solid var(--up-line); background:var(--up-surface); color:var(--up-ink); text-align:left; cursor:pointer; } body.user-service #playerModal .player-ranker-card:hover, body.user-service #playerModal .player-ranker-card:focus-visible { border-color:var(--up-accent); outline:none; } body.user-service #playerModal .player-ranker-card.is-current { border-color:var(--up-accent); background:color-mix(in srgb,var(--up-accent) 7%,var(--up-surface)); } body.user-service #playerModal .player-ranker-card-identity { display:flex; align-items:center; gap:9px; min-width:0; } body.user-service #playerModal .player-ranker-card-identity img { width:30px; height:30px; object-fit:contain; flex:0 0 auto; } body.user-service #playerModal .player-ranker-card-identity > span, body.user-service #playerModal .player-ranker-card-count { display:flex; flex-direction:column; min-width:0; gap:3px; } body.user-service #playerModal .player-ranker-card-identity > .player-ranker-card-enhancement { display:inline-flex!important; flex-direction:row; align-items:center; justify-content:center; flex:0 0 28px; width:28px; min-width:28px; height:16px; min-height:16px; gap:0; } body.user-service #playerModal .player-ranker-card-enhancement .strength-badge { display:inline-flex!important; position:static; width:28px; min-width:28px; height:16px; margin:0; transform:none; visibility:visible; opacity:1; } body.user-service #playerModal .player-ranker-card-info { flex:0 0 auto; margin-left:3px; cursor:help; vertical-align:middle; } body.user-service #playerModal .player-ranker-card-identity small, body.user-service #playerModal .player-ranker-card-count small { color:var(--up-muted); font-size:10px; } body.user-service #playerModal .player-ranker-card-count { align-items:flex-end; flex:0 0 auto; } body.user-service #playerModal .player-ranker-card-count b, body.user-service #playerModal .player-ranker-card-market b { color:var(--up-ink); font-size:12px; } body.user-service #playerModal .player-ranker-card-market { display:flex; flex-direction:column; align-items:flex-end; justify-self:end; gap:3px; min-width:0; text-align:right; } body.user-service #playerModal .player-ranker-card-market b, body.user-service #playerModal .player-ranker-card-market small { width:100%; text-align:right; } body.user-service #playerModal .player-ranker-card-market small { color:var(--up-muted); font-size:10px; line-height:1.35; } body.user-service #playerModal .player-ranker-card-rank, body.user-service #playerModal .player-ranker-card-current { position:absolute; top:8px; right:9px; color:var(--up-muted); font-size:10px; font-weight:800; } body.user-service #playerModal .player-ranker-card-current { color:var(--up-accent); } body.user-service #playerModal .player-data-traits { display: flex; flex-wrap: wrap; gap: 8px; } body.user-service #playerModal .player-data-trait { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 0; background:var(--up-soft); color: var(--up-ink); font-size: 12px; } body.user-service #playerModal .player-data-trait.is-new { border:0; background:color-mix(in srgb,var(--up-accent) 10%,var(--up-surface)); color: var(--up-accent); } body.user-service #playerModal .player-data-trait img { width: 18px; height: 18px; object-fit: contain; } body.user-service #playerModal :is(.player-data-muted,.player-data-empty,.player-data-loading) { color: var(--up-muted); font-size: 13px; line-height: 1.65; } body.user-service #playerModal .player-data-footnote { margin: -8px 0 0; color: var(--up-muted); font-size: 11px; line-height: 1.6; } body.user-service #playerModal .player-data-method { margin:12px 0 0; color:var(--up-muted); font-size:10px; line-height:1.5; } body.user-service #playerModal .player-community-panel { width:100%; max-width:none; margin:26px 0 0; } body.user-service #playerModal .player-community-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; padding-bottom:16px; border-bottom:1px solid var(--up-line); } body.user-service #playerModal .player-community-head h3 { margin:0; color:var(--up-ink); font-size:20px; font-weight:850; } body.user-service #playerModal .player-community-head p { margin:5px 0 0; color:var(--up-muted); font-size:13px; } body.user-service #playerModal .player-community-count { color:var(--up-muted); font-size:12px; font-variant-numeric:tabular-nums; } body.user-service #playerModal .player-community-compose { display:grid; gap:9px; padding:16px; margin-bottom:22px; background:var(--up-soft); } body.user-service #playerModal .player-community-compose > label { color:var(--up-ink); font-size:13px; font-weight:800; } body.user-service #playerModal .player-community-compose input, body.user-service #playerModal .player-community-compose textarea, body.user-service #playerModal .player-community-comment-form textarea { width:100%; min-width:0; border:1px solid var(--up-line); border-radius:7px; padding:11px 12px; background:var(--up-surface); color:var(--up-ink); font:inherit; font-size:13px; } body.user-service #playerModal .player-community-compose textarea, body.user-service #playerModal .player-community-comment-form textarea { resize:vertical; line-height:1.55; } body.user-service #playerModal .player-community-compose-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; } body.user-service #playerModal .player-community-compose-actions > span { color:var(--up-muted); font-size:11px; } body.user-service #playerModal .player-community-anon-option { display:inline-flex; align-items:center; gap:6px; flex:0 0 auto; color:var(--up-muted); font-size:11px; white-space:nowrap; cursor:pointer; } body.user-service #playerModal .player-community-anon-option input { width:14px; height:14px; margin:0; accent-color:var(--up-accent); } body.user-service #playerModal .player-community-panel.is-guest .player-community-anon-option { display:none; } body.user-service #playerModal .player-community-compose-actions button, body.user-service #playerModal .player-community-comment-form button, body.user-service #playerModal .player-community-login { min-height:36px; border:0; border-radius:6px; padding:8px 15px; background:var(--up-accent); color:#fff; font:inherit; font-size:12px; font-weight:800; cursor:pointer; } body.user-service #playerModal .player-community-compose-actions button:disabled, body.user-service #playerModal .player-community-comment-form button:disabled { opacity:.55; cursor:wait; } body.user-service #playerModal .player-community-posts { display:grid; gap:10px; } body.user-service #playerModal .player-community-post { min-width:0; border-bottom:1px solid var(--up-line); } body.user-service #playerModal .player-community-post-row { display:flex; align-items:center; gap:10px; } body.user-service #playerModal .player-community-post-open { display:grid; flex:1 1 auto; min-width:0; width:100%; gap:8px; padding:14px 4px; border:0; background:transparent; color:var(--up-ink); text-align:left; cursor:pointer; } body.user-service #playerModal .player-community-post-comment-toggle { flex:0 0 auto; min-height:30px; padding:5px 10px; border:1px solid var(--up-line); border-radius:16px; background:var(--up-soft); color:var(--up-muted); font:inherit; font-size:11px; font-weight:750; white-space:nowrap; cursor:pointer; } body.user-service #playerModal .player-community-post-comment-toggle:hover { border-color:var(--up-accent); color:var(--up-accent); } body.user-service #playerModal .player-community-post-open:hover .player-community-post-preview, body.user-service #playerModal .player-community-post-open:focus-visible .player-community-post-preview { color:var(--up-accent); } body.user-service #playerModal .player-community-post-meta { display:flex; align-items:center; gap:10px; color:var(--up-muted); font-size:11px; } body.user-service #playerModal .player-community-post-meta b { color:var(--up-ink); font-weight:750; } body.user-service #playerModal .player-community-post-meta small { margin-left:auto; font-size:11px; } body.user-service #playerModal .player-community-post-preview { display:-webkit-box; overflow:hidden; color:var(--up-ink); font-size:13px; font-weight:500; line-height:1.55; text-overflow:ellipsis; white-space:normal; -webkit-box-orient:vertical; -webkit-line-clamp:3; } body.user-service #playerModal .player-community-thread { padding:0 4px 16px; } body.user-service #playerModal .player-community-post-body { padding:12px; border-radius:6px; background:var(--up-soft); color:var(--up-ink); font-size:13px; line-height:1.7; overflow-wrap:anywhere; } body.user-service #playerModal .player-community-post-body p { margin:0; } body.user-service #playerModal .player-community-comments { display:grid; gap:9px; margin:14px 0; } body.user-service #playerModal .player-community-comments[hidden] { display:none !important; } body.user-service #playerModal .player-community-comments-toggle { min-height:30px; margin-top:12px; padding:5px 10px; border:1px solid var(--up-line); border-radius:16px; background:var(--up-soft); color:var(--up-ink); font:inherit; font-size:11px; font-weight:750; cursor:pointer; } body.user-service #playerModal .player-community-comments-toggle:hover { border-color:var(--up-accent); color:var(--up-accent); } body.user-service #playerModal .player-community-replies[hidden] { display:none !important; } body.user-service #playerModal .player-community-comment-node { min-width:0; } body.user-service #playerModal .player-community-comment { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:5px 9px; padding:9px 0; color:var(--up-muted); font-size:12px; } body.user-service #playerModal .player-community-comment-head { display:flex; align-items:center; gap:9px; min-width:0; } body.user-service #playerModal .player-community-comment b { color:var(--up-ink); white-space:nowrap; } body.user-service #playerModal .player-community-comment-body { grid-column:1 / -1; min-width:0; color:var(--up-ink); line-height:1.55; overflow-wrap:anywhere; } body.user-service #playerModal .player-community-comment-body p { margin:0; } body.user-service #playerModal .player-community-comment time { color:var(--up-muted); font-size:10px; white-space:nowrap; } body.user-service #playerModal .player-community-replies { position:relative; display:grid; gap:4px; margin:2px 0 4px 18px; padding-left:16px; } body.user-service #playerModal .player-community-replies::before { position:absolute; top:0; bottom:17px; left:0; width:1px; background:var(--up-line); content:""; } body.user-service #playerModal .player-community-replies > .player-community-comment-node { position:relative; } body.user-service #playerModal .player-community-replies > .player-community-comment-node::before { position:absolute; top:18px; left:-16px; width:12px; height:1px; background:var(--up-line); content:""; } body.user-service #playerModal .player-community-reply-button { justify-self:start; padding:0; border:0; background:transparent; color:var(--up-muted); font:inherit; font-size:11px; font-weight:700; cursor:pointer; } body.user-service #playerModal .player-community-reply-button:hover { color:var(--up-accent); } body.user-service #playerModal .player-community-replies-toggle { justify-self:start; min-height:26px; padding:3px 8px; border:0; border-radius:14px; background:var(--up-soft); color:var(--up-muted); font:inherit; font-size:10px; font-weight:750; cursor:pointer; } body.user-service #playerModal .player-community-replies-toggle:hover { color:var(--up-accent); } body.user-service #playerModal .player-community-reply-form-host:empty { display:none; } body.user-service #playerModal .player-community-reply-form-host { margin:4px 0 10px 16px; } body.user-service #playerModal .player-community-no-comments { color:var(--up-muted); font-size:12px; } body.user-service #playerModal .player-community-comment-form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:9px; } body.user-service #playerModal .player-community-comment-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; color:var(--up-muted); font-size:11px; } body.user-service #playerModal .player-community-comment-form button { min-width:96px; } body.user-service #playerModal .player-community-login { background:var(--up-soft); color:var(--up-accent); } body.user-service #playerModal .player-community-empty { display:grid; justify-items:center; gap:6px; padding:38px 16px; color:var(--up-muted); text-align:center; font-size:12px; } body.user-service #playerModal .player-community-empty strong { color:var(--up-ink); font-size:14px; } body.user-service #playerModal .player-community-empty button { margin-top:8px; border:1px solid var(--up-line); border-radius:6px; padding:7px 12px; background:var(--up-surface); color:var(--up-ink); cursor:pointer; } body.user-service #playerModal .player-community-skeleton { display:grid; gap:10px; } body.user-service #playerModal .player-community-skeleton i { display:block; height:68px; background:linear-gradient(90deg,var(--up-soft),color-mix(in srgb,var(--up-soft) 55%,var(--up-surface)),var(--up-soft)); background-size:200% 100%; animation:playerCommunityShimmer 1.15s ease-in-out infinite; } @keyframes playerCommunityShimmer { to { background-position:-200% 0; } } @media(max-width: 768px) { body.user-service #playerModal .decision-player-data { margin-top:22px; padding-top:20px; } body.user-service #playerModal .decision-player-data-head { align-items:flex-start; flex-direction:column; gap:10px; } body.user-service #playerModal .decision-player-data-link { width:100%; } body.user-service #playerModal .player-data-section { padding: 0; } body.user-service #playerModal .player-data-section-head { align-items: flex-start; flex-direction: column; gap: 9px; } body.user-service #playerModal .player-data-section-head:has(.player-data-mode) { align-items: flex-start; } body.user-service #playerModal .player-data-overview-grid { grid-template-columns: 112px minmax(0,1fr); gap: 12px; } body.user-service #playerModal .player-data-overall { padding: 12px; } body.user-service #playerModal .player-data-overall strong { font-size: 34px; } body.user-service #playerModal .player-data-meta-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } body.user-service #playerModal .player-data-ability-groups { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 14px; } body.user-service #playerModal .player-ranker-summary { grid-template-columns: 1fr; } body.user-service #playerModal .player-ranker-summary > div { flex-direction: row; align-items: center; justify-content: space-between; gap: 8px; } body.user-service #playerModal .player-ranker-summary strong { font-size: 14px; text-align: right; } body.user-service #playerModal .player-ranker-block-head { align-items: flex-start; flex-direction: column; gap: 3px; } body.user-service #playerModal .player-ranker-season, body.user-service #playerModal .player-ranker-strength { grid-template-columns: minmax(70px,.9fr) minmax(34px,1fr) auto 38px; gap: 7px; font-size: 11px; } body.user-service #playerModal .player-ranker-position-list { grid-template-columns:1fr; } body.user-service #playerModal .player-ranker-position { grid-template-columns:42px minmax(24px,1fr) auto 36px; gap:7px; font-size:11px; } body.user-service #playerModal .player-ranker-card-list { grid-template-columns:1fr; } body.user-service #playerModal .player-data-group-summary { grid-template-columns:repeat(3,minmax(0,1fr)); } body.user-service #playerModal .player-data-ability { grid-template-columns: minmax(76px,96px) minmax(24px,1fr) 26px; gap: 8px; } body.user-service #playerModal .player-community-head { align-items:flex-start; } body.user-service #playerModal .player-community-compose { padding:12px; } body.user-service #playerModal .player-community-compose-actions { align-items:flex-end; } body.user-service #playerModal .player-community-compose-actions > span { max-width:58%; line-height:1.4; } body.user-service #playerModal .player-community-comment { grid-template-columns:minmax(0,1fr) auto; gap:5px 8px; } body.user-service #playerModal .player-community-replies { margin-left:10px; padding-left:12px; } body.user-service #playerModal .player-community-replies > .player-community-comment-node::before { left:-12px; width:8px; } body.user-service #playerModal .player-community-reply-form-host { margin-left:10px; } body.user-service #playerModal .player-community-comment-form { grid-template-columns:1fr; } body.user-service #playerModal .player-community-comment-form button { justify-self:end; } body.user-service #playerModal .player-community-compose-actions { flex-wrap:wrap; } body.user-service #playerModal .player-community-compose-actions > span { max-width:none; } } @media(max-width: 600px) { body.user-service #playerModal .player-data-ability-groups { grid-template-columns:1fr; gap:18px; } body.user-service #playerModal .player-data-ability { grid-template-columns:minmax(76px,96px) minmax(0,1fr) 26px; } } @media(min-width:901px) { :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head[data-player-ad-stacked='true']:has(.up-top-advert > :not(.hidden)) { grid-template-columns:minmax(0,1fr) auto; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head[data-player-ad-stacked='true'] .modal-head-actions { grid-column:2; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head[data-player-ad-stacked='true'] .up-top-advert { grid-column:1 / -1; grid-row:2; margin-top:12px; } :root body.user-service #playerModal[data-player-shell='dossier'] .modal-head[data-player-ad-stacked='true'] #modalTabs { grid-row:3; } } body.user-service #playerModal .up-profile-ad { margin:24px auto 0; padding:0; } @media(max-width:900px) { body.user-service #playerModal .up-profile-ad { display:none!important; } } body.user-service #playerModal:not([data-player-tab='modalTabChart']) .up-profile-host:has(.up-profile-ad:not(.hidden)) { position:static; max-height:none; overflow:visible; }