/* Scoped squad workspace. Charcoal, violet actions, white rating numerals. */
.sq-portfolio-banner { margin-bottom:26px;background:linear-gradient(125deg,#201c2a,#171d1f 65%);border:1px solid #34313e;border-radius:14px;overflow:hidden; }
#sq-value-chart { padding:25px 26px 16px; }
.sq-chart-header { display:flex;justify-content:space-between;align-items:flex-start;gap:18px; }
.sq-chart-label { display:block;color:#a9a2b6;font-size:10px;letter-spacing:1.3px; }
.sq-chart-label small { display:block;font-size:11px;letter-spacing:0;color:#899298;margin-top:7px; }
.sq-chart-value { display:block;font-size:38px;letter-spacing:-1.4px;margin:12px 0 8px;line-height:1.15;font-variant-numeric:tabular-nums; }
.sq-chart-change { display:flex;align-items:center;gap:10px;flex-wrap:wrap; }
.sq-chart-change b { padding:5px 8px;background:#ffffff09;border-radius:5px;font-size:14px;font-variant-numeric:tabular-nums; }
.sq-chart-change span,.sq-chart-lifetime { font-size:11px;color:#a1a4ac; }.sq-chart-lifetime { display:block;margin-top:8px; }
.sq-periods { display:flex;padding:4px;background:#101417;border:1px solid #33333e;border-radius:8px;gap:3px; }
.sq-periods button { background:none;border:0;border-radius:5px;padding:8px 13px;color:#9d99a9;font:inherit;font-size:11px;cursor:pointer; }
.sq-periods button[aria-pressed="true"] { background:#382953;color:#e4d8ff; }
.sq-chart-plot { position:relative;height:168px;margin-top:18px;outline-offset:3px; }
.sq-chart-plot svg { width:100%;height:100%;display:block; }
.sq-chart-plot output { position:absolute;top:0;transform:translateX(-50%);padding:9px 12px;background:#302a3f;border:1px solid #675578;color:#f5f0ff;border-radius:7px;font-size:11px;white-space:nowrap;pointer-events:none;z-index:2; }
.sq-chart-empty { position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#a7a0b5; }
.sq-chart-dates { display:flex;justify-content:space-between;padding:8px 2.4%;font-size:10px;color:#86828f; }
.sq-chart-caption { font-size:10px;color:#8e8a98;margin:8px 0 0;line-height:1.5; }
.sq-portfolio-banner .sq-chart-summary { grid-template-columns:repeat(3,1fr);margin:0;border:0;border-top:1px solid #34313e;border-radius:0;background:#161b1dcc;padding:18px 0; }
.home-portfolio-card { margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#211c2b,#171d1f 68%);border:1px solid #393442;border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm); }
.home-portfolio-top { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }.home-portfolio-top h2 { margin:8px 0 7px;font-size:29px;line-height:1.1;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#eef0f2; }.home-portfolio-card .sq-eyebrow { font-size:8px;letter-spacing:1.4px; }.home-portfolio-card .sq-periods { padding:3px;gap:1px; }.home-portfolio-card .sq-periods button { padding:6px 7px;font-size:8px; }
.home-portfolio-change { display:flex;align-items:center;gap:7px;font-size:9px; }.home-portfolio-change b { padding:4px 6px;border-radius:5px;background:#ffffff0a;font-size:11px;font-variant-numeric:tabular-nums; }.home-portfolio-change span { color:#929ba1; }
.home-portfolio-plot { position:relative;height:116px;margin-top:17px; }.home-portfolio-plot svg { display:block;width:100%;height:100%; }.home-portfolio-plot>span { position:absolute;left:0;right:0;bottom:8px;text-align:center;font-size:9px;color:#8d929c; }.home-portfolio-dates { display:flex;justify-content:space-between;margin:5px 1px 15px;color:#777f86;font-size:8px; }
.home-portfolio-movements { margin:0 -4px 14px;padding:13px 4px 9px;border-top:1px solid #393640;border-bottom:1px solid #393640; }.home-movement-head { display:flex;align-items:center;justify-content:space-between;margin:0 2px 5px; }.home-movement-head>span { color:#8f969e;font-size:8px;font-weight:700;letter-spacing:1px; }.home-movement-head button { border:0;background:none;color:#bea8e9;font:inherit;font-size:9px;cursor:pointer; }.home-portfolio-movements>p { margin:12px 2px;color:#858d93;font-size:9px;line-height:1.5; }
.home-portfolio-footer { display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding-top:14px;border-top:1px solid #393640; }.home-portfolio-footer>div small { display:block;color:#7f878f;font-size:8px;letter-spacing:.8px; }.home-portfolio-footer>div strong { display:block;margin:5px 0 3px;color:#dce1e4;font-size:15px; }.home-portfolio-footer>div span { color:#818b91;font-size:9px; }.home-portfolio-footer button { display:flex;align-items:center;gap:6px;border:0;background:none;color:#bea8e9;font:inherit;font-size:10px;cursor:pointer;padding:6px 0; }.home-portfolio-footer button:hover { color:#decfff; }.home-portfolio-footer button svg { width:13px;height:13px; }
@media(max-width:600px) { #sq-value-chart { padding:20px 15px 15px; }.sq-chart-header { flex-direction:column;gap:17px; }.sq-chart-value { font-size:32px; }.sq-chart-plot { height:145px; }.sq-chart-change { gap:5px; }.sq-chart-change span { font-size:10px; }.sq-portfolio-banner .sq-chart-summary { grid-template-columns:1fr;gap:17px; }.sq-portfolio-banner .sq-chart-summary>div { border-right:0; }.sq-chart-empty { font-size:10px; } }
#view-squad { --sq-line:#2b3337; --sq-muted:#939fa6; --sq-panel:#171d1f; }
#squad-studio { max-width:1440px;margin:0 auto;padding-bottom:36px; }
.sq-heading { display:flex;justify-content:space-between;align-items:center;gap:24px;margin:10px 0 28px; }
.sq-eyebrow { font-size:10px;font-weight:750;letter-spacing:1.8px;color:#a59abb; }
.sq-heading h1 { font-size:38px;letter-spacing:-1.6px;line-height:1.15;margin:9px 0; }
.sq-heading h1>span { color:#9870ff; }
.sq-heading p,.sq-card p,.sq-section-head p,.sq-empty p { color:#939fa6;font-size:13px;line-height:1.7;margin:6px 0 0; }
.sq-button { display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #394044;background:#242b2e;color:#f1f3f4;padding:11px 15px;border-radius:9px;font:inherit;font-size:12px;font-weight:650;cursor:pointer; }
.sq-button:hover { background:#30383c;border-color:#747079; }
.sq-button.sq-primary { background:#7c4dff;border-color:#7c4dff;color:white; }
.sq-button.sq-primary:hover { background:#8c64ff; }
.sq-button:disabled { opacity:.45;cursor:not-allowed; }
#squad-studio button:focus-visible,.sq-dialog button:focus-visible,#squad-studio select:focus-visible,.sq-dialog input:focus-visible,.sq-dialog select:focus-visible { outline:2px solid #ad92ff;outline-offset:4px; }
.sq-button svg,.sq-tabs svg,.sq-needs svg,.sq-footnote svg,.sq-total svg { width:16px;height:16px;flex-shrink:0; }
.sq-summary { display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;background:#171d1f;border:1px solid #2b3337;border-radius:14px;margin-bottom:26px;padding:23px 0; }
.sq-summary>div { padding:0 25px;border-right:1px solid #303739;display:flex;flex-direction:column;gap:9px; }
.sq-summary>div:last-child { border-right:0; }
.sq-summary>div>span { display:flex;align-items:center;gap:7px;color:#a3adb2;font-size:12px; }
.sq-summary>div>strong { font-size:25px;letter-spacing:-.8px;line-height:1.25;font-variant-numeric:tabular-nums; }
.sq-summary .sq-total>strong { color:#f6f3ff;font-size:29px; }
.sq-summary small { font-size:10px;color:#939fa6;line-height:1.5; }
.sq-summary small>span { color:#939fa6; }
.sq-summary em { font-size:13px;font-style:normal;color:#737f86;font-weight:450; }
.sq-layout { display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start; }
.sq-main { background:#171d1f;border:1px solid #2b3337;border-radius:14px;min-width:0;overflow:hidden; }
.sq-tabs { display:flex;gap:24px;border-bottom:1px solid #2b3337;padding:0 24px; }
.sq-tabs button { display:flex;align-items:center;gap:8px;background:none;border:0;border-bottom:3px solid transparent;padding:20px 0 17px;color:#939fa6;font:inherit;font-size:12px;cursor:pointer; }
.sq-tabs button.active { color:#faf8ff;border-color:#956bff; }
.sq-pitch-heading { display:flex;align-items:center;justify-content:space-between;padding:22px 24px;gap:14px; }
.sq-pitch-heading h2,.sq-section-head h2,.sq-card h2 { font-size:18px;font-weight:650;letter-spacing:-.4px;margin:0 0 7px; }
.sq-pitch-heading span { color:#939fa6;font-size:11px; }
.sq-pitch-heading label { display:flex;align-items:center;gap:9px;color:#939fa6;font-size:11px; }
.sq-pitch-heading select,.sq-picker-controls select { border:1px solid #394044;border-radius:7px;padding:8px;color:#e9edef;background:#22292c;font:inherit;font-size:12px; }
.sq-field { position:relative;isolation:isolate;margin:0 20px 20px;padding:26px 16px 18px;border:1px solid #405149;border-radius:10px;background:repeating-linear-gradient(0deg,#172922 0,#172922 65px,#192e26 65px,#192e26 130px); }
.sq-field-lines { position:absolute;inset:15px;z-index:-1;border:1px solid #859a873e;overflow:hidden; }
.sq-field-lines:after { content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid #859a873e; }
.sq-center { position:absolute;width:100px;height:100px;border:1px solid #859a8750;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%); }
.sq-box { position:absolute;width:40%;height:16%;left:30%;border:1px solid #859a8750; }
.sq-box.top { top:-1px; }.sq-box.bottom { bottom:-1px; }
.sq-field-row { display:flex;justify-content:space-around;gap:5px;position:relative;min-height:124px;align-items:center; }
.sq-player { width:112px;min-width:0;padding:9px 3px;display:flex;align-items:center;flex-direction:column;background:none;border:1px solid transparent;border-radius:10px;color:#fff;font:inherit;cursor:pointer;transition:background .15s,transform .15s; }
.sq-player[draggable="true"] { cursor:grab; }.sq-player[draggable="true"]:active { cursor:grabbing; }.sq-player.is-dragging { opacity:.35; }.sq-player.is-drag-over { border-color:#ad92ff;background:#ad92ff1c;box-shadow:0 0 0 2px #ad92ff33; }.sq-vacancy.is-drag-over .sq-empty-avatar { background:#ad92ff;color:#171d1f; }
.sq-player:hover { background:#e1eae810;border-color:#c2d4c026;transform:translateY(-2px); }
.sq-avatar { width:44px;height:44px;border-radius:50%;background:#384443;color:#dce7e4;display:inline-flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;overflow:hidden;font-weight:650;font-size:12px; }
.sq-avatar img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#e4e7e4; }
.sq-portrait { position:relative;padding-bottom:12px; }
.sq-portrait .sq-avatar { width:48px;height:48px;border:2px solid #d9e4db; }
.sq-rating { display:inline-block;min-width:25px;padding:3px 4px;font-size:12px;font-weight:750;line-height:1.15;border-radius:2px;color:#fff!important;letter-spacing:-.4px; }
.sq-rating.elite { background:#00a9cf; }.sq-rating.good { background:#18be32; }.sq-rating.average { background:#d8b600; }.sq-rating.low { background:#ed8300; }.sq-rating.poor { background:#de242c; }
.sq-portrait>.sq-rating { position:absolute;bottom:3px;left:50%;transform:translateX(-50%); }
.sq-player strong { width:100%;font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center; }
.sq-player small { color:#9fafaa;font-size:10px;margin-top:4px; }
.sq-empty-avatar { width:44px;height:44px;border:1px dashed #82988f;border-radius:50%;display:grid;place-items:center;margin:2px 0 14px;background:#17292288; }
.sq-empty-avatar svg { width:17px;height:17px;color:#b2c4ba; }
.sq-vacancy strong { color:#b1c5b9;font-weight:500; }
.sq-vacancy small { color:#839b8d; }
.sq-drag-hint { display:flex;align-items:center;gap:6px;padding:0 24px 13px;color:#8f9da0;font-size:11px; }.sq-drag-hint svg { width:14px;height:14px;color:#ad92ff; }
.sq-side { display:grid;gap:16px; }
.sq-card { background:#171d1f;border:1px solid #2b3337;border-radius:14px;padding:21px; }
.sq-progress { background:linear-gradient(135deg,#272134,#171d1f 65%); }
.sq-card-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:16px; }
.sq-counter { font-size:27px;font-weight:650; }.sq-counter small { font-size:14px;color:#8b929b;font-weight:450; }
.sq-dots { display:flex;gap:4px;margin:19px 0 13px; }.sq-dots>span { flex:1;height:4px;background:#353a40;border-radius:3px; }.sq-dots .filled { background:#9870ff; }
.sq-needs { margin-bottom:17px; }.sq-needs button { width:100%;display:flex;justify-content:space-between;background:none;border:0;border-bottom:1px solid #34343e;padding:10px 0;color:#c2c8cb;font:inherit;font-size:12px;cursor:pointer; }.sq-needs button>span:last-child { display:flex;align-items:center;gap:3px; }.sq-needs small { color:#77858b; }.sq-needs svg { margin-left:9px;color:#a88cff; }
.sq-progress>.sq-button { width:100%;font-size:11px; }
.sq-card>.sq-eyebrow { display:block;margin-bottom:15px; }
.sq-highlight { display:flex;align-items:center;gap:10px;color:#e9edef;background:none;border:0;padding:9px 0;font:inherit;text-align:left;cursor:pointer;width:100%; }.sq-highlight>span:nth-child(2) { flex:1; }.sq-highlight strong { display:block;font-size:12px; }.sq-highlight small { display:block;margin-top:5px;font-size:12px; }.sq-highlight svg { width:15px; }
.sq-positive { color:#53d693!important; }.sq-negative { color:#ff8585!important; }.sq-muted { color:#939fa6!important; }
.sq-footnote { display:flex;gap:9px;padding:0 7px;color:#718087;align-items:flex-start; }.sq-footnote p { font-size:10px;line-height:1.7;margin:0; }
.sq-settings { color:#939fa6;font-size:11px;padding:10px 7px; }.sq-settings summary { cursor:pointer; }.sq-settings p { line-height:1.6; }
.sq-outside { padding:0 24px 24px; }.sq-outside h3 { font-size:13px; }.sq-outside p { color:#939fa6;font-size:11px;line-height:1.6; }.sq-outside>div { display:flex;flex-wrap:wrap;gap:8px; }.sq-outside button { display:flex;gap:8px;align-items:center;background:#222a2c;border:1px solid #333c3e;color:#ddd;border-radius:8px;padding:9px;font-size:11px;cursor:pointer; }.sq-outside small { display:block;color:#929c9f;margin-top:4px; }.sq-outside .sq-avatar { width:30px;height:30px; }
.sq-section-head { padding:25px; }.sq-table-wrap { overflow:auto; }.sq-table { width:100%;border-collapse:collapse;font-size:12px; }.sq-table th { font-weight:500;color:#89969c;font-size:10px;text-align:right;padding:12px 15px;background:#141a1c; }.sq-table th:first-child { text-align:left; }.sq-table td { padding:15px;border-bottom:1px solid #2b3337;text-align:right;white-space:nowrap; }.sq-table td:first-child { text-align:left; }.sq-table td button { display:flex;align-items:center;gap:10px;background:none;border:0;color:#e9edef;text-align:left;font:inherit;cursor:pointer; }.sq-table small { display:block;font-size:10px;margin-top:5px;color:#939fa6; }.sq-table .sq-avatar { width:33px;height:33px; }
.sq-empty { padding:55px 25px;text-align:center; }.sq-empty>svg { color:#ab91e5;width:32px;height:32px; }.sq-empty h2 { font-size:19px;margin-top:20px; }.sq-empty .sq-button { margin-top:22px; }
.sq-movement-list { padding:0 24px 24px; }.sq-movement { width:100%;display:flex;align-items:center;gap:12px;padding:14px 0;border:0;border-bottom:1px solid #2b3337;background:none;color:#edf1f3;font:inherit;text-align:left;cursor:pointer; }.sq-movement:hover .sq-movement-player strong { color:#c7b5fa; }.sq-movement-trend { width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#ffffff08;flex-shrink:0; }.sq-movement-trend.sq-positive { background:#53d69316; }.sq-movement-trend.sq-negative { background:#ff858516; }.sq-movement-trend svg { width:16px;height:16px; }.sq-movement .sq-avatar { width:38px;height:38px; }.sq-movement-player { min-width:0;flex:1; }.sq-movement-player strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;transition:color .15s; }.sq-movement-player small { display:block;margin-top:5px;color:#8f999e;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.sq-movement-value { text-align:right;font-variant-numeric:tabular-nums; }.sq-movement-value strong { display:block;font-size:13px; }.sq-movement-value small { display:block;margin-top:5px;color:currentColor;font-size:10px; }.sq-movement.is-compact { gap:8px;padding:9px 2px; }.sq-movement.is-compact .sq-movement-trend { width:25px;height:25px;border-radius:7px; }.sq-movement.is-compact .sq-movement-trend svg { width:13px;height:13px; }.sq-movement.is-compact .sq-avatar { width:28px;height:28px;font-size:8px; }.sq-movement.is-compact .sq-movement-player strong { font-size:10px; }.sq-movement.is-compact .sq-movement-player small,.sq-movement.is-compact .sq-movement-value small { font-size:8px; }.sq-movement.is-compact .sq-movement-value strong { font-size:10px; }.sq-movement-empty { padding-top:35px; }.sq-history-section { margin-top:8px;border-top:1px solid #30383b; }.sq-history-none { margin:0;padding:0 25px 28px;color:#8e989d;font-size:11px; }
.sq-history { padding:0 24px 24px; }.sq-history>div { display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #2b3337;font-size:12px; }.sq-history>div>svg { width:19px;color:#a78ce5; }.sq-history>div>span:nth-child(2) { flex:1; }.sq-history>div>span:last-child { text-align:right; }.sq-history small { display:block;color:#939fa6;font-size:10px;margin-top:5px; }
.sq-dialog { margin:auto;background:#171d1f;color:#edf1f3;border:1px solid #3e444b;border-radius:16px;padding:25px;width:min(600px,calc(100vw - 28px));max-height:88vh;overflow:auto;box-shadow:0 28px 120px #0009; }.sq-dialog::backdrop { background:#06090bc9;backdrop-filter:blur(5px); }.sq-dialog-head { display:flex;align-items:center;justify-content:space-between;gap:15px; }.sq-dialog-head h2 { font-size:25px;margin:8px 0;letter-spacing:-.8px; }.sq-icon-button { display:grid;place-items:center;width:34px;height:34px;background:#283034;color:white;border:1px solid #40474b;border-radius:50%;cursor:pointer; }.sq-icon-button svg { width:17px; }
.sq-picker-budget { font-size:12px;color:#9da8ad;padding:13px 0;border-bottom:1px solid #343c40; }.sq-picker-budget strong { color:#e1d7ff; }.sq-picker-controls { display:grid;gap:10px;margin:18px 0 12px; }.sq-picker-controls>div { display:flex;gap:10px; }.sq-search { display:flex;align-items:center;gap:10px;border:1px solid #455057;border-radius:8px;padding:0 12px; }.sq-search svg { width:17px;color:#939fa6; }.sq-search input { width:100%;background:none;border:0;padding:13px 0;color:white;font:inherit;font-size:13px; }.sq-picker-hint { color:#939fa6;font-size:11px;line-height:1.6; }.sq-candidates>small { color:#939fa6;font-size:11px; }.sq-candidate { display:flex;gap:10px;justify-content:space-between;padding:16px 0;border-bottom:1px solid #31393d; }.sq-person { display:flex;gap:12px;align-items:center;background:none;border:0;color:white;text-align:left;font:inherit;cursor:pointer;min-width:0; }.sq-person strong { font-size:13px; }.sq-person small { display:block;font-size:10px;color:#939fa6;margin-top:5px; }.sq-person .sq-rating { font-size:10px;padding:2px 3px;min-width:21px; }.sq-candidate>div { text-align:right;display:flex;flex-direction:column;gap:8px;flex-shrink:0; }.sq-candidate>div>strong { font-size:13px; }.sq-candidate .sq-button { padding:7px 10px;font-size:11px; }.sq-player-detail { text-align:center;padding:22px 0; }.sq-player-detail .sq-avatar { width:80px;height:80px;font-size:24px; }.sq-player-detail h2 { margin:13px 0 4px;font-size:24px; }.sq-player-detail p { color:#939fa6;font-size:12px; }.sq-player-values { display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#22292c;padding:18px;border-radius:10px; }.sq-player-values small { display:block;font-size:10px;color:#939fa6;margin-bottom:9px; }.sq-player-values strong { font-size:15px; }.sq-dialog-actions { display:grid;gap:10px;margin-top:24px; }
.sq-slot-player { display:flex;align-items:center;gap:12px;margin:20px 0 10px;padding:12px;background:#22292c;border-radius:10px; }.sq-slot-player .sq-avatar { width:48px;height:48px; }.sq-slot-player strong,.sq-slot-player small { display:block; }.sq-slot-player strong { font-size:14px; }.sq-slot-player small { margin-top:4px;color:#939fa6;font-size:11px; }.sq-slot-choices { display:grid;gap:8px;margin-top:16px; }.sq-slot-choice { display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 12px;background:#20272a;border:1px solid #343d40;border-radius:9px;color:#edf1f3;text-align:left;font:inherit;cursor:pointer; }.sq-slot-choice:hover:not(:disabled) { border-color:#ad92ff;background:#ad92ff14; }.sq-slot-choice:disabled { opacity:.48;cursor:not-allowed; }.sq-slot-choice.is-preferred:not(:disabled) { border-color:#8068ba; }.sq-slot-choice-mark { display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#313a3d;color:#ad92ff; }.sq-slot-choice-mark svg { width:14px;height:14px; }.sq-slot-choice strong,.sq-slot-choice small { display:block; }.sq-slot-choice strong { font-size:12px; }.sq-slot-choice small { margin-top:3px;color:#939fa6;font-size:10px; }.sq-slot-choice-action { color:#bdaaff;font-size:10px; }.sq-slot-footnote { margin:12px 0 0;color:#9da8ad;font-size:10px; }
@media(min-width:1600px) { .sq-layout { grid-template-columns:minmax(0,1fr) 330px; }.sq-field-row { min-height:137px; }.sq-player { width:125px; }.sq-portrait .sq-avatar { width:55px;height:55px; } }
@media(max-width:1150px) { .sq-layout { grid-template-columns:minmax(0,1fr) 260px;gap:14px; }.sq-summary>div { padding:0 16px; }.sq-summary>div>strong { font-size:21px; }.sq-summary .sq-total>strong { font-size:24px; }.sq-field { margin:0 12px 12px;padding:20px 8px; }.sq-card { padding:17px; } }
@media(max-width:900px) { .sq-layout { grid-template-columns:1fr; }.sq-side { grid-template-columns:1fr 1fr; }.sq-footnote,.sq-settings { grid-column:1/-1; }.sq-summary { grid-template-columns:1fr 1fr;gap:22px 0; }.sq-summary>div:nth-child(2) { border:0; }.sq-heading h1 { font-size:31px; } }
@media(max-width:550px) { .sq-heading { gap:10px; }.sq-heading h1 { font-size:27px; }.sq-heading p { font-size:11px; }.sq-heading>.sq-button { font-size:11px;padding:10px; }.sq-heading .sq-eyebrow { font-size:8px; }.sq-summary>div { padding:0 13px; }.sq-summary small { font-size:9px; }.sq-tabs { gap:20px;padding:0 16px; }.sq-tabs button { font-size:11px; }.sq-tabs svg { display:none; }.sq-pitch-heading { padding:18px 14px; }.sq-pitch-heading h2 { font-size:15px; }.sq-pitch-heading span { font-size:9px; }.sq-pitch-heading label { font-size:0; }.sq-player strong { font-size:9px; }.sq-player small { font-size:8px; }.sq-field-row { min-height:110px; }.sq-portrait .sq-avatar { width:40px;height:40px; }.sq-side { grid-template-columns:1fr; }.sq-dialog { padding:18px; }.sq-person { gap:8px; }.sq-person strong { font-size:11px; }.sq-player-values { padding:14px 9px; }.sq-player-values strong { font-size:12px; } }

/* Club season center: points lead, transfer economy supports the decision. */
.sq-analytics-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; margin-bottom:22px; align-items:stretch; }
.sq-analytics-widget { min-width:0; height:100%; margin-bottom:0; }
.sq-club-banner { margin-bottom:0; background:linear-gradient(125deg,#211b30,#171d1f 70%); border:1px solid #403650; border-radius:14px; overflow:hidden; }
.sq-club-head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:25px 27px 21px; }
.sq-club-head h2 { margin:10px 0 6px; font-size:28px; letter-spacing:-1px; }
.sq-club-head h2>span { color:#a383ff; }
.sq-club-head p { margin:0; color:#a5a0b2; font-size:12px; line-height:1.6; }
.sq-club-crest { display:grid; place-items:center; width:46px; height:46px; border:1px solid #6f5b92; border-radius:13px; color:#c1adff; background:#ffffff08; }
.sq-club-crest svg { width:22px; height:22px; }
.sq-score-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; border-top:1px solid #3c334b; }
.sq-score-grid>div { min-height:105px; padding:20px 26px; border-right:1px solid #3c334b; display:flex; flex-direction:column; gap:8px; }
.sq-score-grid>div:last-child { border-right:0; }
.sq-score-grid small { color:#9e98aa; font-size:9px; letter-spacing:1.2px; font-weight:700; }
.sq-score-grid strong { color:#f4f0ff; font-size:25px; line-height:1.1; font-variant-numeric:tabular-nums; }
.sq-score-grid span { color:#92909d; font-size:10px; line-height:1.4; }
.sq-score-primary { background:#ffffff05; }
.sq-score-primary strong { color:#d9cbff; font-size:40px; letter-spacing:-1.4px; }
.sq-score-primary span { color:#b3a6d1; }
.sq-club-foot { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 26px; border-top:1px solid #3c334b; background:#12171a52; }
.sq-club-foot p { margin:0; color:#9895a4; font-size:10px; line-height:1.5; }
.sq-club-foot .sq-button { flex-shrink:0; padding:8px 11px; font-size:10px; }
.sq-club-points-chart { padding:17px 26px 13px; border-top:1px solid #3c334b; background:#16122255; }
.sq-points-chart-head { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.sq-points-chart-head .sq-chart-label { color:#aaa0be; }
.sq-points-chart-head strong { color:#e0d5ff; font-size:20px; line-height:1.1; font-variant-numeric:tabular-nums; }
.sq-points-chart-range { display:block; margin-top:8px; color:#8d849f; font-size:10px; }
.sq-points-chart-plot { position:relative; height:112px; margin-top:9px; }
.sq-points-chart-plot svg { display:block; width:100%; height:100%; }
.sq-points-chart-empty { position:absolute; inset:0; display:grid; place-items:center; padding-top:17px; color:#9b91aa; font-size:10px; text-align:center; }
.sq-points-chart-dates { display:flex; justify-content:space-between; padding:5px 2.4% 0; color:#81798e; font-size:9px; }
.sq-points-chart-meta { display:flex; justify-content:space-between; gap:10px; margin-top:10px; padding-top:9px; border-top:1px solid #3c334b; color:#8d8798; font-size:9px; }
.sq-points-chart-meta span:last-child { color:#bba9e5; }
.sq-economy-banner { background:#171d1f; border-color:#2b3337; }
.sq-economy-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:24px 26px 0; }
.sq-economy-heading h2 { margin:9px 0 5px; font-size:18px; }
.sq-economy-heading p { max-width:660px; margin:0; color:#8f9a9e; font-size:11px; line-height:1.6; }
.sq-economy-budget { flex-shrink:0; margin-top:1px; padding:7px 9px; border:1px solid #3a4245; border-radius:7px; color:#c9baff; font-size:10px; }
.sq-economy-banner #sq-value-chart { padding-top:20px; }
.sq-points-intro { padding-bottom:28px; }
.sq-points-intro h2 { margin-top:9px; }
.sq-points-rules { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:24px; }
.sq-points-rules>div { display:grid; grid-template-columns:28px 1fr; column-gap:9px; padding:13px; border:1px solid #303a3d; border-radius:9px; background:#13191b; }
.sq-points-rules>div>span { grid-row:span 2; display:grid; place-items:center; width:28px; height:28px; border-radius:8px; background:#7c4dff1a; color:#bda9ff; }
.sq-points-rules svg { width:15px; height:15px; }
.sq-points-rules strong { align-self:end; font-size:10px; color:#e5e9e9; }
.sq-points-rules small { margin-top:4px; color:#879397; font-size:9px; line-height:1.45; }
.sq-points-summary { display:flex; flex-wrap:wrap; gap:8px 19px; margin-top:16px; color:#8d989c; font-size:10px; }
.sq-points-summary span { display:inline-flex; align-items:center; gap:4px; }
.sq-points-summary strong { color:#c8b8ef; font-variant-numeric:tabular-nums; }
.sq-contribution-table td:nth-child(2) { color:#9aa5a8; font-size:10px; }
.sq-contribution-table td:last-child strong { font-size:14px; }
.sq-contribution-table td:last-child { font-variant-numeric:tabular-nums; }
.home-club-card { margin-bottom:20px; padding:19px; background:linear-gradient(135deg,#211b30,#171d1f 72%); border:1px solid #403650; border-radius:12px; box-shadow:var(--shadow-sm); }
.home-club-card.hc-summary { padding:18px;background:var(--card);border-color:var(--line);box-shadow:none; }
.hc-summary button { font:inherit;cursor:pointer;color:inherit;text-align:left; }
.hc-summary button:focus-visible { outline:2px solid var(--accent-text);outline-offset:4px;border-radius:6px; }
.hc-heading { display:flex;justify-content:space-between;align-items:center;gap:12px; }
.hc-kicker { color:var(--muted);font-size:8px;font-weight:650;letter-spacing:.1em; }
.hc-heading h2 { margin:5px 0 0;font-size:19px;letter-spacing:-.5px;color:#fff; }
.hc-title { margin:0!important; }
.hc-title-link { display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:#fff;font:inherit;font-size:19px;font-weight:650;letter-spacing:-.5px;line-height:1.15;cursor:pointer; }
.hc-title-link svg { width:13px;height:13px;color:#aeb4b9;opacity:.75; }
.hc-title-link:hover { color:#fff; }
.hc-title-link:hover svg { color:#fff;opacity:1; }
.hc-summary .hc-badge { display:flex;align-items:center;gap:5px;padding:3px 0;border:0;background:none;color:var(--accent-text);font-size:9px; }
.hc-badge .sq-level-emblem { width:34px;height:43px; }
.hc-summary .hc-badge { color:#fff; }
.hc-badge-copy { display:flex;flex-direction:column;gap:2px;line-height:1.15;text-align:left; }
.hc-badge-copy span { color:#fff;font-size:8.5px;font-weight:500; }
.hc-badge-copy b { color:#fff;font-size:9px;font-weight:750; }
.hc-points { margin-top:16px; }
.hc-points>strong { display:flex;align-items:baseline;gap:7px;margin-top:3px;color:#fff;font-size:38px;font-weight:650;letter-spacing:-1.5px;line-height:1.15;font-variant-numeric:tabular-nums; }
.hc-points small { color:var(--muted);font-size:10px;font-weight:500;letter-spacing:0; }
.hc-summary .hc-chart { display:block;width:100%;margin:12px 0 14px;padding:0;background:none;border:0; }
.hc-chart-heading { display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted); }
.hc-chart svg:not(.hc-sparkline),.hc-stats svg,.hc-level svg,.hc-open svg { width:12px;height:12px;flex-shrink:0; }
.hc-sparkline { display:block;width:100%;height:68px;overflow:visible;margin-top:4px; }
.hc-chart-grid { stroke:var(--line);stroke-dasharray:2 5;fill:none; }
.hc-chart-area { fill:var(--accent);fill-opacity:.07; }
.hc-chart-line { stroke:#a98aff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke; }
.hc-chart-dot { fill:#c7b4ff;stroke:var(--card);stroke-width:2; }
.hc-chart-dates { display:flex;justify-content:space-between;color:var(--muted);font-size:8px; }
.hc-chart-empty { display:flex;align-items:center;min-height:70px;color:var(--muted);font-size:10px;line-height:1.5; }
.hc-stats { display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line); }
.hc-summary .hc-stats button { min-width:0;background:none;border:0;padding:12px 0; }
.hc-summary .hc-stats button+button { padding-left:12px;border-left:1px solid var(--line); }
.hc-stats button>span:first-child { display:flex;align-items:center;gap:3px;font-size:9px;color:var(--muted); }
.hc-stats strong { display:block;margin:7px 0 4px;font-size:20px;font-weight:650;font-variant-numeric:tabular-nums; }
.hc-stats strong small { margin-left:4px;color:var(--muted);font-size:9px;font-weight:400; }
.hc-stats .hc-pending { font-size:16px;line-height:24px;color:var(--muted); }
.hc-detail { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:var(--muted); }
.hc-summary .hc-level { display:block;width:100%;padding:13px 0;background:none;border:0; }
.hc-level-title { display:flex;justify-content:space-between;align-items:center;color:#ded7ed;font-size:10px; }
.hc-level-title strong { font-weight:600; }
.hc-progress { display:block;height:4px;margin:9px 0 7px;border-radius:4px;background:var(--soft);overflow:hidden; }
.hc-progress i { display:block;height:100%;border-radius:inherit;background:var(--accent); }
.hc-level-caption { color:var(--muted);font-size:9px;line-height:1.5; }
.hc-level-caption b { color:var(--accent-text);font-weight:600; }
.hc-resources { display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:9px;color:var(--muted); }
.hc-resources b { display:block;margin-top:4px;color:var(--ink);font-size:12px;font-weight:600; }
.hc-resources>span:last-child { text-align:right; }
.hc-resources>span:only-child { margin-left:auto;text-align:right; }
.hc-summary .hc-open { display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:3px;padding:10px 11px;border:1px solid var(--accent-border);border-radius:7px;background:var(--accent-soft);color:var(--accent-text);font-size:11px;font-weight:600; }
.hc-summary .hc-open:hover { background:var(--accent);color:#fff; }
.hc-chart:hover .hc-chart-heading,.hc-stats button:hover>span:first-child,.hc-level:hover .hc-level-title { color:var(--accent-text); }
.home-value-mini { margin-bottom:20px;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:12px; }
.home-value-mini-head { display:flex;align-items:flex-end;justify-content:space-between;gap:10px; }
.home-value-mini-head strong { display:block;margin-top:4px;color:var(--ink);font-size:18px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums; }
.home-value-mini-change { flex-shrink:0;padding:3px 6px;border-radius:5px;font-size:10px;font-weight:650;font-variant-numeric:tabular-nums; }
.home-value-mini-change.sq-positive { color:var(--green);background:var(--green-soft); }
.home-value-mini-change.sq-negative { color:#ff8585;background:#ff858514; }
.home-value-mini-change.hc-muted { color:var(--muted);background:var(--soft); }
.home-value-mini-chart { min-height:72px;margin:8px 0 4px; }
.home-value-mini-chart { min-height:96px;margin:8px 0 4px; }
.home-value-mini-chart svg { display:block;width:100%;height:96px; }
.hc-value-grid { fill:none;stroke:var(--line);stroke-dasharray:2 5; }
.hc-value-area { fill:var(--accent);fill-opacity:.08; }
.hc-value-line { fill:none;stroke:var(--accent-text);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke; }
.hc-value-dot { fill:var(--accent-text);stroke:var(--card);stroke-width:2; }
.hc-value-chart.sq-positive .hc-value-area { fill:var(--green); }
.hc-value-chart.sq-positive .hc-value-line { stroke:var(--green); }
.hc-value-chart.sq-positive .hc-value-dot { fill:var(--green); }
.hc-value-chart.sq-negative .hc-value-area { fill:var(--red); }
.hc-value-chart.sq-negative .hc-value-line { stroke:var(--red); }
.hc-value-chart.sq-negative .hc-value-dot { fill:var(--red); }
.hc-value-chart.sq-muted .hc-value-area { fill:var(--muted); }
.hc-value-chart.sq-muted .hc-value-line { stroke:var(--muted); }
.hc-value-chart.sq-muted .hc-value-dot { fill:var(--muted); }
.home-value-mini-resource { display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:9px 0 7px;border-top:1px solid var(--line);color:var(--muted);font-size:9px; }
.home-value-mini-resource strong { color:var(--ink);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums; }
.home-value-mini-empty { display:flex;align-items:center;min-height:72px;color:var(--muted);font-size:9px;line-height:1.5; }
.home-value-mini-foot { display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px; }
.home-value-mini-foot button { display:flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--accent-text);font:inherit;font-size:9px;cursor:pointer;white-space:nowrap; }
.home-value-mini-foot button:hover { color:var(--ink); }
.home-value-mini-foot button svg { width:11px;height:11px; }
.home-club-top { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.home-club-top .sq-eyebrow { font-size:8px; letter-spacing:1.2px; }
.home-club-top h2 { margin:8px 0 4px; color:#f0edf5; font-size:21px; letter-spacing:-.6px; }
.home-club-top p { margin:0; color:#92969d; font-size:9px; line-height:1.5; }
.home-club-icon { display:grid; place-items:center; width:32px; height:32px; color:#c1adff; border:1px solid #63527d; border-radius:9px; background:#ffffff08; }
.home-club-icon svg { width:16px; height:16px; }
.home-club-score { display:grid; grid-template-columns:1.2fr 1fr; margin:17px -3px 0; border-top:1px solid #3c334b; border-bottom:1px solid #3c334b; }
.home-club-score>div { padding:14px 4px; }
.home-club-score>div+div { border-left:1px solid #3c334b; padding-left:14px; }
.home-club-score small,.home-club-meta small { display:block; color:#9d97aa; font-size:8px; letter-spacing:1px; }
.home-club-score strong { display:block; margin:6px 0 4px; color:#e0d5ff; font-size:27px; font-variant-numeric:tabular-nums; }
.home-club-score span { color:#8e8d98; font-size:8px; }
.home-club-meta { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:13px 1px 11px; }
.home-club-meta>span:nth-child(2) { text-align:center; }
.home-club-meta>span:last-child { text-align:right; }
.home-club-meta b { display:block; margin-top:5px; color:#e3e6e6; font-size:12px; font-variant-numeric:tabular-nums; }
.home-club-footer { display:flex; align-items:center; justify-content:flex-end; gap:10px; padding-top:11px; border-top:1px solid #393640; }
.home-club-footer>span { color:#8c9197; font-size:8px; line-height:1.4; }
.home-club-footer button { display:flex; align-items:center; gap:5px; padding:5px 0; border:0; background:none; color:#c5b5f1; font:inherit; font-size:9px; cursor:pointer; white-space:nowrap; }
.home-club-footer button svg { width:12px; height:12px; }
@media(max-width:1000px) { .sq-analytics-grid { grid-template-columns:1fr; } }
@media(max-width:900px) { .sq-score-grid { grid-template-columns:1fr 1fr; }.sq-score-primary { grid-column:1/-1; }.sq-score-grid>div:nth-child(2) { border-right:0; }.sq-points-rules { grid-template-columns:1fr; } }
@media(max-width:550px) { .sq-club-head { padding:20px 17px 17px; }.sq-club-head h2 { font-size:23px; }.sq-club-head p { font-size:10px; }.sq-club-crest { width:38px; height:38px; }.sq-score-grid>div { min-height:88px; padding:15px 16px; }.sq-score-grid strong { font-size:20px; }.sq-score-primary strong { font-size:31px; }.sq-score-grid span { font-size:9px; }.sq-club-points-chart { padding-left:17px; padding-right:17px; }.sq-club-foot { align-items:flex-start; flex-direction:column; padding:13px 17px; gap:10px; }.sq-club-foot .sq-button { width:100%; }.sq-economy-heading { padding:19px 17px 0; flex-direction:column; gap:10px; }.sq-economy-budget { margin-top:0; }.sq-economy-banner #sq-value-chart { padding-left:17px; padding-right:17px; }.sq-points-rules>div { padding:11px; } }

/* Minimal polish: flatter surfaces, tighter hierarchy, charts stay primary. */
#squad-studio { max-width:1360px; padding-bottom:44px; }
.sq-heading { margin:0 0 18px; align-items:flex-end; }
.sq-heading h1 { margin:6px 0 4px; font-size:32px; letter-spacing:-1.2px; }
.sq-heading p { font-size:12px; line-height:1.55; }
.sq-heading .sq-button:disabled { opacity:1; color:#7f898e; background:transparent; border-color:#2b3337; }
.sq-analytics-grid { grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:16px; margin-bottom:18px; }
.sq-analytics-widget,.sq-main,.sq-card { border-radius:12px; box-shadow:none; }
.sq-club-banner { background:#171d1f; border-color:#37304a; }
.sq-club-head { padding:20px 22px 17px; }
.sq-club-head h2 { margin:8px 0 4px; font-size:21px; letter-spacing:-.6px; }
.sq-club-head p { font-size:11px; line-height:1.5; }
.sq-club-crest { width:36px; height:36px; border-radius:10px; border-color:#51456a; background:transparent; }
.sq-club-crest svg { width:18px; height:18px; }
.sq-score-grid { border-top-color:#2e2a3b; }
.sq-score-grid>div { min-height:88px; padding:16px 20px; border-right-color:#2e2a3b; }
.sq-score-grid small { font-size:8px; letter-spacing:1.1px; }
.sq-score-grid strong { font-size:21px; }
.sq-score-grid .sq-score-pending { color:#8f899d; font-size:15px; letter-spacing:0; }
.sq-score-grid span { font-size:9px; }
.sq-score-primary { background:#ffffff03; }
.sq-score-primary strong { font-size:34px; letter-spacing:-1.2px; }
.sq-club-points-chart { padding:15px 22px 12px; border-top-color:#2e2a3b; background:transparent; }
.sq-points-chart-head strong { font-size:18px; }
.sq-points-chart-range { margin-top:6px; font-size:9px; }
.sq-points-chart-plot { height:104px; margin-top:7px; }
.sq-points-chart-plot svg line { opacity:.55; }
.sq-points-chart-dates { font-size:8px; }
.sq-points-chart-meta { margin-top:8px; padding-top:8px; border-top-color:#2e2a3b; font-size:8px; }
.sq-club-foot { padding:11px 22px; border-top-color:#2e2a3b; background:transparent; }
.sq-club-foot p { font-size:9px; }
.sq-club-foot .sq-button { padding:7px 10px; font-size:9px; }
.sq-economy-banner { background:#171d1f; border-color:#2b3337; }
.sq-economy-heading { padding:20px 22px 0; }
.sq-economy-heading h2 { margin:8px 0 4px; font-size:20px; letter-spacing:-.5px; }
.sq-economy-heading h2>span { color:#a383ff; }
.sq-economy-heading p { font-size:10px; line-height:1.5; }
.sq-economy-budget { padding:4px 0; border:0; border-bottom:1px solid #3a4245; border-radius:0; font-size:9px; }
.sq-economy-banner #sq-value-chart { padding:18px 22px 12px; }
.sq-chart-label { font-size:9px; letter-spacing:1.1px; }
.sq-chart-label small { margin-top:5px; font-size:10px; }
.sq-chart-value { margin:10px 0 6px; font-size:34px; letter-spacing:-1.2px; }
.sq-chart-change { gap:8px; }
.sq-chart-change b { padding:4px 6px; font-size:12px; }
.sq-chart-change span,.sq-chart-lifetime { font-size:10px; }
.sq-periods { padding:0; gap:13px; background:transparent; border:0; border-radius:0; }
.sq-periods button { padding:4px 0; border-bottom:1px solid transparent; border-radius:0; font-size:10px; }
.sq-periods button[aria-pressed="true"] { background:transparent; border-bottom-color:#a383ff; color:#e1d6ff; }
.sq-chart-plot { height:148px; margin-top:15px; }
.sq-chart-plot svg line { opacity:.5; }
.sq-chart-plot svg path:first-of-type,.sq-points-chart-plot svg path:first-of-type { opacity:.48; }
.sq-chart-dates { padding-top:6px; font-size:9px; }
.sq-chart-caption { margin-top:7px; font-size:9px; }
.sq-portfolio-banner .sq-chart-summary { padding:14px 0; border-top-color:#2b3337; background:transparent; }
.sq-summary>div { padding:0 20px; gap:7px; }
.sq-summary>div>span { font-size:10px; }
.sq-summary>div>strong { font-size:21px; }
.sq-summary small { font-size:9px; }
.sq-layout { gap:16px; }
.sq-main { border-color:#2b3337; }
.sq-tabs { gap:19px; padding:0 20px; border-bottom-color:#2b3337; }
.sq-tabs button { padding:16px 0 14px; border-bottom-width:2px; font-size:11px; }
.sq-pitch-heading { padding:18px 20px; }
.sq-pitch-heading h2 { font-size:17px; }
.sq-field { margin:0 16px 16px; padding:22px 10px 15px; border-color:#31483a; background:#17251f; }
.sq-field-lines { inset:13px; }
.sq-player { transition:background .15s,border-color .15s; }
.sq-player:hover { transform:none; background:#e1eae80d; border-color:#c2d4c020; }
.sq-card { padding:18px; border-color:#2b3337; }
.sq-progress { background:#171d1f; }
.sq-counter { font-size:24px; }
.sq-dots { margin:16px 0 11px; }
.sq-needs button { padding:9px 0; font-size:11px; }
.sq-card>.sq-eyebrow { margin-bottom:12px; }
.sq-footnote { padding:0 4px; }
.sq-footnote p { font-size:9px; }

@media(max-width:1000px) { .sq-analytics-grid { grid-template-columns:1fr; } }
@media(max-width:900px) { .sq-heading h1 { font-size:29px; } }
@media(max-width:550px) {
  #squad-studio { padding-bottom:28px; }
  .sq-heading { margin-bottom:16px; }
  .sq-heading h1 { font-size:26px; }
  .sq-heading p { font-size:11px; }
  .sq-heading>.sq-button { padding:9px 10px; }
  .sq-club-head { padding:18px 17px 15px; }
  .sq-score-grid>div { padding:14px 16px; }
  .sq-score-primary strong { font-size:29px; }
  .sq-club-points-chart { padding-left:17px; padding-right:17px; }
  .sq-club-foot { padding:12px 17px; }
  .sq-economy-heading { padding:18px 17px 0; }
  .sq-economy-banner #sq-value-chart { padding-left:17px; padding-right:17px; }
}

/* Analytics simplification: one season strip, two focused charts. */
.sq-season-overview { display:grid; grid-template-columns:1.4fr repeat(3,1fr); margin-bottom:16px; background:#171d1f; border:1px solid #2b3337; border-radius:12px; overflow:hidden; }
.sq-season-overview-primary,.sq-season-overview-stat { min-width:0; padding:16px 20px; border-right:1px solid #2b3337; }
.sq-season-overview-stat:last-child { border-right:0; }
.sq-season-overview-kicker { display:block; margin-bottom:10px; color:#9b8db8; font-size:9px; font-weight:700; letter-spacing:1.3px; }
.sq-season-overview-primary>div { display:flex; align-items:baseline; gap:13px; }
.sq-season-overview-primary>div>span,.sq-season-overview-stat>span { color:#8f969b; font-size:8px; font-weight:700; letter-spacing:1.1px; }
.sq-season-overview-primary strong { color:#ded1ff; font-size:32px; line-height:1; letter-spacing:-1px; font-variant-numeric:tabular-nums; }
.sq-season-overview-primary>small,.sq-season-overview-stat>small { display:block; margin-top:7px; color:#7f898e; font-size:9px; line-height:1.35; }
.sq-season-score-line { display:flex!important; align-items:flex-end!important; gap:18px!important; }
.sq-season-score { display:flex; align-items:baseline; gap:13px; flex-shrink:0; }
.sq-season-score>span { color:#8f969b; font-size:8px; font-weight:700; letter-spacing:1.1px; }
.sq-season-score>strong { color:#ded1ff; font-size:32px; line-height:1; letter-spacing:-1px; font-variant-numeric:tabular-nums; }
.sq-level-summary { display:flex; align-items:center; gap:8px; min-width:0; padding-bottom:1px; }
.sq-level-emblem { display:inline-flex; flex:0 0 auto; filter:drop-shadow(0 4px 8px #0005); }
.sq-level-emblem img { display:block; width:100%; height:100%; object-fit:contain; }
.sq-level-emblem-compact { width:34px; height:40px; }
.sq-level-emblem-inline { width:19px; height:23px; filter:none; }
.sq-level-tier-developing { --sq-level-rim:#414653; --sq-level-face:#242833; --sq-level-stroke:#6e7484; --sq-level-highlight:#b9a7f7; --sq-level-number:#f0edff; }
.sq-level-tier-competitive { --sq-level-rim:#5b3ab7; --sq-level-face:#2c2050; --sq-level-stroke:#9b78ef; --sq-level-highlight:#d9caff; --sq-level-number:#fffaff; }
.sq-level-tier-strong { --sq-level-rim:#315d91; --sq-level-face:#1d334f; --sq-level-stroke:#69c5ff; --sq-level-highlight:#c9efff; --sq-level-number:#f3fcff; }
.sq-level-tier-elite { --sq-level-rim:#8e6422; --sq-level-face:#3c2b18; --sq-level-stroke:#f1c86b; --sq-level-highlight:#ffe7a5; --sq-level-number:#fff9e8; }
.sq-level-chip { display:grid; place-items:center; flex:0 0 27px; width:27px; height:27px; border:1px solid #51456a; border-radius:8px; background:#7c4dff1a; color:#d8caff; font-size:14px; font-weight:750; line-height:1; font-variant-numeric:tabular-nums; }
.sq-level-copy { display:grid; min-width:0; gap:3px; }
.sq-level-copy strong { display:block; margin:0; color:#d7cdf0; font-size:10px; line-height:1; letter-spacing:0; white-space:nowrap; }
.sq-level-track { display:block; width:86px; height:3px; overflow:hidden; border-radius:999px; background:#2c2935; }
.sq-level-track i { display:block; height:100%; border-radius:inherit; background:#a383ff; }
.sq-level-copy small { color:#7f898e; font-size:8px; line-height:1; white-space:nowrap; }
.sq-season-overview-stat { display:flex; flex-direction:column; justify-content:center; }
.sq-season-overview-stat strong { display:block; margin-top:8px; color:#e5e8e8; font-size:19px; line-height:1; font-variant-numeric:tabular-nums; }
.sq-season-overview-stat strong.sq-positive { color:#53d693!important; }
.sq-season-overview-stat strong.sq-negative { color:#ff8585!important; }
.sq-season-overview-stat strong em { color:#8d969b; font-size:12px; font-style:normal; font-weight:450; }
.sq-chart-card { min-width:0; height:100%; overflow:hidden; background:#171d1f; border:1px solid #2b3337; border-radius:12px; }
.sq-performance-card { border-color:#37304a; }
.sq-chart-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:19px 22px 0; }
.sq-chart-card-head h2 { margin:6px 0 3px; color:#edf0f0; font-size:19px; font-weight:650; letter-spacing:-.5px; }
.sq-chart-card-head p { margin:0; color:#7f898e; font-size:10px; line-height:1.45; }
.sq-chart-card-head .sq-eyebrow { color:#a49ab4; font-size:8px; letter-spacing:1.3px; }
.sq-link-button { display:inline-flex; align-items:center; gap:5px; flex-shrink:0; margin-top:4px; padding:5px 0; border:0; background:none; color:#bca9e8; font:inherit; font-size:9px; cursor:pointer; }
.sq-link-button:hover { color:#e0d4ff; }
.sq-link-button svg { width:13px; height:13px; }
.sq-performance-card .sq-club-points-chart { padding:17px 22px 9px; border-top:0; background:transparent; }
.sq-points-chart-context { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:8px; color:#8a9296; font-size:9px; }
.sq-points-chart-context span:first-child { color:#b1a2c7; }
.sq-points-chart-plot { height:200px; margin-top:0; }
.sq-points-chart-dates { padding-top:5px; font-size:8px; }
.sq-points-level-note { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:7px; padding-top:7px; border-top:1px solid #2e2a3b; color:#9e8dc4; font-size:8px; }
.sq-points-level-note span { white-space:nowrap; }
.sq-level-note-current { display:inline-flex; align-items:center; gap:6px; }
.sq-points-level-note span:last-child { margin-left:auto; padding-left:12px; border-left:1px solid #2e2a3b; color:#bca9e8; text-align:right; }
.sq-chart-card-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 22px 14px; border-top:1px solid #2b3337; color:#7f898e; font-size:9px; }
.sq-chart-card-foot span:last-child { color:#bca9e8; text-align:right; }
.sq-economy-card #sq-value-chart { padding:17px 22px 10px; }
.sq-economy-card .sq-chart-header { align-items:flex-start; }
.sq-economy-card .sq-chart-value { margin:0 0 6px; font-size:34px; }
.sq-economy-card .sq-chart-change { gap:8px; }
.sq-economy-card .sq-chart-plot { height:132px; margin-top:13px; }
.sq-economy-card .sq-chart-caption { margin-top:6px; font-size:8px; }
.sq-economy-budget { padding:4px 0; border:0; border-bottom:1px solid #3a4245; border-radius:0; color:#bca9e8; font-size:9px; white-space:nowrap; }
.sq-economy-meta { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #2b3337; padding:13px 0 15px; }
.sq-economy-meta>div { min-width:0; padding:0 18px; border-right:1px solid #2b3337; }
.sq-economy-meta>div:last-child { border-right:0; }
.sq-economy-meta span { display:block; color:#8f969b; font-size:9px; }
.sq-economy-meta strong { display:block; margin-top:6px; color:#e5e8e8; font-size:17px; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap; }
.sq-economy-meta small { display:block; margin-top:6px; color:#737e83; font-size:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sq-economy-meta em { color:#8d969b; font-size:11px; font-style:normal; font-weight:450; }
.sq-analytics-grid { align-items:start; }
.sq-analytics-widget,.sq-chart-card { height:auto; }
.sq-economy-foot span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

@media(max-width:900px) {
  .sq-season-overview { grid-template-columns:1.3fr 1fr 1fr; }
  .sq-season-overview-stat:last-child { grid-column:2/-1; border-top:1px solid #2b3337; }
}
@media(max-width:550px) {
  .sq-season-overview { grid-template-columns:1fr 1fr; }
  .sq-season-overview-primary { grid-column:1/-1; border-right:0; border-bottom:1px solid #2b3337; }
  .sq-season-overview-stat { padding:14px 16px; }
  .sq-season-overview-stat:nth-child(3) { border-right:0; }
  .sq-season-overview-stat:last-child { grid-column:auto; border-top:0; border-right:0; }
  .sq-season-score-line { flex-wrap:wrap; gap:12px 18px!important; }
  .sq-chart-card-head { padding:17px 17px 0; }
  .sq-performance-card .sq-club-points-chart,.sq-economy-card #sq-value-chart { padding-left:17px; padding-right:17px; }
  .sq-performance-card .sq-points-chart-plot { height:132px; }
  .sq-points-level-note { font-size:8px; }
  .sq-chart-card-foot { padding-left:17px; padding-right:17px; }
  .sq-economy-meta>div { padding:0 12px; }
  .sq-economy-meta strong { font-size:14px; }
}

/* Club journey: identity and progression before analytics. */
.sq-club-hero { margin:0 0 20px;border:1px solid #443658;border-radius:18px;background:radial-gradient(ellipse at 10% 20%,#67439930,transparent 55%),linear-gradient(120deg,#201c2b,#171b20 75%);overflow:hidden; }
.sq-hero-identity { display:flex;align-items:center;gap:32px;padding:24px 34px 20px; }
.sq-hero-badge { display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-width:150px;padding:0;background:none;border:0;color:#baaccf;font:inherit;cursor:pointer; }
.sq-level-emblem-hero { width:136px;height:160px;filter:drop-shadow(0 10px 22px #b07aff26);transition:transform .2s; }
.sq-hero-badge:hover .sq-level-emblem { transform:translateY(-4px); }
.sq-hero-badge>span:last-child { display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:1.1px;margin-top:5px; }
.sq-hero-badge svg { width:12px;height:12px; }
.sq-hero-copy { flex:1;min-width:0;max-width:710px; }
.sq-hero-kicker { display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:10px;letter-spacing:1.3px;color:#b6a6cc; }
.sq-hero-kicker>span { padding:5px 8px;border:1px solid #79638c55;border-radius:5px;font-size:8px;letter-spacing:.8px;color:#c5b5dc; }
.sq-hero-copy h2 { display:flex;align-items:center;gap:16px;margin:15px 0 9px;font-size:32px;letter-spacing:-1px;line-height:1.15;color:#f5f0ff; }
.sq-hero-copy h2>span { padding:6px 9px;border:1px solid #67518377;background:#7c4dff12;border-radius:6px;color:#c8b0f3;font-size:11px;font-weight:500;letter-spacing:0;white-space:nowrap; }
.sq-hero-copy p { margin:0 0 19px;color:#9e96ad;font-size:12px;line-height:1.7; }
.sq-hero-copy p strong { color:#ece0ff;font-weight:600; }
.sq-hero-progress { height:7px;background:#35303e;border-radius:10px;overflow:hidden; }
.sq-hero-progress>span { display:block;height:100%;background:linear-gradient(90deg,#7c4dff,#bb92ff);border-radius:inherit;box-shadow:0 0 14px #9c67ff55; }
.sq-hero-progress-label { display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:10px;color:#a59bb5;font-variant-numeric:tabular-nums; }
.sq-hero-progress-label>span:last-child { color:#c3b1de; }
.sq-hero-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #55446455;background:#11121840;padding:18px 0; }
.sq-hero-stats>div,.sq-hero-stats>button { min-width:0;padding:0 28px;border:0;border-right:1px solid #54475f66;text-align:left;background:none;font:inherit; }
.sq-hero-stats>div:last-child { border:0; }
.sq-hero-stats>button { cursor:pointer; }
.sq-hero-stats>button:hover { background:#7c4dff09; }
.sq-hero-stats>*>span { display:flex;align-items:center;gap:7px;color:#a29aa9;font-size:9px;letter-spacing:1px;font-weight:600; }
.sq-hero-stats svg { width:12px;height:12px; }
.sq-hero-stats strong { display:block;margin-top:9px;color:#f1ebfa;font-size:28px;line-height:1.15;font-variant-numeric:tabular-nums;letter-spacing:-.6px; }
.sq-hero-stats strong small { margin-left:7px;font-size:11px;letter-spacing:0;color:#a69ab6;font-weight:400; }
.sq-hero-stats p { color:#96909f;font-size:10px;margin:7px 0 0;line-height:1.5; }
.sq-activity-switch { display:flex;gap:3px;background:#111519;border:1px solid #34333d;border-radius:8px;padding:3px; }
.sq-activity-switch button { padding:8px 10px;border:0;border-radius:5px;background:none;color:#93949f;font:inherit;font-size:10px;cursor:pointer;white-space:nowrap; }
.sq-activity-switch button[aria-pressed=true] { background:#3c2b59;color:#e0ceff; }
.sq-match-chart { padding:18px 22px 0; }
.sq-match-chart-summary { display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px; }
.sq-match-chart-summary strong { display:block;font-size:30px;font-weight:650;letter-spacing:-1px;color:#eee5ff;font-variant-numeric:tabular-nums; }
.sq-match-chart-summary strong small { font-size:11px;font-weight:400;letter-spacing:0;margin-left:7px;color:#a49ab4; }
.sq-match-chart-summary span { display:block;margin-top:5px;font-size:10px;color:#95929f; }
.sq-match-chart-summary b { color:#d2c7e4;font-weight:500; }
.sq-bars { display:flex;height:145px;gap:8px;border-bottom:1px solid #42364f;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#71647c20 44px,transparent 45px); }
.sq-bar { display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:5px;padding:0 2px 5px;border:0;background:none;font:inherit;cursor:pointer;color:#8e809f;border-radius:5px 5px 0 0; }
.sq-bar-value { font-size:10px;font-variant-numeric:tabular-nums; }
.sq-bar-track { display:flex;align-items:flex-end;justify-content:center;width:100%;flex:1;min-height:0; }
.sq-bar-track i { display:block;width:100%;max-width:28px;background:linear-gradient(0deg,#67459d,#9270c4);border-radius:4px 4px 1px 1px;min-height:3px; }
.sq-bar small { font-size:8px; }
.sq-bar.is-selected,.sq-bar:hover { color:#e0c9ff;background:#9b74da0d; }
.sq-bar.is-selected i,.sq-bar:hover i { background:linear-gradient(0deg,#7c4dff,#c49cff);box-shadow:0 0 18px #7c4dff24; }
.sq-match-detail { display:flex;align-items:center;gap:11px;min-height:68px;margin-top:14px;padding:12px;background:#211d2a;border:1px solid #3d324e;border-radius:9px; }
.sq-match-detail-icon { display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:8px;background:#7c4dff1c;color:#b392ec; }
.sq-match-detail-icon svg { width:15px;height:15px; }
.sq-match-detail>div { flex:1;min-width:0; }
.sq-match-detail strong { display:block;color:#e1d8ed;font-size:11px;line-height:1.5; }
.sq-match-detail strong span { color:#b2a4c3;font-weight:400; }
.sq-match-detail small { display:block;margin-top:4px;color:#a094ae;font-size:9px; }
.sq-match-detail>b { color:#cab0ff;font-size:23px;white-space:nowrap;font-variant-numeric:tabular-nums; }
.sq-match-detail>b small { text-align:right;font-weight:400; }
.sq-match-chart-foot { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px; }
.sq-match-chart-foot>span { color:#91879d;font-size:9px; }
.sq-rank-wait { min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px; }
.sq-rank-wait>svg { width:32px;height:32px;color:#b793f1;margin-bottom:20px; }
.sq-rank-wait h3 { font-size:22px;letter-spacing:-.5px;margin:12px 0 8px;color:#e8dff5; }
.sq-rank-wait p { max-width:340px;font-size:12px;line-height:1.8;color:#a19aa9;margin:0 0 17px; }
.sq-badges-dialog { width:min(850px,calc(100vw - 32px));max-width:850px; }
.sq-badge-intro { color:#a79dad;font-size:13px;line-height:1.8;margin:0 0 17px; }
.sq-badge-progress { display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:16px;margin-bottom:25px;padding:14px 16px;border:1px solid #40354f;border-radius:12px;background:linear-gradient(110deg,#261c35,#1b2022 72%); }
.sq-badge-progress-end { min-width:92px; }.sq-badge-progress-end.is-target { text-align:right; }
.sq-badge-progress-end span { display:block;color:#a996ba;font-size:8px;letter-spacing:1px;font-weight:700; }
.sq-badge-progress-end strong { display:block;color:#f1eaff;font-size:15px;line-height:1.2;margin-top:5px; }
.sq-badge-progress-end small { display:block;color:#a69bac;font-size:9px;line-height:1.35;margin-top:4px;white-space:nowrap; }
.sq-badge-progress-end.is-target span,.sq-badge-progress-end.is-target strong { color:#c8a9ff; }
.sq-badge-progress-meter { height:6px;border-radius:99px;background:#0e1214;box-shadow:inset 0 1px 2px #0008;overflow:hidden; }
.sq-badge-progress-meter i { display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,#7650c6,#b68bff);box-shadow:0 0 14px #9d72f966; }
.sq-badge-track { display:flex;align-items:flex-start;overflow-x:auto;padding:9px 4px 12px;scrollbar-color:#56436e transparent;scrollbar-width:thin; }
.sq-badge-step { flex:0 0 64px;min-width:64px;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center;border:1px solid transparent;border-radius:12px;padding:7px 3px 9px; }
.sq-badge-node { position:relative;display:flex;justify-content:center;min-height:69px; }
.sq-level-emblem-gallery { width:52px;height:67px;margin-bottom:7px;transition:filter .2s,opacity .2s,transform .2s; }
.sq-badge-step strong { color:#dfd7e9;font-size:9px;line-height:1.2;white-space:nowrap; }.sq-badge-step>span:not(.sq-badge-node) { color:#958da0;font-size:8px;margin-top:5px;white-space:nowrap; }.sq-badge-step small { min-height:22px;color:#77727f;font-size:8px;line-height:1.25;margin-top:6px; }.sq-badge-step.is-earned { opacity:.55; }.sq-badge-step.is-earned .sq-level-emblem { filter:grayscale(.85) saturate(.35);opacity:.67; }.sq-badge-step.is-locked { opacity:.31; }.sq-badge-step.is-locked .sq-level-emblem { filter:grayscale(.75) saturate(.25); }.sq-badge-step.is-current { border-color:#a57af5;background:#7c4dff19;box-shadow:inset 0 0 24px #7c4dff11,0 0 20px #7c4dff12; }.sq-badge-step.is-current .sq-level-emblem { filter:drop-shadow(0 5px 9px #9b70ed66);transform:translateY(-2px); }.sq-badge-step.is-current strong,.sq-badge-step.is-current small { color:#d3b9ff; }.sq-badge-step.is-next .sq-level-emblem { filter:drop-shadow(0 4px 8px #9a72e544); }.sq-badge-step.is-next small { color:#b492f3; }
.sq-badge-marker { position:absolute;right:0;bottom:5px;display:grid;place-items:center;width:16px;height:16px;border:1px solid #625174;border-radius:50%;background:#201a29;color:#b8a4d3;font-size:10px;font-weight:800;line-height:1; }.sq-badge-step.is-current .sq-badge-marker { border-color:#b58cff;background:#67409d;color:#fff; }.sq-badge-step.is-next .sq-badge-marker { border-color:#9b75d4;background:#34214f;color:#d6bdff;font-size:11px; }.sq-badge-connector { flex:0 0 14px;margin:29px 1px 0;color:#51485e;font-size:11px;text-align:center; }.sq-badge-connector.is-complete { color:#8165a9; }.sq-badge-connector.is-next { color:#ad83ef; }.sq-badge-connector.is-locked { color:#34373d; }
#view-squad .sq-chart-card { border-radius:14px; }.sq-economy-card .sq-chart-card-head { padding-top:22px; }.sq-economy-card .sq-chart-plot { height:186px;margin-top:25px; }.sq-economy-card .sq-chart-value { margin-top:12px; }.sq-economy-card .sq-chart-dates { padding-top:14px; }
#view-squad button:focus-visible { outline:2px solid #b494ff;outline-offset:4px; }
@media(max-width:1100px) { .sq-hero-identity { gap:20px;padding:22px; }.sq-hero-stats>div,.sq-hero-stats>button { padding:0 20px; } }
@media(max-width:650px) {
  .sq-hero-identity { gap:14px;padding:20px 16px; }.sq-hero-badge { min-width:90px; }.sq-level-emblem-hero { width:88px;height:115px; }.sq-hero-badge>span:last-child { font-size:6px;letter-spacing:.4px; }.sq-hero-badge svg { width:9px; }
  .sq-hero-kicker { gap:6px;font-size:9px;letter-spacing:.5px; }.sq-hero-kicker>span { font-size:6px;letter-spacing:.4px; }.sq-hero-copy h2 { font-size:24px;flex-wrap:wrap;gap:8px;margin-top:10px; }.sq-hero-copy h2>span { font-size:9px;padding:4px 6px; }.sq-hero-copy p { font-size:10px;margin-bottom:12px; }.sq-hero-progress-label { font-size:8px; }
  .sq-hero-stats { padding:16px 0; }.sq-hero-stats>div,.sq-hero-stats>button { padding:0 12px; }.sq-hero-stats>*>span { font-size:7px;letter-spacing:.5px; }.sq-hero-stats strong { font-size:21px; }.sq-hero-stats strong small { font-size:8px;margin-left:4px; }.sq-hero-stats p { font-size:8px; }.sq-hero-stats svg { display:none; }
  .sq-chart-card-head { gap:10px; }.sq-chart-card-head h2 { font-size:18px; }.sq-activity-switch button { font-size:9px;padding:7px; }.sq-match-chart { padding:17px 16px 0; }.sq-bars { gap:3px; }.sq-bar-value { font-size:9px; }.sq-match-chart-summary>span { font-size:9px; }.sq-match-chart-foot>span { font-size:8px; }.sq-badges-dialog { padding:20px 16px; }.sq-badge-progress { grid-template-columns:1fr 1fr;gap:10px 12px;padding:13px; }.sq-badge-progress-meter { grid-column:1 / -1;grid-row:2; }.sq-badge-progress-end.is-target { text-align:right; }.sq-badge-progress-end strong { font-size:13px; }.sq-badge-track { margin:0 -4px; }.sq-badge-step { flex-basis:59px;min-width:59px;padding-left:2px;padding-right:2px; }.sq-badge-connector { flex-basis:9px;margin-left:0;margin-right:0;font-size:9px; }.sq-level-emblem-gallery { width:46px;height:59px; }.sq-badge-node { min-height:61px; }.sq-rank-wait { min-height:300px;padding:24px; }
}
@media(prefers-reduced-motion:reduce) { .sq-level-emblem-hero { transition:none; } }
/* Badge journey: neutral dark surfaces, clear hierarchy and original badge colors. */
.sq-badges-dialog { width:min(1120px,calc(100vw - 40px));max-width:1120px;padding:32px;background:#090b0d;border:1px solid #34383d;border-radius:20px;box-shadow:0 32px 120px #000c; }
.sq-badges-dialog .sq-eyebrow { color:#8f979f;letter-spacing:1.8px;font-size:10px; }
.sq-badges-dialog .sq-dialog-head { align-items:flex-start; }
.sq-badges-dialog .sq-dialog-head h2 { color:#f6f7f8;font-size:30px;letter-spacing:-1px;margin:10px 0; }
.sq-badges-dialog .sq-icon-button { background:#15181c;border-color:#34383d;color:#c8cdd2; }
.sq-badges-dialog .sq-icon-button:hover { background:#24292e;color:#fff; }
.sq-badges-dialog .sq-badge-intro { color:#9ba2aa;font-size:12px;margin:0 0 28px; }
.sq-badges-dialog .sq-badge-progress { grid-template-columns:1fr 1fr;gap:18px;padding:24px;background:#13161a;border-color:#30353b;border-radius:12px;margin-bottom:28px; }
.sq-badges-dialog .sq-badge-progress-end { grid-row:1; }
.sq-badges-dialog .sq-badge-progress-end.is-target { grid-column:2; }
.sq-badges-dialog .sq-badge-progress-end { display:flex;align-items:center;gap:12px;min-width:0; }
.sq-badges-dialog .sq-badge-progress-end.is-target { justify-content:flex-end; }
.sq-badges-dialog .sq-badge-progress-badge { flex:0 0 auto; }
.sq-badges-dialog .sq-level-emblem-progress { width:48px;height:62px;filter:drop-shadow(0 4px 8px #0008); }
.sq-badges-dialog .sq-badge-progress-end span { color:#9ca4ad;font-size:9px;letter-spacing:1.3px; }
.sq-badges-dialog .sq-badge-progress-end strong { color:#f5f6f7;font-size:24px;margin-top:8px;letter-spacing:-.5px; }
.sq-badges-dialog .sq-badge-progress-end small { color:#aeb5bd;font-size:12px;margin-top:7px;white-space:normal; }
.sq-badges-dialog .sq-badge-progress-end.is-target small { color:#f0f2f4; }
.sq-badges-dialog .sq-badge-progress-meter { grid-column:1 / -1;grid-row:2;height:8px;background:#2b3036;box-shadow:none; }
.sq-badges-dialog .sq-badge-progress-meter i { background:#7c4dff;box-shadow:none; }
.sq-badges-dialog .sq-badge-track { padding:12px 0 8px;scrollbar-color:#49515a #090b0d; }
.sq-badges-dialog .sq-badge-step { flex:1 0 84px;min-width:84px;padding:16px 4px 14px;border-radius:12px; }
.sq-badges-dialog .sq-badge-node { min-height:110px;align-items:center; }
.sq-badges-dialog .sq-level-emblem-gallery { width:76px;height:100px;margin-bottom:10px; }
.sq-badges-dialog .sq-badge-step strong { color:#d3d8dd;font-size:11px; }
.sq-badges-dialog .sq-badge-step .sq-badge-label { display:block;color:#aeb6be;font-size:10px;font-weight:600;line-height:1.25;margin-top:5px; }
.sq-badges-dialog .sq-badge-step small { color:#939da6;font-size:9px;line-height:1.4;min-height:25px;margin-top:8px; }
.sq-badges-dialog .sq-badge-step.is-earned { opacity:1; }
.sq-badges-dialog .sq-badge-step.is-earned .sq-level-emblem { opacity:.52;filter:grayscale(.85); }
.sq-badges-dialog .sq-badge-step.is-locked { opacity:1; }
.sq-badges-dialog .sq-badge-step.is-locked .sq-level-emblem { opacity:.55;filter:saturate(.55); }
.sq-badges-dialog .sq-badge-step.is-locked strong,.sq-badges-dialog .sq-badge-step.is-locked small { color:#87919b; }
.sq-badges-dialog .sq-badge-step.is-current { background:#20252b;border-color:#78838f;box-shadow:inset 0 2px #eef1f4; }
.sq-badges-dialog .sq-badge-step.is-current .sq-level-emblem { filter:drop-shadow(0 5px 10px #0008);transform:none; }
.sq-badges-dialog .sq-badge-step.is-current strong,.sq-badges-dialog .sq-badge-step.is-current small { color:#fff; }
.sq-badges-dialog .sq-badge-step.is-current .sq-badge-label { color:#fff; }
.sq-badges-dialog .sq-badge-step.is-next { background:transparent;border-color:transparent; }
.sq-badges-dialog .sq-badge-step.is-next .sq-level-emblem { filter:drop-shadow(0 5px 10px #0008); }
.sq-badges-dialog .sq-badge-step.is-next .sq-badge-label { color:#d4dbe1; }
.sq-badges-dialog .sq-badge-step.is-next small { color:#cbd2d9; }
.sq-badges-dialog .sq-badge-marker { right:0;bottom:8px;width:19px;height:19px;background:#11161a;border-color:#59646e;color:#b9c5cf;font-size:11px; }
.sq-badges-dialog .sq-badge-step.is-earned .sq-badge-marker { background:#10251b;border-color:#2f9d64;color:#61df94; }
.sq-badges-dialog .sq-badge-step.is-current .sq-badge-marker { background:#f0f3f5;border-color:#f0f3f5;color:#14191d; }
.sq-badges-dialog .sq-badge-step.is-next .sq-badge-marker { background:#272e36;border-color:#6c7986;color:#fff; }
.sq-badges-dialog .sq-badge-connector { flex:0 0 18px;margin:61px 0 0;color:#46515b;font-size:12px; }
.sq-badges-dialog .sq-badge-connector.is-next { color:#f1f4f6; }
.sq-badges-dialog .sq-badge-connector.is-complete { color:#8996a2; }
@media(max-width:650px) {
  .sq-badges-dialog { width:calc(100vw - 24px);padding:22px 16px;border-radius:16px; }
  .sq-badges-dialog .sq-dialog-head h2 { font-size:24px; }
  .sq-badges-dialog .sq-badge-intro { margin-bottom:20px; }
  .sq-badges-dialog .sq-badge-progress { padding:16px;gap:16px;margin-bottom:16px; }
  .sq-badges-dialog .sq-badge-progress-end { gap:8px; }
  .sq-badges-dialog .sq-level-emblem-progress { width:40px;height:52px; }
  .sq-badges-dialog .sq-badge-progress-end strong { font-size:20px; }
  .sq-badges-dialog .sq-badge-progress-end small { font-size:11px; }
  .sq-badges-dialog .sq-badge-track { margin:0; }
}
.sq-transfer-resources { display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 22px;border-top:1px solid #30343d; }
.sq-transfer-resources span { display:block;color:#94909f;font-size:8px;letter-spacing:.9px; }.sq-transfer-resources strong { display:block;color:#d9d2e4;font-size:17px;margin-top:6px;font-variant-numeric:tabular-nums; }

/* Match identity stays quiet so the contribution remains the visual focus. */
.sq-performance-card .sq-chart-card-head>div>p { margin:4px 0 0;color:#7f898e;font-size:10px;line-height:1.45; }
.sq-match-detail { gap:15px;background:#1a2222;border-color:#303b39;box-shadow:inset 0 1px #ffffff05; }
.sq-match-detail-info { flex:1;min-width:0; }
.sq-match-teams { display:flex;align-items:center;gap:10px;min-width:0; }
.sq-match-team { display:flex;align-items:center;gap:7px;min-width:0; }
.sq-match-team strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9e3df;font-size:11px; }
.sq-match-vs { flex:0 0 auto;color:#77847f;font-size:9px;text-transform:uppercase;letter-spacing:.6px; }
.sq-club-mark { position:relative;display:grid;place-items:center;width:26px;height:26px;flex:0 0 26px;overflow:hidden;border:0;border-radius:0;background:transparent;color:#a9bdb3;font-size:8px;font-weight:700; }
.sq-club-mark img { position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:0;background:transparent; }
.sq-match-detail-info>small { display:block;margin-top:7px;color:#84918d;font-size:9px; }
.sq-match-detail>b { color:#d5e1dc;font-size:22px; }
.sq-match-detail>b small { color:#84918d; }
.sq-match-detail-meta { display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0;margin-top:7px; }
.sq-match-detail-meta-copy { min-width:0;overflow:hidden;color:#84918d;font-size:9px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap; }
.sq-contributors { display:flex;align-items:center;flex:0 0 auto; }
.sq-contributor-avatar { position:relative;display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;margin-left:-5px;overflow:hidden;border:2px solid #1a2222;border-radius:50%;background:#2a3331;color:#b8c8c0;font-size:7px;font-weight:700;line-height:1; }
.sq-contributor-avatar:first-child { margin-left:0; }
.sq-contributor-avatar img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }
.sq-value-movement-table { min-width:680px; }
.sq-value-movement-table td:nth-child(2) { color:#9aa5a8;font-size:10px; }
.sq-value-movement-table td:nth-child(3) { min-width:62px; }
.sq-value-movement-table td:nth-child(4) strong { color:#dfe7e2;font-size:13px; }
.sq-value-movement-table td:nth-child(5) strong { font-size:14px; }
.sq-value-movement-table td:nth-child(5) small { color:currentColor; }
.sq-history-section { border-top-color:#303b39; }
@media(max-width:600px) {
  .sq-match-detail { gap:9px;padding:10px; }
  .sq-match-teams { gap:6px; }
  .sq-match-team { gap:5px; }
  .sq-match-team strong { font-size:9px; }
  .sq-club-mark { width:22px;height:22px;flex-basis:22px;font-size:7px; }
  .sq-match-detail-meta { gap:6px; }
  .sq-contributor-avatar { width:22px;height:22px;flex-basis:22px;margin-left:-6px;font-size:6px; }
  .sq-match-detail>b { font-size:19px; }
}

/* Keep the two analytics cards aligned when either chart gains content. */
.sq-analytics-grid { align-items:stretch; }
.sq-analytics-widget { display:flex;flex-direction:column;height:100%;min-height:0; }
.sq-performance-card > .sq-match-chart,.sq-performance-card > .sq-rank-wait { flex:1 1 auto; }
.sq-economy-card > #sq-value-chart { display:flex;flex:1 1 auto;flex-direction:column;min-height:0; }
.sq-economy-card > #sq-value-chart > .sq-chart-plot { flex:1 1 auto;min-height:132px; }

/* Club shares the quiet, full-width market canvas. */
body[data-view="squad"] .sidebar { display:none; }
body[data-view="squad"] .app-shell { display:block;max-width:1240px; }
#view-squad { max-width:1180px;margin:0 auto;--sq-line:#29242f;--sq-muted:#9c93a7;--sq-panel:transparent; }
#view-squad .sq-heading { margin:18px 0 30px;align-items:center; }
#view-squad .sq-heading h1 { font-size:42px;letter-spacing:-1.8px;margin:7px 0 10px; }
#view-squad .sq-heading h1>span { color:#7c4dff; }
#view-squad .sq-heading p { font-size:14px;color:#a9adb7; }
#view-squad .sq-eyebrow { font-size:10px;color:#9997a6;letter-spacing:1.5px; }
#view-squad .sq-club-hero { background:transparent;border:0;border-radius:0;overflow:visible;margin:0 0 32px; }
#view-squad .sq-hero-identity { padding:8px 0 30px;gap:36px; }
#view-squad .sq-hero-badge { min-width:135px; }
#view-squad .sq-level-emblem-hero { filter:drop-shadow(0 8px 18px #7c4dff18); }
#view-squad .sq-hero-copy { max-width:760px; }
#view-squad .sq-hero-copy h2 { font-size:32px;font-weight:550; }
#view-squad .sq-hero-copy h2>span { background:#17141b;border-color:#3a3444; }
#view-squad .sq-hero-progress { height:5px;background:#211e26; }
#view-squad .sq-hero-progress>span { background:#956bff;box-shadow:none; }
#view-squad .sq-hero-stats { background:transparent;border-block:1px solid #2c2535;padding:23px 0; }
#view-squad .sq-hero-stats>* { border-color:#2c2535;padding:0 28px; }
#view-squad .sq-hero-stats>*:first-child { padding-left:0; }
#view-squad .sq-hero-stats strong { font-size:30px;font-weight:550; }
#view-squad .sq-analytics-grid { gap:36px;margin-bottom:36px; }
#view-squad .sq-chart-card { background:transparent;border:0;border-radius:0;overflow:visible; }
#view-squad .sq-chart-card-head { padding:0 0 16px;border-bottom:1px solid #2c2535; }
#view-squad .sq-chart-card-head h2 { font-size:19px;font-weight:550; }
#view-squad .sq-chart-card-head p { font-size:11px;color:#988ba6; }
#view-squad .sq-match-chart { padding:20px 0 0; }
#view-squad .sq-economy-card #sq-value-chart { padding:20px 0 12px; }
#view-squad .sq-match-chart-summary { padding-bottom:20px; }
#view-squad .sq-bars { border-color:#302639;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#71647c16 44px,transparent 45px); }
#view-squad .sq-bar-track i { background:#694795; }
#view-squad .sq-bar.is-selected i,#view-squad .sq-bar:hover i { background:#a47ce4;box-shadow:none; }
#view-squad .sq-match-detail { background:#110e16;border-color:#2e2539;box-shadow:none;padding:14px;border-radius:8px; }
#view-squad .sq-contributor-avatar { border-color:#110e16; }
#view-squad .sq-chart-card-foot { padding:12px 0;border-color:#2c2535; }
#view-squad .sq-transfer-resources { padding:17px 0;border-color:#2c2535; }
#view-squad .sq-periods,#view-squad .sq-activity-switch { background:#100f13;border-color:#322d38; }
#view-squad .sq-periods button.active,#view-squad .sq-activity-switch button[aria-pressed=true] { background:#2a1c3e;color:#d6c0fa; }
#view-squad .sq-layout { gap:34px;grid-template-columns:minmax(0,1fr) 270px; }
#view-squad .sq-main { border:0;border-radius:0;background:transparent; }
#view-squad .sq-tabs { padding:0;border-color:#302738;gap:28px; }
#view-squad .sq-tabs button { padding:16px 0;font-size:13px; }
#view-squad .sq-pitch-heading { padding:24px 0 20px; }
#view-squad .sq-pitch-heading select { background:#16131a;border-color:#3a3340; }
#view-squad .sq-field { margin:0;padding:24px 14px;background:radial-gradient(ellipse at center,#0e1916,#080e0c);border-color:#26362e;border-radius:10px; }
#view-squad .sq-field-lines { border-color:#729d7a26; }
#view-squad .sq-field-lines:after,#view-squad .sq-center,#view-squad .sq-box { border-color:#729d7a26; }
#view-squad .sq-card { background:transparent;border:0;border-bottom:1px solid #2c2535;border-radius:0;padding:18px 0 25px; }
#view-squad .sq-card h2 { font-weight:550; }
#view-squad .sq-card p { font-size:12px;color:#9c91a8; }
#view-squad .sq-side { gap:10px; }
#view-squad .sq-needs button { border-color:#28222f; }
#view-squad .sq-footnote,#view-squad .sq-settings { padding:10px 0; }
#view-squad .sq-section-head { padding:24px 0; }
#view-squad .sq-table th { background:#110d17; }
#view-squad .sq-table td,#view-squad .sq-history>div { border-color:#2c2535; }
#view-squad .sq-history { padding:0; }
#view-squad .sq-history-section { border-color:#2c2535; }
@media(max-width:900px) {
  #view-squad .sq-layout { grid-template-columns:1fr;gap:24px; }
  #view-squad .sq-side { grid-template-columns:1fr 1fr;gap:24px; }
  #view-squad .sq-analytics-grid { gap:24px; }
}
@media(max-width:600px) {
  #view-squad .sq-heading { margin:12px 0 24px;gap:12px;align-items:flex-start; }
  #view-squad .sq-heading h1 { font-size:36px; }
  #view-squad .sq-heading p { font-size:12px;max-width:210px; }
  #view-squad .sq-heading>.sq-button { padding:9px;font-size:11px; }
  #view-squad .sq-hero-identity { padding:0 0 24px;gap:18px; }
  #view-squad .sq-hero-badge { min-width:80px; }
  #view-squad .sq-hero-copy h2 { font-size:23px; }
  #view-squad .sq-hero-stats { padding:18px 0; }
  #view-squad .sq-hero-stats>* { padding:0 12px; }
  #view-squad .sq-hero-stats strong { font-size:23px; }
  #view-squad .sq-analytics-grid { grid-template-columns:1fr;gap:32px; }
  #view-squad .sq-layout { gap:20px; }
  #view-squad .sq-side { grid-template-columns:1fr;gap:5px; }
  #view-squad .sq-field { padding:16px 4px; }
}

/* Balanced dark canvas: keep the market mood while restoring grouping and contrast. */
#view-squad {
  --sq-line:#3a373d;
  --sq-muted:#aaa2b0;
  --sq-panel:#151319;
}
#view-squad .sq-hero-stats {
  background:rgba(18,17,20,.34);
  border-block-color:#39353d;
}
#view-squad .sq-hero-stats>* { border-color:#39353d; }
#view-squad .sq-hero-stats>*:first-child { padding-left:28px; }
#view-squad .sq-chart-card {
  background:rgba(21,20,23,.74);
  border:1px solid rgba(61,53,70,.82);
  border-radius:14px;
  padding:0 18px 10px;
}
#view-squad .sq-chart-card-head {
  padding:18px 0 15px;
  border-bottom-color:#3b3342;
}
#view-squad .sq-chart-card-head p,
#view-squad .sq-card p { color:#aaa2ad; }
#view-squad .sq-match-detail {
  background:#18171b;
  border-color:#41364a;
}
#view-squad .sq-field {
  background:radial-gradient(ellipse at center,#16251d,#0f1712);
  border-color:#3b5142;
}
#view-squad .sq-field-lines { border-color:#82aa8a3d; }
#view-squad .sq-field-lines:after,
#view-squad .sq-center,
#view-squad .sq-box { border-color:#82aa8a3d; }
#view-squad .sq-card {
  background:rgba(20,20,22,.68);
  border-bottom-color:#39353d;
  border-radius:10px;
  padding:18px 16px 25px;
}
#view-squad .sq-table th { background:#18161c; }
#view-squad .sq-table td,
#view-squad .sq-history>div { border-color:#39353d; }
#view-squad .sq-chart-card-foot,
#view-squad .sq-transfer-resources { border-color:#3b3342; }

@media(max-width:600px) {
  #view-squad .sq-hero-stats>*:first-child { padding-left:12px; }
  #view-squad .sq-chart-card { padding:0 13px 8px; }
  #view-squad .sq-card { padding:16px 13px 22px; }
}

/* Keep the club identity and its progression in one compact first screen. */
#view-squad .sq-top-grid {
  display:grid;
  grid-template-columns:minmax(300px,.66fr) minmax(0,1.34fr);
  gap:42px;
  align-items:stretch;
  margin-bottom:36px;
}
#view-squad .sq-top-grid .sq-heading {
  min-width:0;
  min-height:100%;
  margin:0;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:24px;
}
#view-squad .sq-top-grid .sq-heading>div { max-width:360px; }
#view-squad .sq-top-grid .sq-heading h1 { margin:0 0 10px; font-size:46px; }
#view-squad .sq-top-grid .sq-heading p { max-width:320px; }
#view-squad .sq-top-grid .sq-heading>.sq-button { margin-top:4px; }
#view-squad .sq-top-grid .sq-club-hero {
  min-width:0;
  margin:0;
  padding-left:32px;
  border-left:1px solid #2c2535;
}
#view-squad .sq-top-grid .sq-hero-identity { padding:0 0 24px; gap:24px; }
#view-squad .sq-top-grid .sq-hero-badge { min-width:110px; }
#view-squad .sq-top-grid .sq-level-emblem-hero { width:116px; height:140px; }
#view-squad .sq-top-grid .sq-hero-copy { max-width:none; }
#view-squad .sq-top-grid .sq-hero-copy h2 { margin:11px 0 8px; font-size:29px; }
#view-squad .sq-top-grid .sq-hero-copy p { margin-bottom:16px; }
#view-squad .sq-top-grid .sq-hero-stats { padding:18px 0; }
#view-squad .sq-top-grid .sq-hero-stats>* { padding:0 18px; }
#view-squad .sq-top-grid .sq-hero-stats>*:first-child { padding-left:0; }

@media(max-width:900px) {
  #view-squad .sq-top-grid { grid-template-columns:1fr; gap:0; margin-bottom:24px; }
  #view-squad .sq-top-grid .sq-heading { min-height:0; margin:12px 0 24px; }
  #view-squad .sq-top-grid .sq-heading h1 { font-size:42px; }
  #view-squad .sq-top-grid .sq-club-hero { padding-left:0; border-left:0; }
  #view-squad .sq-top-grid .sq-hero-identity { padding:0 0 24px; }
}

@media(max-width:600px) {
  #view-squad .sq-top-grid .sq-heading { margin:12px 0 24px; }
  #view-squad .sq-top-grid .sq-heading h1 { font-size:36px; }
  #view-squad .sq-top-grid .sq-hero-identity { padding:0 0 24px; }
}