/* =============================================
   V3 Fixture Analysis — Flux Design System
   Extracted from public/dashboard_3_flux_v2.html
   Scoped under .v3-analysis to avoid bleeding
   ============================================= */

@media(min-width:1440px){html:has(.v3-analysis),html:has(.v3-analysis) body{overflow:hidden;height:100%}}
.v3-analysis *{margin:0;padding:0;box-sizing:border-box}
.v3-analysis{
    min-width:320px;
    /* Phosphor green — use sparingly for key highlights */
    --glow:#00ff88;--glow-rgb:0,255,136;
    --glow-dim:rgba(0,255,136,0.65);
    --glow-muted:rgba(0,255,136,0.4);
    --glow-subtle:rgba(0,255,136,0.15);
    --glow-faint:rgba(0,255,136,0.06);
    /* Secondary accent — honeycomb orange for opposition */
    --violet:#e8842c;--violet-rgb:232,132,44;
    /* Ember for fouls level 1 */
    --ember:#f59e0b;--ember-rgb:245,158,11;
    /* Blue accent — selected player highlight */
    --select:#60a5fa;--select-rgb:96,165,250;

    /* Dark but not black — charcoal foundation */
    --bg:#131316;--bg-rgb:19,19,22;
    --surface:#1a1a1f;        /* cards, panels */
    --surface-raised:#21212a; /* elevated cards, pinned sections */
    --surface-hover:#282833;  /* hover states */
    --border:rgb(255 255 255 / 10%);
    --border-mid:rgb(255 255 255 / 15%);
    --border-bright:rgb(255 255 255 / 20%);

    /* Text — warm off-white, not harsh */
    --text:#e2e2e8;--text-dim:#8b8b98;--text-muted:#7a7a85;

    --radius:14px;--radius-sm:10px;--radius-xs:7px;
    /* Form / dropdown tokens */
    --input-bg:rgba(255,255,255,0.04);--panel-bg:#1a1a1f;
    --primary:#3ddc97;--primary-rgb:61,220,151;

    /* Gauge colors — muted for radial gauges */
    --gauge-high:rgba(34,197,94,0.4);--gauge-mid:rgba(249,115,22,0.3);
    --gauge-low:rgba(239,68,68,0.3);--gauge-track:rgba(255,255,255,0.04);
    --num-high:rgba(34,197,94,0.75);--num-mid:rgba(249,115,22,0.65);--num-low:rgba(239,68,68,0.65);
    /* Signal badge colors */
    --signal-high-bg:rgba(34,197,94,0.08);--signal-high-border:rgba(34,197,94,0.18);--signal-high-text:rgba(34,197,94,0.8);
    --signal-mid-bg:rgba(249,115,22,0.08);--signal-mid-border:rgba(249,115,22,0.15);--signal-mid-text:rgba(249,115,22,0.75);
    --signal-low-bg:rgba(239,68,68,0.08);--signal-low-border:rgba(239,68,68,0.15);--signal-low-text:rgba(239,68,68,0.7);

    /* Base styles (scoped from html/body) */
    font-size:13px;
    height:100%;overflow:hidden;
    background:var(--bg);color:var(--text);font-family:'Plus Jakarta Sans',sans-serif;
    line-height:1.5;-webkit-font-smoothing:antialiased}

  /* Subtle background atmosphere */
  .bg-mesh{position:fixed;inset:0;z-index:-1;background:var(--bg)}
  .bg-mesh::before{content:'';position:absolute;top:-20%;left:-10%;width:50%;height:50%;
    background:radial-gradient(ellipse,rgba(var(--glow-rgb),0.02) 0%,transparent 70%);filter:blur(80px)}
  .bg-mesh::after{content:'';position:absolute;bottom:-15%;right:-10%;width:50%;height:50%;
    background:radial-gradient(ellipse,rgba(var(--violet-rgb),0.015) 0%,transparent 70%);filter:blur(80px)}

  /* Card surfaces — visible contrast against bg */
  .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);
    box-shadow:0 2px 8px rgba(0,0,0,0.12)}
  .card-raised{background:var(--surface-raised);border:1px solid var(--border-mid);border-radius:var(--radius);
    box-shadow:0 4px 16px rgba(0,0,0,0.25)}
  .card-sm{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);
    box-shadow:0 2px 6px rgba(0,0,0,0.15);transition:border-color .2s,transform .2s}
  .card-sm:hover{border-color:var(--border-mid);transform:translateY(-1px)}
  /* Frosted Layers — raised section cards */
  .card-xs{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06);
    border-radius:10px;transition:border-color .2s;
    box-shadow:0 1px 4px rgba(0,0,0,0.1)}
  .card-xs:hover{border-color:rgba(255,255,255,0.09)}

  /* ═══ Top Bar — Command Bar Design ═══ */
  .topbar{position:fixed;top:0;left:0;right:0;z-index:100;height:52px;display:flex;align-items:center;padding:0 20px;
    background:#1a1a1f;border-bottom:1px solid rgba(255,255,255,0.07)}
  .topbar__logo{display:flex;align-items:center;gap:8px;margin-right:28px;flex-shrink:0}
  .topbar__logo-img{height:24px;width:auto}
  .topbar__nav{display:flex;align-items:center;height:100%;gap:0}
  .topbar__link{font-family:'Sora',sans-serif;font-size:11px;font-weight:500;color:#7a7a85;
    text-decoration:none;padding:0 14px;height:100%;display:flex;align-items:center;
    position:relative;transition:color .15s;white-space:nowrap;cursor:pointer;
    text-transform:none;letter-spacing:0;margin-bottom:0}
  .topbar__link::after{content:'';position:absolute;bottom:0;left:14px;right:14px;height:2px;
    background:transparent;border-radius:1px 1px 0 0;transition:background .2s}
  .topbar__link:hover{color:#8b8b98}
  .topbar__link:hover::after{background:transparent}
  .topbar__link--active{color:#3ddc97}
  .topbar__link--active::after{background:#3ddc97;box-shadow:0 0 8px rgba(61,220,151,0.3);transform:none}
  .topbar__link--disabled{opacity:0.3;pointer-events:none;cursor:default}
  .topbar__link--disabled::after{display:none}
  .topbar__soon-tag{font-family:'Sora',sans-serif;font-size:7px;font-weight:700;color:#f97316;
    margin-left:4px;letter-spacing:0.3px;position:relative;top:-3px}
  .topbar__spacer{flex:1}

  /* Fixtures dropdown (C2 — nav link trigger) */
  .topbar__fixtures-dd{position:relative;display:flex;align-items:center;height:100%}
  .topbar__link-chevron{width:8px;height:8px;color:inherit;opacity:0.4;margin-left:2px;
    transition:transform .15s,opacity .15s;flex-shrink:0}
  .topbar__fixtures-dd--open .topbar__link-chevron{transform:rotate(180deg);opacity:0.7}

  .topbar__uf-panel{position:absolute;top:52px;left:0;width:360px;
    background:#1e1e24;border:1px solid rgba(255,255,255,0.09);
    border-radius:10px;box-shadow:0 12px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.02) inset;
    z-index:300;overflow:hidden;animation:ufPanelIn .2s ease-out}
  @keyframes ufPanelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}

  .topbar__uf-hdr{display:flex;align-items:center;justify-content:space-between;
    padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.06)}
  .topbar__uf-title{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;
    color:#8b8b98;letter-spacing:0.8px;text-transform:uppercase}
  .topbar__uf-viewall{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;
    color:#3ddc97;text-decoration:none;opacity:0.6;transition:opacity .15s}
  .topbar__uf-viewall:hover{opacity:1}

  .topbar__uf-body{max-height:320px;overflow-y:auto;scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,0.06) transparent;padding-bottom:6px}

  .topbar__uf-fade{height:24px;background:linear-gradient(to top,#1e1e24 30%,transparent);
    margin-top:-24px;pointer-events:none;display:flex;align-items:flex-end;
    justify-content:center;padding-bottom:4px;position:relative;z-index:1}
  .topbar__uf-fade-hint{font-family:'Sora',sans-serif;font-size:7px;font-weight:600;
    color:rgba(255,255,255,0.15);letter-spacing:1px;text-transform:uppercase}

  /* Search bar (opens Find Fixture drawer) */
  .topbar__search{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,0.03);
    border:1px solid rgba(255,255,255,0.07);border-radius:8px;padding:0 10px;height:32px;
    margin-right:10px;transition:border-color .15s;cursor:pointer}
  .topbar__search:hover{border-color:rgba(255,255,255,0.12);background:rgba(255,255,255,0.04)}
  .topbar__search-icon{color:#7a7a85;flex-shrink:0}
  .topbar__search-text{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;color:#7a7a85;
    width:140px;white-space:nowrap}
  .topbar__search-kbd{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;color:#7a7a85;
    background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.06);border-radius:3px;
    padding:1px 4px;line-height:1.4;flex-shrink:0}

  /* Account section — right side of topbar */
  .topbar__account{display:flex;align-items:center;gap:4px}

  /* Icon buttons (notifications, settings) */
  .topbar__icon-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;
    color:#7a7a85;cursor:pointer;display:flex;align-items:center;justify-content:center;
    transition:all .15s;position:relative}
  .topbar__icon-btn:hover{color:#8b8b98;background:rgba(255,255,255,0.03)}

  /* Separator */
  .topbar__sep{width:1px;height:20px;background:rgba(255,255,255,0.05);margin:0 6px}

  /* User avatar + name */
  .topbar__user{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:8px;
    cursor:pointer;transition:background .15s}
  .topbar__user:hover{background:rgba(255,255,255,0.03)}
  .topbar__user-avatar{width:28px;height:28px;border-radius:50%;
    background:linear-gradient(135deg,rgba(61,220,151,0.15),rgba(249,115,22,0.1));
    border:1px solid rgba(61,220,151,0.12);display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:10px;font-weight:700;color:#3ddc97}
  .topbar__user-name{font-family:'Sora',sans-serif;font-size:10px;font-weight:600;color:#8b8b98}

  /* Notification bell */
  .topbar__notifications{position:relative}
  .topbar__bell{background:none;border:none;color:#7a7a85;cursor:pointer;width:32px;height:32px;
    border-radius:6px;transition:color .2s,background .2s;position:relative;display:flex;
    align-items:center;justify-content:center}
  .topbar__bell:hover{color:#8b8b98;background:rgba(255,255,255,0.03)}
  .topbar__bell-badge{position:absolute;top:4px;right:4px;min-width:14px;height:14px;
    background:#f97316;color:#fff;font-size:8px;font-weight:700;
    border-radius:99px;display:flex;align-items:center;justify-content:center;
    padding:0 3px;font-family:'Sora',sans-serif;line-height:1}

  /* Notification dropdown */
  .topbar__dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;
    background:#21212a;border:1px solid rgba(255,255,255,0.10);
    border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,0.4);z-index:200;overflow:hidden}
  .topbar__dropdown--open{animation:notifSlideIn .2s ease-out}
  @keyframes notifSlideIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
  .topbar__dropdown-header{display:flex;align-items:center;justify-content:space-between;
    padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.07)}
  .topbar__dropdown-title{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;
    text-transform:uppercase;letter-spacing:1px;color:#8b8b98}
  .topbar__dropdown-clear{background:none;border:none;color:rgba(61,220,151,0.4);cursor:pointer;
    font-size:10px;font-weight:600;transition:color .2s}
  .topbar__dropdown-clear:hover{color:#3ddc97}
  .topbar__dropdown-list{max-height:280px;overflow-y:auto;scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,0.08) transparent}

  /* Individual notification */
  .topbar__notif{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;
    border-bottom:1px solid rgba(255,255,255,0.03);transition:opacity .2s,transform .2s}
  .topbar__notif:last-child{border-bottom:none}
  .topbar__notif-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;
    display:flex;align-items:center;justify-content:center}
  .topbar__notif-icon--warning{background:rgba(245,158,11,0.12);color:#f59e0b}
  .topbar__notif-icon--info{background:rgba(var(--glow-rgb),0.08);color:var(--glow-dim)}
  .topbar__notif-body{flex:1;min-width:0}
  .topbar__notif-msg{font-size:11px;font-weight:600;color:#e2e2e8;line-height:1.4}
  .topbar__notif-detail{font-size:10px;color:#7a7a85;margin-top:2px}
  .topbar__notif-count{display:inline-block;margin-top:4px;font-size:9px;font-weight:700;
    color:rgba(61,220,151,0.65);background:rgba(61,220,151,0.08);padding:1px 6px;border-radius:99px}
  .topbar__notif-dismiss{background:none;border:none;color:#7a7a85;cursor:pointer;
    font-size:16px;line-height:1;padding:2px 4px;transition:color .2s;flex-shrink:0}
  .topbar__notif-dismiss:hover{color:#e2e2e8}
  .topbar__notif-empty{text-align:center;padding:24px 16px;color:#7a7a85;font-size:11px}

  /* Desktop container with side padding */
  .dashboard-wrap{max-width:1860px;margin:0 auto;padding:53px 48px 0;height:100%;
    display:flex;flex-direction:column}

  /* Dashboard Grid */
  .dashboard{display:grid;grid-template-columns:1fr 1fr;gap:16px;
    flex:1;min-height:0;padding:48px 0 0}

  /* Left: Main area — scrolls independently, stays visible */
  .main{min-width:0;overflow-y:auto;overflow-x:hidden;padding-bottom:50px;
    scrollbar-width:none}
  .main::-webkit-scrollbar{display:none}

  /* Match Header */
  .match-header{display:flex;align-items:center;justify-content:center;gap:0;padding:18px 28px;margin-bottom:14px;flex-wrap:wrap;overflow:hidden}
  .team{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
  .team--away{flex-direction:row-reverse;text-align:right;justify-content:flex-start}
  .team__crest{width:42px;height:42px;display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-weight:700;font-size:11px;color:var(--text-dim)}
  .team__name{font-family:'Sora',sans-serif;font-size:14px;font-weight:700;letter-spacing:-0.2px}
  .team__formation{font-size:10px;color:var(--text-dim);margin-top:1px;font-weight:500}
  .match-center{text-align:center;padding:0 24px;flex-shrink:0}
  .match-time{font-size:16px;font-weight:800;letter-spacing:-0.5px;
    color:var(--text)}
  .match-date{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;margin-top:3px;font-weight:500}

  /* Stat Type Tabs (inside match header) */
  .stat-tabs{display:flex;gap:0;border-top:1px solid rgba(255,255,255,0.05);
    overflow-x:auto;scrollbar-width:none;margin:0 -28px -18px;padding:0 28px;margin-top: 10px;
    padding-top: 2px;width:calc(100% + 56px)}
  .stat-tabs::-webkit-scrollbar{display:none}
  .stat-tab{font-family:'Sora',sans-serif;font-size:9.5px;font-weight:600;
    color:var(--text-muted);padding:9px 16px;cursor:pointer;border:none;
    background:none;white-space:nowrap;transition:all .15s;position:relative;
    flex-shrink:0;text-decoration:none}
  .stat-tab:hover{color:var(--text-dim)}
  .stat-tab--active{color:rgba(245,158,11,0.85)}
  .stat-tab--active::after{content:'';position:absolute;bottom:0;left:14px;
    right:14px;height:2px;background:rgba(245,158,11,0.5);border-radius:2px}

  /* Pitch Panels — split team containers */
  .pitch-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;
    margin-bottom:18px;position:relative;z-index:3}
  .pitch-panel{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);
    border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.12)}
  .pitch-panel__hdr{display:flex;align-items:center;gap:8px;padding:8px 12px;
    border-bottom:1px solid rgba(255,255,255,0.05)}
  .pitch-panel__hdr .pitch-label{margin-bottom:0}
  .pitch-panel__body{padding:6px}

  /* Legacy pitches grid (kept for compatibility) */
  .pitches{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;position:relative;z-index:3}
  .pitch-label{font-family:'Sora',sans-serif;font-size:9px;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:1.8px;margin-bottom:6px;display:flex;align-items:center;gap:6px}
  .pitch-label__dot{width:6px;height:6px;border-radius:50%}
  .pitch-label__crest{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .pitch-label__crest img{width:100%;height:100%;object-fit:contain}
  .pitch-label__abbrev{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
    color:var(--text-muted);letter-spacing:1px;text-transform:uppercase}
  .pitch{position:relative;aspect-ratio:3/4;
    background:linear-gradient(180deg,#1a3a22 0%,#163a1e 25%,#133318 50%,#163a1e 75%,#1a3a22 100%);
    border-radius:var(--radius-sm);overflow:visible;border:1px solid rgba(255,255,255,0.08);
    box-shadow:inset 0 0 30px rgba(0,0,0,0.15),0 4px 16px rgba(0,0,0,0.25)}
  .pitch__clip{position:absolute;inset:0;border-radius:var(--radius-sm);overflow:hidden;pointer-events:none}
  .pitch::before{content:'';position:absolute;top:50%;left:6%;right:6%;height:1px;background:rgba(255,255,255,0.18)}
  .pitch::after{content:'';position:absolute;top:50%;left:50%;width:54px;height:54px;
    transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,0.18);border-radius:50%}
  .pitch__center{position:absolute;top:50%;left:50%;width:5px;height:5px;transform:translate(-50%,-50%);
    background:rgba(255,255,255,0.3);border-radius:50%}
  .pitch__pen-top{position:absolute;top:0;left:20%;right:20%;height:22%;
    border:1px solid rgba(255,255,255,0.14);border-top:none;border-radius:0 0 3px 3px}
  .pitch__pen-bot{position:absolute;bottom:0;left:20%;right:20%;height:22%;
    border:1px solid rgba(255,255,255,0.14);border-bottom:none;border-radius:3px 3px 0 0}
  .pitch__six-top{position:absolute;top:0;left:34%;right:34%;height:9%;border:1px solid rgba(255,255,255,0.12);border-top:none}
  .pitch__six-bot{position:absolute;bottom:0;left:34%;right:34%;height:9%;border:1px solid rgba(255,255,255,0.12);border-bottom:none}

  /* Players */
  .player{position:absolute;display:flex;flex-direction:column;align-items:center;
    transform:translate(-50%,-50%);cursor:pointer;z-index:2;transition:transform .2s cubic-bezier(.4,0,.2,1)}
  .player:hover{transform:translate(-50%,-50%) scale(1.12)}
  .player:hover .player__name{color:rgba(255,255,255,0.7)}
  .player__avatar{width:32px;height:32px;border-radius:50%;border:2.5px solid rgba(255,255,255,0.25);
    background:var(--surface-raised);overflow:hidden;transition:all .25s;position:relative;
    box-shadow:0 2px 8px rgba(0,0,0,0.4)}
  .player__avatar img{width:100%;height:100%;object-fit:cover;display:block}
  .player:hover .player__avatar{border-color:rgba(255,255,255,0.4);
    box-shadow:0 0 10px rgba(255,255,255,0.08),0 2px 8px rgba(0,0,0,0.4)}
  .player--away .player__avatar{border-color:rgba(255,255,255,0.25)}
  .player--away:hover .player__avatar{border-color:rgba(255,255,255,0.4);
    box-shadow:0 0 10px rgba(255,255,255,0.08),0 2px 8px rgba(0,0,0,0.4)}
  /* Selected player — blue ring */
  .player--selected .player__avatar{border-color:rgba(var(--select-rgb),0.6);border-width:2.5px;
    box-shadow:0 0 10px rgba(var(--select-rgb),0.35),0 0 24px rgba(var(--select-rgb),0.12);
    animation:selectedPulse 2.5s ease-in-out infinite}
  .player--selected .player__name{color:rgba(var(--select-rgb),0.8);font-weight:700}
  /* GK — unclickable, dimmed */
  .player--gk{pointer-events:none;opacity:0.45}
  .player--gk .player__avatar{border-color:rgba(255,255,255,0.12);border-width:1.5px}
  /* Proximity primary — red ring */
  .player--prox-primary .player__avatar{border-color:rgba(239,68,68,0.55);border-width:2.5px;
    box-shadow:0 0 10px rgba(239,68,68,0.25),0 2px 8px rgba(0,0,0,0.4)}
  .player--prox-primary .player__name{color:rgba(239,68,68,0.7)}
  /* Proximity secondary — orange ring */
  .player--prox-secondary .player__avatar{border-color:rgba(var(--violet-rgb),0.55);border-width:2.5px;
    box-shadow:0 0 10px rgba(var(--violet-rgb),0.25),0 2px 8px rgba(0,0,0,0.4)}
  .player--prox-secondary .player__name{color:rgba(var(--violet-rgb),0.7)}
  .player__name{font-size:8.5px;font-weight:600;color:rgba(255,255,255,0.45);margin-top:3px;
    white-space:nowrap;text-transform:uppercase;letter-spacing:0.4px;transition:color .2s;line-height:1}
  .player__pos{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:700;color:rgba(255,255,255,0.3);
    text-transform:uppercase;letter-spacing:0.6px;margin-top:1px}
  @keyframes selectedPulse{
    0%,100%{box-shadow:0 0 10px rgba(var(--select-rgb),0.35),0 0 24px rgba(var(--select-rgb),0.12)}
    50%{box-shadow:0 0 16px rgba(var(--select-rgb),0.5),0 0 32px rgba(var(--select-rgb),0.18)}
  }

  /* 3-dot swap menu trigger */
  .player__menu-trigger{position:absolute;top:-4px;right:-6px;width:16px;height:16px;border-radius:50%;
    background:var(--surface);border:1px solid var(--border-mid);display:flex;align-items:center;
    justify-content:center;cursor:pointer;z-index:5;opacity:0;transition:opacity .2s;
    box-shadow:0 2px 6px rgba(0,0,0,0.4)}
  @media(hover:hover){.player:hover .player__menu-trigger{opacity:1}}
  .player__menu-trigger.is-active{opacity:1}
  .player__menu-dots{display:flex;gap:1.5px}
  .player__menu-dots span{width:2.5px;height:2.5px;border-radius:50%;background:var(--text-dim)}
  .player__menu-trigger:hover .player__menu-dots span,.player__menu-trigger.is-active .player__menu-dots span{background:var(--glow)}

  /* Long-press visual feedback (mobile) */
  .player--longpress .player__avatar{transition:transform .15s,box-shadow .15s;
    transform:scale(1.15);box-shadow:0 0 14px rgba(var(--glow-rgb),0.25),0 0 28px rgba(var(--glow-rgb),0.08)}

  /* ── Hit Rate Badges (pb-* solid pitch scale, percentile-colored) ── */
  .player__badges{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);
    display:flex;gap:3px;white-space:nowrap;z-index:6;pointer-events:auto}
  .player__badge{font-family:'Sora',sans-serif;font-size:8px;font-weight:700;padding:2px 6px;
    border-radius:4px;line-height:1.3;letter-spacing:0.02em;cursor:pointer;
    transition:filter .12s,transform .12s;display:inline-flex;align-items:center}
  .player__badge:hover{filter:brightness(1.3);transform:scale(1.08)}
  .player--gk .player__badges{display:none}

  /* ── Opponent Foul Score Ring (conic-gradient around avatar) ── */
  .player__ring{position:relative;width:38px;height:38px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;transition:all .15s}
  .player__ring .player__avatar{width:32px;height:32px;border:none;margin:0;position:relative;z-index:1;
    background:var(--bg, #131316)}
  /* Selected: keep ring visible, overlay blue border on avatar */
  .player--selected .player__ring .player__avatar{border:2.5px solid rgba(var(--select-rgb),0.6);
    box-shadow:0 0 10px rgba(var(--select-rgb),0.35),0 0 24px rgba(var(--select-rgb),0.12);
    animation:selectedPulse 2.5s ease-in-out infinite}
  /* Matchup states: keep ring visible, overlay matchup borders on avatar */
  .player--prox-primary .player__ring .player__avatar{border:2.5px solid rgba(239,68,68,0.55);
    box-shadow:0 0 10px rgba(239,68,68,0.25),0 2px 8px rgba(0,0,0,0.4)}
  .player--prox-secondary .player__ring .player__avatar{border:2.5px solid rgba(var(--violet-rgb),0.55);
    box-shadow:0 0 10px rgba(var(--violet-rgb),0.25),0 2px 8px rgba(0,0,0,0.4)}

  /* ── Pitch Footer Legend ── */
  .pitch-footer{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;
    background:rgba(255,255,255,0.015);border:1px solid rgba(255,255,255,0.04);
    border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:none;margin-top:-1px}
  .pitch-legend{display:flex;align-items:center;gap:10px}
  .pitch-legend__item{display:flex;align-items:center;gap:4px;font-family:'Sora',sans-serif;
    font-size:9.5px;color:var(--text-muted);cursor:default}
  .pitch-legend__item[data-clicktip]{cursor:pointer}
  .pitch-legend__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
  .pitch-legend__dot--sel{background:rgba(var(--select-rgb),0.6);box-shadow:0 0 4px rgba(var(--select-rgb),0.2)}
  .pitch-legend__dot--pri{background:rgba(239,68,68,0.55)}
  .pitch-legend__dot--sec{background:rgba(var(--violet-rgb),0.55)}
  .pitch-legend__ring{width:16px;height:16px;border-radius:50%;display:inline-flex;
    align-items:center;justify-content:center;flex-shrink:0}
  .pitch-legend__ring-inner{width:11px;height:11px;border-radius:50%;background:var(--bg, #131316)}

  /* Fouls cell touch-active state (mirrors hover) */
  .fouls-cell--active{transform:scale(1.2) translateY(-2px);z-index:10}
  .fouls-cell--active::after{opacity:0.6}
  .fouls-cell--active .fouls-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}

  /* Pitch hint footnote */
  .pitch-hint{display:none;text-align:center;font-family:'Sora',sans-serif;font-size:9px;font-weight:500;
    color:var(--text-muted);padding:8px 0 2px;letter-spacing:0.2px}
  .pitch-hint span{color:var(--text-dim);font-weight:600}
  @media(hover:none) and (pointer:coarse){.pitch-hint{display:block}}

  /* Swap Dropdown */
  .swap-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);
    width:280px;background:var(--surface-raised);border:1px solid var(--border-mid);
    border-radius:var(--radius-sm);box-shadow:0 12px 40px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.04);
    z-index:50;opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-6px) scale(0.97);
    transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);overflow:hidden}
  .swap-dropdown.is-open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}
  .swap-dropdown__search{padding:10px 12px;border-bottom:1px solid var(--border)}
  .swap-dropdown__input{width:100%;background:var(--surface);border:1px solid var(--border);
    border-radius:var(--radius-xs);padding:7px 10px 7px 30px;font-family:'Plus Jakarta Sans',sans-serif;
    font-size:10px;color:var(--text);outline:none;transition:border-color .2s}
  .swap-dropdown__input::placeholder{color:var(--text-muted)}
  .swap-dropdown__input:focus{border-color:rgba(var(--glow-rgb),0.3)}
  .swap-dropdown__search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);
    color:var(--text-muted);font-size:11px;pointer-events:none}
  .swap-dropdown__tabs{display:flex;border-bottom:1px solid var(--border);padding:0 4px}
  .swap-dropdown__tab{flex:1;padding:7px 6px;font-family:'Sora',sans-serif;font-size:8px;font-weight:600;
    color:var(--text-muted);text-align:center;cursor:pointer;text-transform:uppercase;
    letter-spacing:0.8px;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}
  .swap-dropdown__tab:hover{color:var(--text-dim)}
  .swap-dropdown__tab--active{color:var(--glow-dim);border-bottom-color:var(--glow-muted)}
  .swap-dropdown__list{max-height:220px;overflow-y:auto;padding:4px}
  .swap-dropdown__group{padding:6px 8px 2px;font-family:'Sora',sans-serif;font-size:7px;
    font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}
  .swap-dropdown__item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-xs);
    cursor:pointer;transition:background .15s}
  .swap-dropdown__item:hover{background:var(--surface-hover)}
  .swap-dropdown__item-avatar{width:24px;height:24px;border-radius:50%;background:var(--surface);
    border:1px solid var(--border);overflow:hidden;flex-shrink:0}
  .swap-dropdown__item-avatar img{width:100%;height:100%;object-fit:cover}
  .swap-dropdown__item-info{flex:1;min-width:0}
  .swap-dropdown__item-name{font-size:10px;font-weight:600;color:var(--text);line-height:1.2;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .swap-dropdown__item-positions{display:flex;gap:4px;margin-top:2px}
  .swap-dropdown__item-pos{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:600;
    color:var(--text-muted);background:var(--surface);border:1px solid var(--border);
    border-radius:3px;padding:1px 5px;letter-spacing:0.3px}
  .swap-dropdown__item-match{font-family:'Sora',sans-serif;font-size:8px;font-weight:700;
    color:var(--glow-dim);flex-shrink:0}

  /* Stats Bar */
  .stats-bar{display:flex;gap:8px;margin-bottom:14px}
  .stat-card{flex:1;padding:12px 14px;text-align:center}
  .stat-card__value{font-family:'Sora',sans-serif;font-size:20px;font-weight:700;color:var(--text);line-height:1}
  .stat-card__label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.8px;margin-top:4px;font-weight:600}

  /* Fixtures */
  .fixtures-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .fixture-card{padding:14px;position:relative;overflow:hidden}
  .fixture-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:2px;
    background:linear-gradient(180deg,rgba(var(--violet-rgb),0.4),transparent);border-radius:2px}
  .fixture-card__date{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;color:rgba(var(--violet-rgb),0.7);
    text-transform:uppercase;letter-spacing:1.2px}
  .fixture-card__teams{font-family:'Sora',sans-serif;font-size:12px;font-weight:600;margin-top:5px}
  .fixture-card__meta{font-size:10px;color:var(--text-dim);margin-top:3px}

  /* Right Panel — height constrained by grid, scrolls via panel-inner */
  .panel{background:var(--bg);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius);
    overflow:hidden;display:flex;flex-direction:column;margin-bottom:20px;
    min-height:0;
    box-shadow:0 4px 20px rgba(0,0,0,0.25);transition:opacity .35s}

  /* Panel inner — scrollable, fixed to viewport height */
  .panel-inner{padding:18px 20px 24px;overflow-y:auto;
    max-height:calc(100vh - 120px);
    scrollbar-width:none}
  .panel-inner::-webkit-scrollbar{display:none}
  .panel-inner > * + *{margin-top:14px}
  .panel-inner > *:first-child + *{margin-top:14px}
  .panel-inner > *:last-child{margin-bottom:20px}

  /* Section label */
  /* Section spacing in summary tab */
  .matchups-flow{margin-bottom:20px}
  .tf-env{margin-bottom:20px}
  .ref-section{margin-bottom:50px}
  .oi{margin-bottom:50px}

  .sec-label{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:var(--glow-muted);
    text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px;display:flex;align-items:center;gap:6px}
  .sec-label::before{display:none}
  .sec-label::after{display:none}

  /* Above-card section label (for sections with tabs) */
  .sec-label--above{margin-bottom:6px;padding:0 4px}
  /* Collapse spacing between above-card headers and their card */
  .sec-label--above + *,
  .tf-env__hdr--above + *,
  .oi-hdr + *{margin-top:0 !important}
  .sec-label__help{position:relative;cursor:default;display:inline-flex;
    color:var(--text-dim);transition:color .2s}
  .sec-label__help svg{vertical-align:-1px}
  .sec-label__help:hover{color:var(--text)}

  /* Player Card */
  .p-card{display:flex;align-items:center;gap:14px;margin-bottom:14px}
  .p-card__avatar{width:48px;height:48px;border-radius:50%;background:var(--surface-hover);
    border:2px solid var(--border-mid);display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-weight:700;font-size:16px;color:var(--text-dim);flex-shrink:0;
    transition:border-color .3s}
  .p-card__avatar:hover{border-color:var(--border-bright)}
  /* Selected player — glowing green ring */
  .p-card__avatar--selected{border-color:var(--glow-muted);
    box-shadow:0 0 12px rgba(var(--glow-rgb),0.25),0 0 24px rgba(var(--glow-rgb),0.1)}
  .p-card__avatar--selected:hover{border-color:var(--glow-dim);
    box-shadow:0 0 16px rgba(var(--glow-rgb),0.35),0 0 32px rgba(var(--glow-rgb),0.15)}
  /* Matchup players — glowing orange ring (secondary) */
  .p-card__avatar--matchup{border-width:2.5px;border-color:rgba(var(--violet-rgb),0.45);
    box-shadow:0 0 12px rgba(var(--violet-rgb),0.2),0 0 24px rgba(var(--violet-rgb),0.08)}
  .p-card__avatar--matchup:hover{border-color:rgba(var(--violet-rgb),0.65);
    box-shadow:0 0 16px rgba(var(--violet-rgb),0.3),0 0 32px rgba(var(--violet-rgb),0.12)}
  .p-card__avatar--matchup span{color:rgba(var(--violet-rgb),0.7)}
  .p-card__info{flex:1;min-width:0}
  .p-card__name{font-family:'Sora',sans-serif;font-size:15px;font-weight:700;letter-spacing:-0.3px;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .p-card__name--selected{color:var(--glow-dim)}
  .p-card__pos{font-size:10px;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:0.6px;margin-top:1px}
  .p-card__team{font-size:10px;color:var(--text-muted);margin-top:1px}
  .p-card__stat-label{font-size:9px;font-weight:600;color:rgba(var(--violet-rgb),0.55);margin-top:2px;
    text-transform:uppercase;letter-spacing:0.5px}
  .p-card__badges{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
  .badge{font-size:8px;font-weight:600;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:0.3px;
    position:relative;cursor:default}
  /* badge-tip: hidden inline, rendered by global gtip JS system */
  .badge--glow{color:var(--glow-dim);background:rgba(var(--glow-rgb),0.06);border:1px solid rgba(var(--glow-rgb),0.1)}
  .badge--violet{color:rgba(var(--violet-rgb),0.7);background:rgba(var(--violet-rgb),0.06);border:1px solid rgba(var(--violet-rgb),0.1)}
  .badge--dim{color:var(--text-dim);background:rgba(255,255,255,0.02);border:1px solid var(--border)}

  /* Stats Panel — two side-by-side containers */
  .p-card__panel{margin-left:auto;display:flex;gap:8px;flex-shrink:0}

  /* Container 1: Score + Hit Rate Bars */
  .panel-signal{display:flex;align-items:center;gap:14px;background:rgb(255 255 255 / 3%);
    border:none;border-radius:6px;padding:12px 14px}

  /* Container 2: Stats Grid (2 col x 3 row) — no background wrapper */
  .panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
  @media(max-width:1279px){.panel-grid{display:none}}
  .grid-stat{text-align:center;padding:6px 10px;border-radius:6px;
    background:rgb(255 255 255 / 3%);border:none;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    max-width:40px;max-height:40px;
    box-shadow:none}
  .grid-stat__val{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;line-height:1}
  .grid-stat__val--glow{color:var(--glow-muted)}
  .grid-stat__val--violet{color:rgba(var(--violet-rgb),0.65)}
  .grid-stat__lbl{font-size:7px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.3px;
    margin-top:3px;font-weight:600}

  /* Fouls Strip Row — strip + vs-opp side by side */
  .fouls-strip-row{display:flex;align-items:flex-end;gap:12px}
  .fouls-strip-row .fouls-strip{flex:1;min-width:0}

  /* vs Opponent Strip — right-aligned next to fouls strip */
  .vs-opp{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;margin-bottom:12px}
  .vs-opp__label{font-size:9px;font-weight:600;color:var(--text-muted);white-space:nowrap}
  .vs-opp__cells{display:flex;gap:3px;overflow:visible}
  .vs-opp__cell{min-width:22px;max-width:25px;width:25px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;
    border-radius:4px;font-size:10px;font-weight:700;position:relative;cursor:default}
  @media(hover:hover){.vs-opp__cell:hover{transform:scale(1.2) translateY(-2px);z-index:10}}
  @media(hover:hover){.vs-opp__cell:hover .fouls-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}}
  .vs-opp__cell--empty{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);
    color:rgba(255,255,255,0.15)}

  /* Hit Rate Bars (compact vertical) */
  .panel-rates{display:flex;flex-direction:column;gap:8px;min-width:130px}
  .panel-rate{display:flex;align-items:center;gap:6px}
  .panel-rate__lbl{font-size:8px;font-weight:600;color:var(--text-dim);width:20px;flex-shrink:0;text-align:right}
  .panel-rate__bar{flex:1;height:4px;background:rgba(255,255,255,0.04);border-radius:2px;overflow:hidden}
  .panel-rate__fill{height:100%;border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1)}
  .panel-rate__fill--high{background:linear-gradient(90deg,rgba(var(--glow-rgb),0.15),var(--glow-muted))}
  .panel-rate__fill--mid{background:linear-gradient(90deg,rgba(var(--ember-rgb),0.15),rgba(var(--ember-rgb),0.65))}
  .panel-rate__fill--low{background:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.5))}
  .panel-rate__pct{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;width:30px;text-align:right;flex-shrink:0}
  .panel-rate__pct--high{color:var(--glow-muted)}
  .panel-rate__pct--mid{color:rgba(var(--ember-rgb),0.7)}
  .panel-rate__pct--low{color:rgba(239,68,68,0.6)}

  /* Team crest & player avatar images */
  .team__crest img,.p-card__avatar img{width:100%;height:100%;object-fit:contain;border-radius:50%}
  .p-card__avatar img{object-fit:cover}

  /* Fouls Heatmap Strip */
  .fouls-strip{margin-bottom:12px;overflow:visible}
  .fouls-strip__title{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;color:var(--text-dim);
    margin-bottom:7px}
  .fouls-strip__mobile{display:none}
  .fouls-cells{display:flex;gap:3px;overflow:visible}
  .fouls-cell{width:100%;max-width:25px;aspect-ratio:1;border-radius:5px;display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:10px;font-weight:700;position:relative;
    transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s;cursor:default}
  @media(hover:hover){.fouls-cell:hover{transform:scale(1.2) translateY(-2px);z-index:10}}
  /* Minutes played arc — bottom border that fills proportionally */
  .fouls-cell::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;border-radius:0 0 5px 5px;
    background:rgba(255,255,255,0.12);transform:scaleX(var(--mins,1));transform-origin:left;transition:opacity .15s}
  @media(hover:hover){.fouls-cell:hover::after{opacity:0.6}}
  /* Grey → Green monochrome scale — moved to v3_color_scales.css */

  /* Fouls Cell Tooltip */
  .fouls-tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px) scale(0.96);
    width:220px;background:var(--surface-raised);border:1px solid var(--border-mid);border-radius:var(--radius-xs);
    padding:10px 12px;z-index:50;opacity:0;visibility:hidden;pointer-events:none;
    transition:all .18s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.03);
    backdrop-filter:blur(16px)}
  @media(hover:hover){.fouls-cell:hover .fouls-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1)}}
  .fouls-tip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);
    border:5px solid transparent;border-top-color:var(--border-mid)}
  .fouls-tip__match{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;color:var(--text);
    margin-bottom:6px;line-height:1.3}
  .fouls-tip__match span{font-weight:400;color:var(--text-dim);font-size:9px;margin-left:4px}
  .fouls-tip__date{font-size:9px;color:var(--text-muted);margin-bottom:8px;font-weight:500}
  .fouls-tip__stats{display:flex;flex-direction:column;gap:4px}
  .fouls-tip__row{display:flex;justify-content:space-between;align-items:center;font-size:9px}
  .fouls-tip__row-label{color:var(--text-dim);font-weight:500}
  .fouls-tip__row-val{font-family:'Sora',sans-serif;font-weight:700;color:var(--text)}
  .fouls-tip__row-val--glow{color:var(--glow-dim)}
  .fouls-tip__mins-bar{height:3px;border-radius:2px;background:var(--surface);margin-top:8px;overflow:hidden}
  .fouls-tip__mins-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,rgba(var(--glow-rgb),0.3),var(--glow-muted));
    transition:width .3s}

  /* Hit Rate Bars */
  .hit-rates{display:flex;gap:12px;margin-bottom:14px}
  .hit-rate{flex:1}
  .hit-rate__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}
  .hit-rate__label{font-size:9px;font-weight:600;color:var(--text-dim)}
  .hit-rate__pct{font-family:'Sora',sans-serif;font-size:12px;font-weight:700}
  .hit-rate__pct--high{color:var(--glow-muted)}
  .hit-rate__pct--mid{color:rgba(var(--ember-rgb),0.7)}
  .hit-rate__pct--low{color:rgba(239,68,68,0.6)}
  .hit-rate__bar{height:5px;background:rgba(255,255,255,0.04);border-radius:3px;overflow:hidden}
  .hit-rate__fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}
  .hit-rate__fill--high{background:linear-gradient(90deg,rgba(var(--glow-rgb),0.15),var(--glow-muted))}
  .hit-rate__fill--mid{background:linear-gradient(90deg,rgba(var(--ember-rgb),0.15),rgba(var(--ember-rgb),0.65))}
  .hit-rate__fill--low{background:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.5))}

  /* Panel Tabs */
  .panel-tabs{display:flex;padding:0 20px;
    background:rgba(255,255,255,0.015);position:sticky;top:0;z-index:2}
  .panel-tab{font-family:'Sora',sans-serif;font-size:10px;font-weight:600;color:var(--text-muted);
    padding:12px 16px 10px;cursor:pointer;border-bottom:2px solid transparent;
    text-transform:uppercase;letter-spacing:1px;transition:all .2s;white-space:nowrap}
  .panel-tab:hover{color:var(--text-dim)}
  .panel-tab--active{color:var(--text);border-bottom-color:var(--glow-muted)}
  .tab-content{display:none}
  .tab-content--active{display:flex;flex-direction:column;flex:1;min-height:0;overflow:visible}

  /* Column 2: Verdict Ring */
  .panel-verdict{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
  .verdict-ring{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    background:conic-gradient(var(--glow-muted) calc(var(--score) * 1%),rgba(255,255,255,0.06) 0);
    transition:transform .3s}
  .verdict-ring:hover{transform:scale(1.08)}
  .verdict-ring__inner{width:44px;height:44px;border-radius:50%;background:var(--surface-raised);
    display:flex;align-items:center;justify-content:center;flex-direction:column}
  .verdict-ring__score{font-family:'Sora',sans-serif;font-size:16px;font-weight:800;color:var(--glow-muted);line-height:1}
  .verdict-ring__label{font-size:6px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.8px;margin-top:1px;font-weight:600}
  .verdict-meta{display:flex;gap:10px;align-items:center}
  .verdict-meta__item{text-align:center}
  .verdict-meta__val{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;display:block;line-height:1}
  .verdict-meta__val--pos{color:var(--glow-muted)}
  .verdict-meta__val--neg{color:rgba(239,68,68,0.6)}
  .verdict-meta__lbl{font-size:7px;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.4px;margin-top:2px;display:block;font-weight:600}
  /* Matchup verdict uses orange ring */

  /* Placeholder tab content */
  .tab-placeholder{padding:40px 20px;text-align:center}
  .tab-placeholder__icon{font-size:32px;margin-bottom:12px;opacity:0.3}
  .tab-placeholder__title{font-family:'Sora',sans-serif;font-size:14px;font-weight:600;color:var(--text-dim);margin-bottom:6px}
  .tab-placeholder__desc{font-size:11px;color:var(--text-muted);line-height:1.6;max-width:300px;margin:0 auto}

  /* Selected player card (under pitch) */
  .selected-card{padding:0;margin-bottom:14px;position:relative;z-index:1}

  /* Proximity matchups container */
  .matchups-wrap{border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:16px 18px;
    background:rgba(255,255,255,0.025);box-shadow:0 1px 4px rgba(0,0,0,0.1);transition:border-color .2s}
  .matchups-wrap:hover{border-color:rgba(255,255,255,0.09)}

  /* Matchup Separator */
  .matchup-sep{padding:20px 0 14px;display:flex;align-items:center;gap:10px}
  .matchup-sep--first{padding-top:0}
  .matchup-sep__line{flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,0.04),transparent)}
  .matchup-sep__label{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;color:rgba(var(--violet-rgb),0.6);
    text-transform:uppercase;letter-spacing:2.5px;white-space:nowrap}
  .matchup-sep__label--primary{color:rgba(239,68,68,0.6)}
  .matchup-sep__line--primary{background:linear-gradient(90deg,rgba(239,68,68,0.15),transparent)}
  /* Primary matchup player — red ring */
  .p-card__avatar--primary{border-width:2.5px;border-color:rgba(239,68,68,0.5);
    box-shadow:0 0 12px rgba(239,68,68,0.2),0 0 24px rgba(239,68,68,0.08)}
  .p-card__avatar--primary:hover{border-color:rgba(239,68,68,0.7);
    box-shadow:0 0 16px rgba(239,68,68,0.3),0 0 32px rgba(239,68,68,0.12)}

  /* Matchup expand/collapse */
  .matchup-overflow{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}
  .matchup-overflow.is-open{max-height:600px}
  .matchup-toggle{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0 4px;
    cursor:pointer;transition:color .2s}
  .matchup-toggle:hover{color:var(--text)}
  .matchup-toggle__text{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:1.5px;transition:color .2s}
  .matchup-toggle:hover .matchup-toggle__text{color:var(--text-dim)}
  .matchup-toggle__arrow{font-size:10px;color:var(--text-muted);transition:transform .3s,color .2s}
  .matchup-toggle:hover .matchup-toggle__arrow{color:var(--text-dim)}
  .matchup-overflow.is-open + .matchup-toggle .matchup-toggle__arrow{transform:rotate(180deg)}

  /* Proximity blurb */
  .matchups-blurb{font-size:11px;color:var(--text-dim);line-height:1.6;margin-bottom:18px;
    padding:10px 12px;background:rgb(255 255 255 / 3%);border-radius:6px;
    border-left:2px solid rgba(var(--violet-rgb),0.2)}

  /* Signal Cards */
  .signals-section{margin-top:24px;padding-top:20px}
  .signals-grid{display:flex;flex-wrap:wrap;gap:8px}
  .signal-card{flex:1 1 calc(50% - 4px);min-width:220px;display:flex;align-items:center;gap:12px;
    padding:12px 14px;background:rgb(255 255 255 / 3%);border:none;border-radius:6px;
    transition:box-shadow .2s;box-shadow:none}
  .signal-card:hover{background:rgba(255,255,255,0.045)}
  /* Signal bars — cell reception style */
  .sig-bars{display:flex;align-items:flex-end;gap:2px;height:22px;flex-shrink:0}
  .sig-bar{width:5px;border-radius:1.5px;background:rgba(255,255,255,0.06)}
  .sig-bar:nth-child(1){height:4px}.sig-bar:nth-child(2){height:8px}
  .sig-bar:nth-child(3){height:12px}.sig-bar:nth-child(4){height:16px}.sig-bar:nth-child(5){height:22px}
  .sig-bar--pos{background:var(--glow-muted)}
  .sig-bar--neg{background:rgba(239,68,68,0.55)}
  .signal-card__body{flex:1;min-width:0}
  .signal-card__name{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:var(--text);letter-spacing:-0.1px}
  .signal-card__desc{font-size:10px;color:var(--text-dim);margin-top:2px;line-height:1.4}
  .signal-card__cat{display:inline-block;font-size:8px;font-weight:600;color:var(--text-dim);
    text-transform:uppercase;letter-spacing:0.5px;padding:2px 6px;border-radius:10px;
    background:rgba(255,255,255,0.03);border:1px solid var(--border);margin-top:5px}
  .signal-card__val{font-family:'Sora',sans-serif;font-size:16px;font-weight:800;flex-shrink:0;
    letter-spacing:-0.5px;line-height:1}
  .signal-card__val--pos{color:var(--glow-muted)}
  .signal-card__val--neg{color:rgba(239,68,68,0.6)}

  /* Proximity Stats Table */
  .prox-stats{margin-top:24px;padding-top:20px}
  .prox-table{width:100%;border-collapse:separate;border-spacing:0}
  .prox-table th{font-family:'Sora',sans-serif;font-size:8.5px;font-weight:700;color:var(--text-dim);
    text-transform:uppercase;letter-spacing:1px;padding:0 8px 8px;text-align:left}
  .prox-table th:nth-child(n+3){text-align:center}
  .prox-table td{padding:9px 8px;border-top:1px solid rgba(255,255,255,0.04);font-size:12px}
  .prox-table tr:first-child td{border-top:none}
  .prox-table td:nth-child(n+3){text-align:center}
  .prox-row:hover td{background:rgba(255,255,255,0.015)}
  .prox-row__type{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}
  .prox-row__type--primary{background:rgba(239,68,68,0.65);box-shadow:0 0 6px rgba(239,68,68,0.25)}
  .prox-row__type--secondary{background:rgba(var(--violet-rgb),0.65);box-shadow:0 0 6px rgba(var(--violet-rgb),0.2)}
  .prox-row__name{font-family:'Sora',sans-serif;font-weight:600;font-size:12px;color:var(--text);letter-spacing:-0.1px}
  .prox-row__val{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;color:var(--text);line-height:1}
  .prox-row__rank{font-size:9px;color:var(--text-dim);font-weight:600;margin-left:2px;vertical-align:super}
  .prox-row__type-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:0.4px}
  .prox-row__type-label--primary{color:rgba(239,68,68,0.65)}
  .prox-row__type-label--secondary{color:rgba(var(--violet-rgb),0.65)}

  /* ── Fouling Environment Section ── */
  .tf-env{background:rgba(255,255,255,0.03);border:1px solid rgb(255 255 255 / 4%);
    border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15);padding:0}
  .tf-env__hdr{display:flex;align-items:center;gap:7px;
    padding:14px 30px 10px;background:rgba(255,255,255,0.015);border-bottom:1px solid rgba(255,255,255,0.05)}
  .tf-env__hdr--above{padding:30px 10px 4px;margin:0 0 6px 0;background:none;border-bottom:none}
  .tf-env__hdr-icon{color:rgba(var(--glow-rgb),0.5);flex-shrink:0}
  .tf-env__title{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;
    color:var(--glow-muted);letter-spacing:1.2px;text-transform:uppercase}
  .tf-env__help{width:14px;height:14px;border-radius:50%;border:1px solid var(--text-muted);
    display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text-muted);
    cursor:pointer;position:relative;font-family:'Sora',sans-serif;font-weight:600;flex-shrink:0}

  /* Side-by-side columns */
  .tf-env__cols{display:none}
  .tf-env__col{flex:1;min-width:0;padding:12px 16px}
  .tf-env__col + .tf-env__col{margin-left:0}

  /* Team header + signal badge */
  .tf-env__team-hdr{display:flex;align-items:center;gap:8px;margin-bottom:10px}
  .tf-env__team-name{font-family:'Sora',sans-serif;font-size:11px;font-weight:600;color:var(--text)}
  .tf-env__signal{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;
    font-family:'Sora',sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;
    letter-spacing:0.5px;position:relative;cursor:default}
  /* Signal badges now use oi-e-* color classes from v3_color_scales.css */
  .tf-env__signal-short{display:none}
  .tf-env__crest[title]{cursor:default}

  /* Gauge row — strips only, no radial */
  .tf-env__gauge-row{display:flex;align-items:center;gap:14px;margin-bottom:15px}
  .tf-env__strips{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}
  .tf-env__strips .rm__stat-strip{margin-bottom:10px;margin-top:10px}
  .tf-env__strips .rm__stat-strip-label{font-size:8px}
  .tf-env__strips .rm__strip-wrap{height:30px}

  /* Sparklines */
  .tf-env__spark{flex:1;display:flex;flex-direction:column;gap:2px}
  .tf-env__spark-label{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}
  .tf-env__spark-label-short{display:none}
  .tf-env__spark-bars{display:flex;align-items:end;gap:1.5px;height:22px}
  .tf-env__spark-bar{width:100%;border-radius:1.5px 1.5px 0 0;min-height:2px;position:relative;cursor:pointer}

  /* Spark card containers */
  .tf-env__spark-cards{display:flex;gap:6px;margin-bottom:6px}
  .tf-env__spark-card{flex:1;min-width:0;
    background:rgba(255,255,255,0.02);border:1px solid rgb(255 255 255 / 4%);
    border-radius:6px;padding:8px 8px 6px;
    transition:background 0.2s}
  .tf-env__spark-card:hover{background:rgba(255,255,255,0.035)}
  .tf-env__spark-card .tf-env__spark{gap:3px}
  .tf-env__spark-card .tf-env__spark-bars{justify-content:flex-start}
  .tf-env__spark-card .tf-env__spark-label{text-align:left}

  /* Predicted fouls card — matches sp-a__stat-card style */
  .tf-env__predicted-card{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;
    background:rgba(255,255,255,0.02);border:1px solid rgb(255 255 255 / 4%);border-radius:6px;
    padding:8px 14px;min-width:52px;text-align:center;cursor:pointer;gap:1px;
    transition:background 0.2s}
  .tf-env__predicted-card:hover{background:rgba(255,255,255,0.045)}
  .tf-env__predicted-val{font-family:'Sora',sans-serif;font-size:15px;font-weight:800;line-height:1;background:none !important}
  .tf-env__predicted-row{display:flex;align-items:center;gap:3px;margin-top:2px}
  .tf-env__predicted-unit{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.5px}
  /* Trend icons */
  .tf-env__trend-icon{flex-shrink:0}
  .tf-env__trend-icon--up{color:var(--glow)}
  .tf-env__trend-icon--down{color:rgba(239,68,68,0.7)}
  .tf-env__trend-icon--same{color:var(--text-muted)}

  /* Insight badges */
  .tf-env__badges{padding-top:6px;display:flex;flex-wrap:wrap;gap:4px}
  .tf-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border-radius:4px;
    font-size:9px;font-weight:500;font-family:'Sora',sans-serif;
    position:relative;cursor:pointer}
  .tf-badge--green{background:rgba(var(--glow-rgb),0.1);border:1px solid rgba(var(--glow-rgb),0.2);color:rgba(var(--glow-rgb),0.8)}
  .tf-badge--red{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25);color:rgba(239,68,68,0.8)}
  .tf-badge--orange{background:rgba(var(--ember-rgb),0.1);border:1px solid rgba(var(--ember-rgb),0.2);color:rgba(var(--ember-rgb),0.75)}
  .tf-badge--yellow{background:rgba(234,179,8,0.1);border:1px solid rgba(234,179,8,0.2);color:rgba(234,179,8,0.75)}
  .tf-badge__logo{width:12px;height:12px;object-fit:contain;border-radius:50%;flex-shrink:0}

  /* Empty state */
  .tf-env__empty{padding:16px 0;text-align:center;font-size:10px;color:var(--text-muted);font-style:italic}

  /* Crest (shared) */
  .tf-env__crest{width:20px;height:20px;display:flex;align-items:center;justify-content:center;
    font-size:7px;font-weight:700;font-family:'Sora',sans-serif;flex-shrink:0}
  .tf-env__crest img{width:100%;height:100%;object-fit:contain}

  /* Underline tabs */
  .tf-env__tabs{display:block}
  .tf-env__tabs-bar{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,0.05)}
  .tf-env__tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
    padding:10px 16px;background:none;border:none;border-bottom:2px solid transparent;
    margin-bottom:-1px;cursor:pointer;font-family:'Sora',sans-serif;
    font-size:11px;font-weight:600;color:var(--text-muted);transition:color 0.2s;
    min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .tf-env__tab-btn:hover{color:var(--text-dim)}
  .tf-env__tab-btn--active{color:var(--glow-dim);border-bottom-color:var(--glow-dim)}
  .tf-env__tab-btn::after{display:none}
  .tf-env__tab-btn .tf-env__signal{font-size:8px;padding:1px 6px}
  .tf-env__tab-panel{display:none;padding:16px 30px}
  .tf-env__tab-panel--active{display:block}

  @media(max-width:599px){
    .tf-env__signal-full{display:none}
    .tf-env__signal-short{display:inline}
    .tf-env__tab-btn{font-size:9px;gap:3px;padding:8px 8px}
    .tf-env__tab-btn .tf-env__signal{font-size:7px;padding:1px 4px}
    .tf-env__tab-name{max-width:20ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .tf-env__tab-panel{padding:14px 16px}
    .tf-env__strips{gap:6px}
    .tf-env__strips .rm__stat-strip{margin-bottom:15px}
    .tf-env__predicted-card{flex:0 0 20%;padding:6px 8px}
    .tf-env__predicted-val{font-size:13px!important}
    .tf-env__predicted-unit{font-size:7px!important}
    .tf-env__spark-card{flex:1}
    .tf-env__spark-card .tf-env__spark-bars{height:18px}
    .tf-env__spark-card .tf-env__spark-bar{width:100%}
    .tf-env__spark-label-full{display:none}
    .tf-env__spark-label-short{display:inline}
    .tf-env__hdr{padding:14px 16px 10px}
  }

  /* ── Referee Stats (new design) ── */
  .ref-section{background:rgba(255,255,255,0.03);border:1px solid rgb(255 255 255 / 4%);
    border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15);padding:0}
  .ref-section .sp-a__header{padding:8px 30px 10px;background:rgba(255,255,255,0.015);border-bottom:1px solid rgba(255,255,255,0.05)}
  .rm__avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
    flex-shrink:0;font-family:'Sora',sans-serif;font-size:15px;font-weight:800;color:#fff;letter-spacing:-0.5px}
  .rm__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
  .rm__avatar-label{font-family:'Sora',sans-serif;font-size:6px;font-weight:600;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:0.3px;white-space:nowrap}
  .rm__name-block{flex:1;min-width:0}
  .rm__name{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;letter-spacing:-0.2px}
  .rm__meta{font-size:10px;color:var(--text-dim);margin-top:2px}
  /* Gauge */
  .rm__gauge-hero{flex-shrink:0;position:relative;width:90px;height:55px}
  .rm__gauge-svg{width:90px;height:55px;overflow:visible}
  .rm__gauge-track{fill:none;stroke:rgba(255,255,255,0.04);stroke-width:6;stroke-linecap:round}
  .rm__gauge-fill{fill:none;stroke-width:6;stroke-linecap:round}
  .rm__gauge-center{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);text-align:center}
  .rm__gauge-pct{font-family:'Sora',sans-serif;font-size:18px;font-weight:800;line-height:1}
  .rm__gauge-pct span{font-size:10px;font-weight:700}
  .rm__gauge-sub{font-family:'Sora',sans-serif;font-size:7px;font-weight:600;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:0.3px;margin-top:1px}
  /* Body */
  .rm__body{padding:18px 30px}
  /* Strip shared */
  .rm__strip-wrap{position:relative;height:36px}
  .rm__strip{width:100%;height:6px;border-radius:3px;position:absolute;top:50%;transform:translateY(-50%);
    background:linear-gradient(to right,rgba(255,255,255,0.03) 0%,rgba(var(--glow-rgb),0.06) 30%,
    rgba(var(--glow-rgb),0.12) 55%,rgba(var(--glow-rgb),0.2) 80%,rgba(var(--glow-rgb),0.3) 100%);overflow:visible}
  .rm__dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%;
    background:rgba(255,255,255,0.12)}
  .rm__marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;
    align-items:center;z-index:3;cursor:pointer}
  .rm__marker-pip{width:10px;height:10px;border-radius:50%;background:var(--glow);
    border:2px solid var(--surface);box-shadow:0 0 8px rgba(var(--glow-rgb),0.4)}
  .rm__marker-label{position:absolute;top:-18px;font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
    color:var(--glow);white-space:nowrap}
  .rm__ref-marker{position:absolute;top:50%;transform:translateX(-50%);display:flex;flex-direction:column;
    align-items:center;z-index:2}
  .rm__ref-tick{width:1px;height:16px;margin-top:-8px;background:rgba(255,255,255,0.1)}
  .rm__ref-icon{position:absolute;bottom:-18px;font-family:'Sora',sans-serif;font-size:7px;font-weight:700;
    white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:16px;height:14px;
    border-radius:3px;padding:0 3px}
  .rm__ref-icon--low{color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.04)}
  .rm__ref-icon--avg{color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.06)}
  .rm__ref-icon--top10{color:rgba(var(--glow-rgb),0.5);background:rgba(var(--glow-rgb),0.07);border:1px solid rgba(var(--glow-rgb),0.1)}
  .rm__ref-icon--no1{color:rgba(var(--glow-rgb),0.75);background:rgba(var(--glow-rgb),0.1);border:1px solid rgba(var(--glow-rgb),0.14)}
  /* Stat strip (label + spectrum body row) */
  .rm__stat-strip{display:flex;flex-direction:column;margin-bottom:25px;
  background:none;border:none;
  border-radius:6px;padding:6px 0;transition:background 0.2s;
  box-shadow:none}
.rm__stat-strip:hover{background:none}
  .rm__stat-strip-label{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:6px}
  .rm__stat-strip-body{flex:1;min-width:0}
  .rm__strip-range{display:flex;justify-content:space-between;margin-bottom:-8px;}
  .rm__range-val{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;color:var(--text-muted);line-height:1}
  .rm__stat-strip .rm__strip-wrap{height:36px;margin-bottom:0}
  .rm__stat-strip .rm__marker-label{font-size:8px}
  .rm__stat-strip .rm__marker-pip{width:8px;height:8px}
  .rm__marker-diff{font-size:7px;font-weight:700;margin-left:2px}
  .rm__ref-icon[data-ref-val]{cursor:pointer;transition:min-width .15s,padding .15s}
  .rm__ref-icon--showing{min-width:22px;padding:0 4px}
  /* Average marker on strip — orange dot */
  .rm__avg-marker{position:absolute;top:50%;transform:translate(-50%,-50%);
    width:6px;height:6px;border-radius:50%;background:rgba(var(--ember-rgb),0.7);
    z-index:2;cursor:pointer}
  .rm__avg-tick{display:none}
  .rm__avg-label{display:none}
  /* Compact density strip for player card rate rows */
  .pc__rate-strip{display:flex;align-items:center;gap:6px;
  background:rgb(255 255 255 / 3%);border:none;
  border-radius:6px;padding:8px 10px;transition:background 0.2s;
  box-shadow:none}
.pc__rate-strip:hover{background:rgba(255,255,255,0.045)}
  .rm__strip-wrap--compact{height:20px;flex:1;min-width:0;position:relative;cursor:pointer}
  .rm__strip--density{height:5px;border-radius:3px;position:absolute;top:50%;transform:translateY(-50%);
    width:100%;left:0;margin-top: 4px;}
  .rm__strip-wrap--compact .rm__marker-pip{width:8px;height:8px}
  .rm__strip-wrap--compact .rm__marker-label{display:none}
  .rm__density-avg{position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;
    border-radius:50%;background:rgba(255,255,255,0.35);z-index:4}
  .rm__marker-rank{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-family:'Sora',sans-serif;
    font-size:8px;font-weight:700;color:var(--glow);white-space:nowrap;letter-spacing:0.3px;
    text-shadow:0 0 10px rgba(var(--glow-rgb),0.3)}
  .rm__strip-range--compact{margin-bottom:-4px}
  .rm__strip-range--compact .rm__range-val{font-size:8px;font-weight:600;opacity:0.5}
  /* Toggle */
  .rm__toggle{display:flex;align-items:center;justify-content:flex-end;gap:8px;cursor:pointer;padding:4px 0 8px;
    margin-top:16px;user-select:none}
  .rm__toggle-switch{position:relative;width:32px;height:18px;border-radius:9px;background:rgba(255,255,255,0.06);
    flex-shrink:0;transition:background .2s}
  .rm__toggle-switch::after{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;
    background:rgba(255,255,255,0.35);transition:transform .2s,background .2s}
  .rm__toggle.is-on .rm__toggle-switch{background:rgba(var(--glow-rgb),0.12)}
  .rm__toggle.is-on .rm__toggle-switch::after{transform:translateX(14px);background:rgba(var(--glow-rgb),0.7)}
  .rm__toggle-label{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.3px}
  .rm__expandable{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(0.4,0,0.2,1)}
  .rm__expandable.is-open{max-height:900px}
  .rm__expand-inner{padding-top:8px}
  /* Advanced layout */
  .rm__adv-cols{display:flex;gap:12px;margin-top:30px}
  .rm__adv-cols--equal{align-items:stretch}
  .rm__adv-left{flex:1;min-width:0;display:flex;flex-direction:column}
  .rm__adv-right{flex:1;min-width:0;display:flex;flex-direction:row;gap:8px}
  .rm__adv-right .rm__team-card{flex:1;min-width:0}
  .rm__adv-strips{display:flex;flex-direction:column;gap:0;margin-top:16px;
    padding:0}
  .rm__adv-strips .rm__stat-strip{margin-bottom:14px}

  /* Referee spark chart rows */
  .rm__spark-charts{display:flex;flex-direction:column;gap:8px;height:100%}
  .rm__spark-l5-card{display:flex;flex-direction:column;align-items:center;justify-content:center;
    background:rgba(255,255,255,0.02);border:1px solid rgb(255 255 255 / 4%);border-radius:6px;padding:8px 14px;
    flex:0 0 auto;text-align:center;min-width:52px;gap:1px;
    transition:background 0.2s}
  .rm__spark-l5-card:hover{background:rgba(255,255,255,0.045)}
  .rm__spark-l5-val{font-family:'Sora',sans-serif;font-size:15px;font-weight:800;line-height:1}
  .rm__spark-l5-unit{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:.5px;margin-top:2px}
  .rm__spark-l5-trend{font-family:'Sora',sans-serif;font-size:7px;font-weight:700;margin-top:2px}
  .rm__spark-chart-card{flex:1;min-width:0;background:rgba(255,255,255,0.02);border:1px solid rgb(255 255 255 / 4%);
    border-radius:6px;padding:8px 8px 4px;
    transition:background 0.2s}
  .rm__spark-chart-card:hover{background:rgba(255,255,255,0.045)}
  .rm__spark-chart-label{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px}
  .rm__spark-chart-bars{display:flex;align-items:end;gap:1px;height:22px}
  .rm__spark-chart-col{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}
  .rm__spark-chart-bar{width:100%;border-radius:1.5px 1.5px 0 0;min-height:2px;cursor:pointer}
  .rm__spark-chart-val{font-family:'Sora',sans-serif;font-size:7px;font-weight:600;color:var(--text-muted);
    margin-top:1px;line-height:1}
  @media(max-width:599px){.rm__spark-chart-val{font-size:6px}}
  /* Team cards */
  .rm__team-card{background:rgba(255,255,255,0.02);border:1px solid rgb(255 255 255 / 4%);border-radius:6px;
    padding:10px 12px;transition:background 0.2s;display:flex;flex-direction:column;justify-content:flex-end}
  .rm__team-card:hover{background:rgba(255,255,255,0.045)}
  .rm__team-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}
  .rm__team-crest{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,0.06);display:flex;
    align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--text-dim);flex-shrink:0;
    border:1px solid rgb(255 255 255 / 4%)}
  .rm__team-crest img{width:100%;height:100%;object-fit:contain;border-radius:50%}
  .rm__team-name{font-family:'Sora',sans-serif;font-size:10px;font-weight:600;flex:1}
  .rm__team-avg-wrap{margin-left:auto;text-align:right;flex-shrink:0}
  .rm__team-avg{font-family:'Sora',sans-serif;font-size:16px;font-weight:800;display:block;line-height:1}
  .rm__team-avg-lbl{font-size:8px;font-weight:600;color:var(--text-muted);display:block;margin-top:1px}
  .rm__team-games-label{font-family:'Sora',sans-serif;font-size:7px;font-weight:600;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:0.3px;margin-bottom:4px}
  .rm__team-cells{display:flex;gap:3px}
  .rm__team-cell{width:30px;height:30px;border-radius:5px;display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:9px;font-weight:700;cursor:pointer;position:relative}
  .rm__team-no-history{font-size:9px;color:var(--text-muted);font-style:italic;padding:6px 0}
  /* Tooltip (click-based, position:fixed) */
  .rm__tooltip{position:fixed;z-index:9999;pointer-events:none;background:#1e2128;
    border:1px solid rgba(255,255,255,0.12);border-radius:6px;padding:8px 10px;font-size:10px;color:var(--text);
    line-height:1.5;max-width:240px;box-shadow:0 8px 24px rgba(0,0,0,0.5);opacity:0;transition:opacity .15s}
  .rm__tooltip.is-visible{opacity:1}
  .rm__tooltip-match{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;margin-bottom:4px;
    padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,0.08)}
  .rm__tooltip-stats{display:flex;flex-direction:column;gap:2px}
  .rm__tooltip-row{display:flex;justify-content:space-between;gap:16px}
  .rm__tooltip-label{color:var(--text-dim);font-size:9px}
  .rm__tooltip-val{font-family:'Sora',sans-serif;font-weight:700;font-size:9px}
  /* Responsive */
  @media(max-width:840px){
    .rm__adv-cols{flex-direction:column;gap:10px}
    .rm__adv-left,.rm__adv-right{flex:none;width:100%}
    .rm__cells-card{height:auto}
    .rm__cell{max-width:none}
  }
  @media(max-width:599px){
    .ref-section .sp-a__header{padding:8px 16px 10px}
    .rm__body{padding:14px 16px}
  }
  @keyframes gaugeIn{from{stroke-dashoffset:106}}

  /* Verdict Section */
  .verdict-section{padding:16px 18px}
  .verdict-probs{display:flex;gap:0}
  .verdict-prob{flex:1;padding:10px 14px;position:relative}
  .verdict-prob + .verdict-prob{margin-left:0}
  .verdict-prob__label{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px;display:flex;align-items:center;gap:5px}
  .verdict-prob__row{display:flex;align-items:baseline;gap:6px}
  .verdict-prob__val{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;letter-spacing:-0.5px;line-height:1}
  .verdict-prob__val--raw{color:var(--text)}
  .verdict-prob__val--adj{color:var(--glow-dim)}
  .verdict-prob__badge{font-family:'Sora',sans-serif;font-size:8px;font-weight:700;padding:2px 6px;
    border-radius:10px;letter-spacing:0.2px}
  .verdict-prob__badge--sample{color:var(--text-dim);background:rgba(255,255,255,0.04);border:1px solid var(--border)}
  .verdict-prob__badge--delta-pos{color:var(--glow-dim);background:rgba(var(--glow-rgb),0.06);border:1px solid rgba(var(--glow-rgb),0.1)}
  .verdict-prob__badge--delta-neg{color:rgba(239,68,68,0.6);background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.1)}
  /* Value bets — inline as 3rd column */
  .verdict-bets__title{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px}
  .verdict-bet{display:flex;align-items:center;gap:8px;padding:6px 10px;margin-bottom:4px;
    border-radius:var(--radius-xs);background:rgba(var(--glow-rgb),0.03);border:1px solid rgba(var(--glow-rgb),0.06);
    transition:background .15s}
  .verdict-bet:hover{background:rgba(var(--glow-rgb),0.05)}
  .verdict-bet__line{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:var(--text);min-width:50px}
  .verdict-bet__prob{font-family:'Sora',sans-serif;font-size:11px;font-weight:600;color:var(--text-dim)}
  .verdict-bet__edge{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:var(--glow-muted);margin-left:auto}
  .verdict-bets__empty{font-size:10px;color:var(--text-muted);font-style:italic;padding:2px 0}
  .verdict-bets__more{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;color:var(--text-muted);
    cursor:pointer;padding:4px 0;transition:color .2s}
  .verdict-bets__more:hover{color:var(--text-dim)}

  /* Verdict Signals */
  .verdict-signals{padding:12px 14px 4px}
  .verdict-signals__title{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:1.2px;margin-bottom:8px}
  .verdict-signals__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  /* Signal card */
  .vsig{padding:8px 10px;border-radius:6px;border:1px solid;cursor:help;transition:all .15s}
  .vsig:hover{filter:brightness(1.1)}
  .vsig__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
  .vsig__left{display:flex;align-items:center;gap:6px}
  .vsig__bars{display:flex;gap:2px;align-items:flex-end}
  .vsig__bar{width:3px;border-radius:1px;background:rgba(255,255,255,0.08)}
  .vsig__name{font-size:10px;font-weight:600}
  .vsig__score{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;padding:2px 5px;border-radius:3px}
  .vsig__detail{display:flex;justify-content:space-between;font-size:8px;color:rgba(255,255,255,0.4)}
  .vsig__category{text-transform:uppercase;font-weight:500}
  @media(max-width:900px){.verdict-signals__grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:500px){.verdict-signals__grid{grid-template-columns:1fr}}

  /* Odds Analysis Section */
  .odds-section{padding:0}
  .odds-tabs{display:flex;gap:0;padding:0 18px}
  .odds-tab{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;color:var(--text-muted);
    padding:9px 12px 7px;cursor:pointer;border-bottom:2px solid transparent;
    text-transform:uppercase;letter-spacing:0.8px;transition:all .2s;white-space:nowrap}
  .odds-tab:hover{color:var(--text-dim)}
  .odds-tab--active{color:var(--text);border-bottom-color:var(--glow-muted)}
  .odds-content{display:none;padding:14px 18px 16px}
  .odds-content--active{display:block}
  /* Odds table */
  .odds-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
  .odds-table th{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:0.8px;padding:0 6px 8px;text-align:left;white-space:nowrap}
  .odds-table th:nth-child(1){width:42px}
  .odds-table th:nth-child(2){width:58px}
  .odds-table th:nth-child(3){width:72px}
  .odds-table th:nth-child(4){width:90px}
  .odds-table th:nth-child(5){width:58px}
  .odds-table th:nth-child(6){width:62px}
  .odds-table th:nth-child(n+2){text-align:right}
  .odds-table td{padding:8px 6px;border-top:1px solid rgba(255,255,255,0.03);font-family:'Sora',sans-serif;
    font-size:11px;line-height:1.2;text-align:left;height:38px;vertical-align:middle}
  .odds-table td:nth-child(n+2){text-align:right}
  .odds-table tbody tr:hover td{background:rgba(255,255,255,0.012)}
  .odds-table__line{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:var(--text-dim)}
  .odds-table__pct{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:var(--text)}
  .odds-table__arrow{font-size:9px;margin-left:2px}
  .odds-table__arrow--up{color:var(--glow-muted)}
  .odds-table__arrow--down{color:rgba(239,68,68,0.5)}
  .odds-table__arrow--flat{color:var(--text-muted)}
  .odds-table__odds{font-family:'Sora',sans-serif;font-size:11px;font-weight:600;color:var(--text-dim)}
  .odds-table__odds span{font-size:9px;color:var(--text-muted);margin-left:2px}
  .odds-table__muted{color:var(--text-muted);font-size:10px}
  .odds-table__adj{font-size:9px;margin-left:2px;font-weight:700}
  .odds-table__bookie{font-size:8px;color:var(--text-muted);margin-left:4px;font-weight:500;cursor:help}
  .odds-table__edge{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;padding:2px 6px;
    border-radius:8px;border:1px solid;display:inline-block}
  .odds-empty{padding:20px 0;text-align:center;font-size:10px;color:var(--text-muted);font-style:italic}
  .odds-table__edge--value{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:var(--glow-muted)}
  .odds-table__edge--marginal{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:rgba(var(--ember-rgb),0.7)}
  .odds-table__edge--neg{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:rgba(239,68,68,0.6)}
  /* Footer & Legend */
  .odds-footer{padding-top:10px;margin-top:4px}
  .odds-footer__note{font-size:10px;color:var(--text-muted);margin-bottom:8px}
  .odds-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
  .odds-legend__item{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--text-muted);font-weight:500}
  .odds-legend__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
  .odds-legend__dot--value{background:var(--glow-muted)}
  .odds-legend__dot--marginal{background:rgba(var(--ember-rgb),0.65)}
  .odds-legend__dot--neg{background:rgba(239,68,68,0.5)}
  .odds-legend__dot--low{background:rgba(255,255,255,0.15)}
  .odds-legend__dot--vlow{background:rgba(255,255,255,0.07)}
  .odds-legend__arrows{font-family:'Sora',sans-serif;font-size:8px;color:var(--text-muted)}
  .odds-legend__arrows span{font-weight:700}
  .odds-placeholder{padding:24px 0;text-align:center;font-size:11px;color:var(--text-muted)}

  /* Stagger animations */
  .stagger{opacity:0;animation:fadeScale .5s cubic-bezier(.4,0,.2,1) forwards}
  @keyframes fadeScale{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
  .stagger:nth-child(1){animation-delay:.05s}.stagger:nth-child(2){animation-delay:.1s}
  .stagger:nth-child(3){animation-delay:.15s}.stagger:nth-child(4){animation-delay:.2s}

  /* Scrollbar */
  .v3-analysis ::-webkit-scrollbar{width:4px}
  .v3-analysis ::-webkit-scrollbar-track{background:transparent}
  .v3-analysis ::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:4px}
  .v3-analysis ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.14)}
  .v3-analysis ::selection{background:rgba(var(--glow-rgb),0.15);color:var(--text)}

  /* Visible scrollbar for list pages (upcoming/past fixtures) */
  .show-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.15) transparent}
  .show-scrollbar::-webkit-scrollbar{width:6px}
  .show-scrollbar::-webkit-scrollbar-track{background:rgba(255,255,255,0.02)}
  .show-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.15);border-radius:3px}
  .show-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.25)}

  /* ── Global Filter Bar ── */
  .global-filters{display:flex;align-items:center;gap:20px;padding:8px 14px;margin-bottom:12px;
    background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06);border-radius:10px;
    flex-wrap:wrap;box-shadow:0 1px 4px rgba(0,0,0,0.1)}
  .filter-group{display:flex;align-items:center;gap:6px}
  .filter-group__label{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap}
  .pill-group{display:inline-flex;border:1px solid rgba(255,255,255,0.07);
    border-radius:6px;overflow:hidden}
  .pill{font-family:'Sora',sans-serif;font-size:9.5px;font-weight:600;padding:4px 12px;
    color:rgba(255,255,255,0.3);cursor:pointer;transition:all .2s;border:none;background:transparent;
    white-space:nowrap;letter-spacing:0.2px;position:relative;
    border-right:1px solid rgba(255,255,255,0.07)}
  .pill:last-child{border-right:none}
  .pill:hover{color:rgba(255,255,255,0.55)}
  .pill--active{background:rgba(var(--glow-rgb),0.08);color:var(--glow-dim)}
  .filter-sep{width:1px;height:20px;background:var(--border-mid);flex-shrink:0}

  /* ── Custom Lineup Action Bar ── */
  .global-filters--custom{border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-bottom:0}
  .lineup-actions{display:flex;align-items:center;gap:10px;padding:8px 14px;margin-bottom:12px;
    background:rgba(var(--ember-rgb),0.04);border:1px solid rgba(var(--ember-rgb),0.15);
    border-radius:0 0 var(--radius-sm) var(--radius-sm);border-top:1px dashed rgba(var(--ember-rgb),0.2);
    overflow:hidden;max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-bottom:0;
    transition:max-height .3s ease,opacity .25s ease,padding .3s ease,margin .3s ease}
  .lineup-actions.is-visible{max-height:60px;opacity:1;padding:8px 14px;margin-bottom:12px}
  .lineup-actions__msg{font-family:'Sora',sans-serif;font-size:9px;font-weight:500;color:rgba(var(--ember-rgb),0.8);
    flex:1;letter-spacing:0.2px}
  .lineup-actions__msg strong{font-weight:700;color:var(--ember)}
  .lineup-actions__btn{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;padding:5px 14px;
    border-radius:6px;border:none;cursor:pointer;transition:all .2s;letter-spacing:0.3px;white-space:nowrap}
  .lineup-actions__btn--apply{background:rgba(var(--glow-rgb),0.15);color:var(--glow);
    border:1px solid rgba(var(--glow-rgb),0.2);transition:all .2s}
  .lineup-actions__btn--apply:hover{background:rgba(var(--glow-rgb),0.25)}
  .lineup-actions__btn--apply.lineup-actions__btn--dirty{background:rgba(var(--ember-rgb),0.2);
    color:var(--ember);border-color:rgba(var(--ember-rgb),0.4);animation:pulse-apply 1.5s ease-in-out 1}
  @keyframes pulse-apply{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
  .lineup-actions__btn--apply:disabled,.lineup-actions__btn--reset:disabled{opacity:0.5;cursor:not-allowed}
  .lineup-actions__btn--reset{background:transparent;color:var(--text-muted);
    border:1px solid var(--border)}
  .lineup-actions__btn--reset:hover{color:var(--text-dim);border-color:var(--border-mid)}

  /* ── Per-Pitch Filter Bar ── */
  .pitch-filters{display:flex;align-items:center;justify-content:space-between;gap:8px;
    margin-bottom:6px;padding:0 2px}

  /* Binary toggle — slim variant for pitch filter bars */
  .bin-toggle{display:inline-flex;border:1px solid rgba(255,255,255,0.07);border-radius:6px;overflow:hidden}
  .bin-toggle__opt{font-family:'Sora',sans-serif;font-size:9.5px;font-weight:600;
    color:rgba(255,255,255,0.3);padding:4px 12px;cursor:pointer;border:none;background:transparent;
    border-right:1px solid rgba(255,255,255,0.07);transition:all .2s;white-space:nowrap;letter-spacing:0.2px}
  .bin-toggle__opt:last-child{border-right:none}
  .bin-toggle__opt:hover{color:rgba(255,255,255,0.55)}
  .bin-toggle__opt--active{color:var(--glow-dim);background:rgba(var(--glow-rgb),0.08)}

  /* Formation dropdown — styles now in custom_lineup.css (pf-fdd design) */

  /* ── Find Drawer (slideout) ── */
  .find-drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,0.5);z-index:200;
    display:none;backdrop-filter:blur(2px)}
  .find-drawer-bg.open{display:block}
  .find-drawer{position:absolute;top:0;right:0;bottom:0;width:360px;
    background:var(--surface);border-left:1px solid var(--border);
    box-shadow:-8px 0 32px rgba(0,0,0,0.3);display:flex;flex-direction:column;overflow-y:auto;
    animation:findDrawerSlideIn .2s ease-out}
  @keyframes findDrawerSlideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
  .find-drawer__hdr{display:flex;align-items:center;justify-content:space-between;
    padding:16px 20px;border-bottom:1px solid var(--border)}
  .find-drawer__title{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;
    color:var(--text);display:flex;align-items:center;gap:8px}
  .find-drawer__title svg{color:var(--glow-dim)}
  .find-drawer__close{background:none;border:none;color:var(--text-muted);font-size:20px;
    cursor:pointer;padding:4px;transition:color .2s;width:32px;height:32px;
    display:flex;align-items:center;justify-content:center;border-radius:6px}
  .find-drawer__close:hover{color:var(--text);background:rgba(255,255,255,0.04)}
  .find-drawer__body{padding:20px;display:flex;flex-direction:column;gap:18px}
  .find-drawer__group{display:flex;flex-direction:column;gap:6px}
  .find-drawer__label{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px}

  /* ── Custom Dropdown (fd-dropdown) ── */
  .fd-dropdown{position:relative}
  .fd-dropdown__trigger{display:flex;align-items:center;justify-content:space-between;
    padding:9px 14px;background:var(--input-bg);border:1px solid var(--border);
    border-radius:var(--radius);font-family:'Plus Jakarta Sans',sans-serif;
    font-size:12px;color:var(--text);cursor:pointer;transition:border-color .2s}
  .fd-dropdown__trigger:hover{border-color:var(--border-mid)}
  .fd-dropdown__chevron{font-size:10px;color:var(--text-muted);transition:transform .2s}
  .fd-dropdown.open .fd-dropdown__chevron{transform:rotate(180deg)}
  .fd-dropdown.open .fd-dropdown__trigger{border-color:rgba(var(--primary-rgb),0.3)}
  .fd-dropdown__menu{position:absolute;top:calc(100% + 4px);left:0;right:0;
    background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);
    overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,0.3);display:none;z-index:10;
    max-height:220px;overflow-y:auto}
  .fd-dropdown.open .fd-dropdown__menu{display:block}
  .fd-dropdown__option{padding:9px 14px;font-family:'Plus Jakarta Sans',sans-serif;
    font-size:12px;color:var(--text-dim);cursor:pointer;transition:background .1s,color .1s}
  .fd-dropdown__option:hover{background:rgba(255,255,255,0.03);color:var(--text)}
  .fd-dropdown__option.selected{color:var(--primary);background:rgba(var(--primary-rgb),0.04)}

  /* ── Disabled dropdown state ── */
  .fd-dropdown--disabled .fd-dropdown__trigger{opacity:0.4;cursor:not-allowed}
  /* ── Loading dropdown state ── */
  .fd-dropdown--loading .fd-dropdown__trigger{cursor:wait;border-color:rgba(var(--primary-rgb),0.15)}
  .fd-dropdown--loading .fd-dropdown__trigger span:first-child{animation:fxPulse 1.6s ease-in-out infinite}

  /* ── Fixtures List (after team selection, rendered directly in drawer) ── */
  #fd-fixtures-list{margin:0 -20px}
  #fd-fixtures-list .fx-panel__hdr{margin-bottom:4px}
  .fd-upcoming-scroll{max-height:360px;overflow-y:auto;
    scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.08) transparent}
  .fd-upcoming-scroll::-webkit-scrollbar{width:4px}
  .fd-upcoming-scroll::-webkit-scrollbar-track{background:transparent}
  .fd-upcoming-scroll::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px}

  /* ═══ Shared Fixture Row Styles (fx-*) — used by topbar dropdown & find drawer ═══ */
  .fx-panel__hdr{padding:10px 14px;background:rgba(255,255,255,0.015);
    border-bottom:1px solid rgba(255,255,255,0.05);font-family:'Sora',sans-serif;
    font-size:9px;font-weight:700;color:var(--text-dim);letter-spacing:0.5px}
  .fx-league{display:flex;align-items:center;gap:7px;padding:10px 14px 6px}
  .fx-league:not(:first-child){margin-top:4px;border-top:1px solid rgba(255,255,255,0.04);padding-top:12px}
  .fx-league__logo{width:16px;height:16px;object-fit:contain;padding:2px;
    background:rgba(255,255,255,0.08);border-radius:50%;border:1px solid rgba(255,255,255,0.06)}
  .fx-league__name{font-family:'Sora',sans-serif;font-size:8px;font-weight:700;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px}
  .fx-row{display:flex;align-items:center;gap:0;padding:7px 14px;text-decoration:none;
    border-radius:6px;transition:background .12s;cursor:pointer;color:inherit}
  .fx-row:hover{background:rgba(255,255,255,0.03)}
  .fx-side{display:flex;align-items:center;gap:7px;flex:1;min-width:0}
  .fx-side--home{justify-content:flex-start}
  .fx-side--away{justify-content:flex-end}
  .fx-name{font-family:'Plus Jakarta Sans',sans-serif;font-size:11px;font-weight:500;
    color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .12s}
  .fx-row:hover .fx-name{color:var(--text)}
  .fx-crest{width:22px;height:22px;border-radius:50%;flex-shrink:0;
    background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.08);
    display:flex;align-items:center;justify-content:center;overflow:hidden}
  .fx-crest img{width:14px;height:14px;object-fit:contain}
  .fx-badge{width:22px;height:22px;border-radius:50%;flex-shrink:0;
    background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.06);
    display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:6px;font-weight:700;color:var(--text-muted);letter-spacing:0.3px}
  .fx-time{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;
    color:var(--text-muted);min-width:40px;text-align:center;flex-shrink:0;padding:0 4px}
  .fx-loading{display:flex;align-items:center;justify-content:center;padding:24px 14px;gap:8px}
  .fx-loading__text{font-family:'Sora',sans-serif;font-size:10px;font-weight:500;
    color:var(--text-muted);animation:fxPulse 1.6s ease-in-out infinite}
  @keyframes fxPulse{0%,100%{opacity:0.4}50%{opacity:1}}
  .fx-loading__dots{display:flex;gap:3px}
  .fx-loading__dot{width:3px;height:3px;border-radius:50%;background:var(--text-muted);
    animation:fxDotPulse 1.2s ease-in-out infinite}
  .fx-loading__dot:nth-child(2){animation-delay:0.15s}
  .fx-loading__dot:nth-child(3){animation-delay:0.3s}
  @keyframes fxDotPulse{0%,80%,100%{opacity:0.2;transform:scale(0.8)}40%{opacity:1;transform:scale(1)}}
  .fx-empty{text-align:center;padding:20px 14px;font-family:'Sora',sans-serif;font-size:10px;color:var(--text-muted)}

  /* ── Mobile Hamburger Button ── */
  .topbar__burger{display:none;background:none;border:none;color:var(--text-dim);
    cursor:pointer;padding:4px;margin-right:8px;transition:color .2s}
  .topbar__burger:hover{color:var(--text)}

  /* ── Mobile Navigation Slideout ── */
  .mobile-nav-bg{position:fixed;inset:0;background:rgba(0,0,0,0.55);z-index:250;
    display:none;backdrop-filter:blur(3px)}
  .mobile-nav-bg.open{display:block}
  .mobile-nav{position:absolute;top:0;left:0;bottom:0;width:280px;
    background:var(--surface);border-right:1px solid var(--border);
    box-shadow:8px 0 32px rgba(0,0,0,0.4);display:flex;flex-direction:column;overflow-y:auto;
    animation:mobileNavSlideIn .2s ease-out}
  @keyframes mobileNavSlideIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}
  .mobile-nav__hdr{display:flex;align-items:center;justify-content:space-between;
    padding:14px 16px;border-bottom:1px solid var(--border)}
  .mobile-nav__logo{height:24px;width:auto}
  .mobile-nav__close{background:none;border:none;color:var(--text-muted);font-size:20px;
    cursor:pointer;padding:4px;transition:color .2s}
  .mobile-nav__close:hover{color:var(--text)}
  .mobile-nav__links{display:flex;flex-direction:column;padding:12px 0}
  .mobile-nav__item{display:flex;align-items:center;gap:12px;padding:12px 20px;
    font-family:'Sora',sans-serif;font-size:12px;font-weight:600;color:var(--text-dim);
    text-decoration:none;transition:all .15s;letter-spacing:0.3px}
  .mobile-nav__item:hover{background:rgba(255,255,255,0.04);color:var(--text)}
  .mobile-nav__item--active{color:var(--glow-dim);background:rgba(var(--glow-rgb),0.04)}
  .mobile-nav__item--active:hover{background:rgba(var(--glow-rgb),0.08)}
  .mobile-nav__item--sub{padding:10px 20px 10px 32px;font-size:11px;font-weight:500;
    color:var(--text-muted)}
  .mobile-nav__find{background:none;border:none;border-top:1px solid var(--border);
    margin-top:8px;padding-top:16px;width:100%;cursor:pointer}
  .mobile-nav__item--sub:hover{color:var(--text-dim)}

  /* Admin collapsible section */
  .mobile-nav__admin{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}
  .mobile-nav__admin-toggle{display:flex;align-items:center;gap:10px;width:100%;
    padding:12px 20px;background:none;border:none;cursor:pointer;
    font-family:'Sora',sans-serif;font-size:10px;font-weight:600;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:1.2px;transition:color .15s}
  .mobile-nav__admin-toggle:hover{color:var(--text-dim)}
  .mobile-nav__chevron{margin-left:auto;transition:transform .2s}
  .mobile-nav__admin.expanded .mobile-nav__chevron{transform:rotate(180deg)}
  .mobile-nav__admin-links{display:none;flex-direction:column;padding-bottom:8px}
  .mobile-nav__admin.expanded .mobile-nav__admin-links{display:flex}

  /* ══════════════════════════════════════════
     NEW Player Card (.pc) + Strip + vs-Team
     Ported from player_card_designs.html
     ══════════════════════════════════════════ */

  /* Universal tooltip — rendered as fixed-position element by JS (gtip system) */
  .gtip{position:fixed;z-index:9999;
    max-width:260px;background:var(--surface-raised);border:1px solid var(--border-mid);
    border-radius:var(--radius-xs);padding:8px 10px;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .15s,visibility .15s;
    box-shadow:0 8px 32px rgba(0,0,0,0.5);
    font-size:10px;font-weight:500;color:var(--text-dim);text-transform:none;
    letter-spacing:normal;line-height:1.4;white-space:normal;text-align:left}
  .gtip::after{content:'';position:absolute;left:var(--arrow-x,50%);transform:translateX(-50%);
    border:5px solid transparent}
  .gtip--above::after{top:100%;border-top-color:var(--border-mid)}
  .gtip--below::after{bottom:100%;border-bottom-color:var(--border-mid)}
  .gtip--visible{opacity:1;visibility:visible;pointer-events:auto}
  .gtip strong{font-weight:700;color:var(--text-bright);display:block;margin-bottom:2px}
  /* Tooltip affordances — cursor + hover feedback */
  [data-clicktip]{cursor:pointer}
  @media(hover:hover){
    .tf-env__spark-bar[data-clicktip]:hover,
    .rm__spark-chart-bar[data-clicktip]:hover{filter:brightness(1.3)}
    .rm__team-cell[data-clicktip]:hover{filter:brightness(1.2)}
    [data-clicktip]:hover{filter:brightness(1.1)}
  }
  /* Mobile: bottom-anchored tooltips */
  @media(max-width:599px){
    .gtip{bottom:12px;left:12px;right:12px;top:auto!important;max-width:none}
    .gtip::after{display:none}
  }
  /* Hide inline .tip elements — they are source data for gtip JS */
  .tip,.badge-tip{display:none}

  /* Rate bar color utilities — moved to v3_color_scales.css */

  /* ── Fouls Strip (new) ── */
  .strip-row{display:flex;align-items:flex-end;gap:12px;margin-top:14px}
  .strip{flex:1;min-width:0}
  .strip__title{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;color:var(--text-dim);margin-bottom:7px}
  .strip__cells{display:flex;gap:3px;overflow:hidden}
  .strip__cell{min-width:25px;width:25px;aspect-ratio:1;border-radius:5px;
    display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:10px;font-weight:700;
    position:relative;flex-shrink:0;
    transition:transform .15s cubic-bezier(.4,0,.2,1)}
  @media(hover:hover){.strip__cell:hover{border-color:rgba(255,255,255,0.3);z-index:10}}
  .strip__cell::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;
    border-radius:0 0 5px 5px;background:rgba(255,255,255,0.35);
    transform:scaleX(var(--mins,1));transform-origin:left}

  /* vs-Team section */
  .vs-team{display:flex;flex-direction:column;align-items:flex-start;
    gap:4px;flex-shrink:0;padding-left:12px;
    background:transparent;position:relative;z-index:1}
  .vs-team__label{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;
    color:var(--text-dim);white-space:nowrap;display:flex;align-items:center;gap:4px}
  .vs-team__help{cursor:default;color:var(--text-muted);transition:color .2s;display:inline-flex}
  .vs-team__help:hover{color:var(--text-dim)}
  .vs-team__cells{display:flex;gap:3px;overflow:visible}
  .vs-team__cell{width:25px;height:25px;flex-shrink:1;
    display:flex;align-items:center;justify-content:center;
    border-radius:4px;font-family:'Sora',sans-serif;
    font-size:10px;font-weight:700;position:relative;cursor:default;
    transition:transform .15s}
  @media(hover:hover){.vs-team__cell:hover{border-color:rgba(255,255,255,0.3);z-index:10}}
  /* tooltips handled by global gtip JS system */
  .vs-team__cell--empty{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);
    color:rgba(255,255,255,0.15)}

  /* Strip/vs-team responsive */
  @media(max-width:780px){
    .strip__cell{min-width:25px;width:25px;font-size:9px}
    .vs-team__cell{font-size:9px}
  }
  @media(max-width:640px){
    .strip__cell{min-width:25px;width:25px;font-size:9px}
    .vs-team__cell{font-size:8px}
  }
  @media(max-width:550px){
    .strip__cells{scroll-snap-type:x mandatory}
    .strip__cell{scroll-snap-align:start;min-width:25px;width:25px}
    .strip-row{flex-direction:column;align-items:stretch;gap:10px}
    .vs-team{flex-direction:column;align-items:flex-start;
      width:100%;padding-left:0;border-left:none}
    .vs-team__label{font-size:8px}
  }

  /* ── Player Card (.pc) ── */
  .pc{background:rgba(255,255,255,0.025);border:1px solid rgba(255,255,255,0.06);
    border-radius:10px;overflow:visible;
    box-shadow:0 1px 4px rgba(0,0,0,0.1);transition:border-color .2s;
    display:flex;flex-direction:column;gap:6px;}
  .pc:hover{border-color:rgba(255,255,255,0.09)}
  .pc__header{display:grid;
    grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;
    align-items:center;column-gap:0;row-gap:0;
    padding:12px 14px;background:rgb(255 255 255 / 3%);border-radius:8px}
  .pc__player{display:flex;align-items:center;gap:12px;
    grid-column:1;grid-row:1;flex-shrink:0;min-width:220px}
  .pc__vs-team{grid-column:1;grid-row:2;
    display:flex;flex-direction:column;gap:3px;
    padding:8px 0 0}
  .pc__avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-weight:700;font-size:14px}
  .pc__avatar--sel{background:rgba(var(--glow-rgb),0.06);border:2px solid var(--glow-muted);
    color:var(--glow-dim);box-shadow:0 0 12px rgba(var(--glow-rgb),0.2)}
  .pc__avatar--match{background:rgba(var(--violet-rgb),0.06);border:2px solid rgba(var(--violet-rgb),0.45);
    color:rgba(var(--violet-rgb),0.7);box-shadow:0 0 12px rgba(var(--violet-rgb),0.15)}
  .pc__avatar--primary{background:rgba(239,68,68,0.06);border:2px solid rgba(239,68,68,0.45);
    color:rgba(239,68,68,0.7);box-shadow:0 0 12px rgba(239,68,68,0.15)}
  .pc__avatar--secondary{background:rgba(var(--ember-rgb),0.06);border:2px solid rgba(var(--ember-rgb),0.45);
    color:rgba(var(--ember-rgb),0.7);box-shadow:0 0 12px rgba(var(--ember-rgb),0.15)}
  .pc__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
  .pc__identity{min-width:0}
  .pc__name-row{display:flex;align-items:center;gap:8px}
  .pc__name{font-family:'Sora',sans-serif;font-size:14px;font-weight:700;
    letter-spacing:-0.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pc__name--sel{color:var(--glow-dim)}
  .pc__jersey{position:relative;flex-shrink:0;width:22px;height:22px;
    display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:9px;font-weight:800;
    line-height:1;padding-top:2px;
    clip-path:polygon(0% 12%,15% 0%,35% 8%,65% 8%,85% 0%,100% 12%,
      82% 28%,82% 100%,18% 100%,18% 28%)}
  .pc__jersey--sel{background:rgba(var(--glow-rgb),0.15);color:var(--glow-dim)}
  .pc__jersey--match{background:rgba(var(--violet-rgb),0.15);color:rgba(var(--violet-rgb),0.75)}
  .pc__meta{font-size:9px;color:var(--text-dim);margin-top:1px}
  .pc__meta span{color:var(--text-muted)}

  /* Rate strips — inline in header */
  .pc__rates{display:flex;flex-direction:column;gap:8px;
    grid-column:2;grid-row:1;
    justify-content:center;padding:0 16px;min-width:0}
  .pc__rates--wide{min-width:0}
  .pc__rate{display:flex;align-items:center;gap:8px}
  .pc__rate-label{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
    color:var(--text-dim);width:20px;text-align:right;flex-shrink:0}
  .pc__rate-bar{flex:1;height:5px;background:rgba(255,255,255,0.04);
    border-radius:3px;overflow:hidden}
  .pc__rate-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}
  .pc__rate-pct{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;
    width:32px;text-align:right;flex-shrink:0;position:relative;cursor:default}

  /* Key stats — right side of header */
  .pc__key-stats{grid-column:3;grid-row:1;display:flex;flex-direction:column;
    align-items:center;gap:2px;padding:0 2px 0 12px;flex-shrink:0}
  .pc__ks{display:flex;align-items:baseline;gap:5px;cursor:default}
  .pc__ks-val{font-family:'Sora',sans-serif;font-size:20px;font-weight:800;line-height:1;letter-spacing:-0.5px}
  .pc__ks-val--lg{font-size:28px;letter-spacing:-1px}
  .pc__ks-val--accent{color:var(--glow-dim)}
  .pc__ks-val--violet{color:rgba(var(--violet-rgb),0.65)}
  .pc__ks-lbl{font-family:'Sora',sans-serif;font-size:7px;font-weight:600;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:0.5px}
  .pc__ks-div{width:36px;height:1px;background:rgba(255,255,255,0.06);margin:3px 0}

  /* Insights section */
  .pc__insights{padding:10px 14px;background:rgb(255 255 255 / 3%);border-radius:8px}
  .pc__insights-hdr{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:700;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
  .pc__insights-badges{display:flex;gap:4px;flex-wrap:wrap}
  .pc__insights-empty{font-family:'Sora',sans-serif;font-size:9px;color:var(--text-muted);
    font-style:italic}

  /* Match type badge */
  .pc__match-type{display:inline-flex;align-items:center;gap:3px;
    font-family:'Sora',sans-serif;font-size:7px;font-weight:700;
    padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:0.8px}
  .pc__match-type--primary{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25);
    color:rgba(239,68,68,0.75)}
  .pc__match-type--secondary{background:rgba(var(--ember-rgb),0.1);border:1px solid rgba(var(--ember-rgb),0.25);
    color:rgba(var(--ember-rgb),0.7)}

  /* Strip container inside pc */

  /* Strip container inside pc */
  .pc__strip{padding:10px 14px;background:rgb(255 255 255 / 3%);border-radius:8px}

  /* PC responsive */
  @media(max-width:780px){
    .pc__rates{padding:0 12px}
    .pc__rate-pct{font-size:9px;width:28px}
    .pc__ks-val{font-size:16px}
    .pc__ks-val--lg{font-size:22px}
  }
  @media(max-width:550px){
    .pc__header{grid-template-columns:1fr auto;padding:10px 12px}
    .pc__player{min-width:0;grid-column:1;grid-row:1}
    .pc__name{font-size:clamp(11px,3.2vw,14px)}
    .pc__key-stats{grid-column:2;grid-row:1;padding:0 0 0 8px}
    .pc__ks-val{font-size:14px}
    .pc__ks-val--lg{font-size:18px}
    .pc__rates{grid-column:1 / -1;grid-row:2;
      padding:10px 0 0 0;margin-top:10px}
    .pc__rates--wide{width:auto}
    .pc__vs-team{grid-column:1 / -1;grid-row:3}
    .pc__insights{padding:8px 12px}
    .pc__strip{padding:8px 12px}
  }

  /* ── Filter Bar — Variation A (fused strip above player card) ── */
  .fb-a{background:rgba(255,255,255,0.03);border:1px solid rgb(255 255 255 / 4%);
    border-bottom:none;border-radius:10px 10px 0 0;overflow:hidden}
  .fb-a + .sp-a{border-radius:0 0 10px 10px}
  .fb-a[data-mp-filter-bar]{border-bottom:1px solid rgb(255 255 255 / 4%);border-radius:10px;margin-bottom:12px}

  .fb-a__trigger{display:flex;align-items:center;justify-content:space-between;
    padding:7px 16px;cursor:pointer;user-select:none;transition:background .15s}
  .fb-a__trigger:hover{background:rgba(255,255,255,0.015)}

  .fb-a__left{display:flex;align-items:center;gap:7px}
  .fb-a__icon{width:13px;height:13px;color:var(--text-muted);transition:color .15s}
  .fb-a.open .fb-a__icon{color:var(--primary)}
  .fb-a__title{font-family:'Sora',sans-serif;font-size:8.5px;font-weight:700;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}

  .fb-a__pills{display:flex;gap:4px;margin-left:8px}
  .fb-a__pill{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:700;
    color:rgba(var(--primary-rgb),0.8);background:rgba(var(--primary-rgb),0.06);
    padding:2px 7px;border-radius:3px;letter-spacing:.2px}
  .fb-a.open .fb-a__pills{display:none}

  .fb-a__toggle-hint{display:flex;align-items:center;gap:5px;flex-shrink:0}
  .fb-a__toggle-text{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:600;
    letter-spacing:0.03em;text-transform:uppercase;color:var(--text-muted);transition:color .15s}
  .fb-a__trigger:hover .fb-a__toggle-text{color:var(--text-dim)}
  .fb-a__toggle-text--collapse{display:none}
  .fb-a__toggle-text--expand{display:inline}
  .fb-a.open .fb-a__toggle-text--collapse{display:inline}
  .fb-a.open .fb-a__toggle-text--expand{display:none}
  @media(max-width:420px){.fb-a__toggle-text{display:none !important}}

  .fb-a__chevron{width:11px;height:11px;color:var(--text-muted);flex-shrink:0;
    transition:transform .25s cubic-bezier(.4,0,.2,1),color .15s}
  .fb-a.open .fb-a__chevron{transform:rotate(180deg);color:var(--primary)}

  .fb-a__body{max-height:0;overflow:hidden;opacity:0;
    transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .2s ease}
  .fb-a.open .fb-a__body{max-height:300px;opacity:1}

  .fb-a__content{padding:2px 16px 12px;border-top:1px solid rgba(255,255,255,0.04)}
  @media(max-width:550px){
    .fb-a__trigger{padding:7px 12px}
    .fb-a__content{padding:2px 12px 10px}
  }

  /* ── Segmented toggles (Games, Venue, Formation) ── */
  .ft-seg{display:inline-flex;background:rgba(255,255,255,0.015);border:1px solid var(--border);
    border-radius:var(--radius-xs);overflow:hidden;flex-shrink:0}
  .ft-seg__btn{font-family:'Sora',sans-serif;font-size:8.5px;font-weight:700;
    color:var(--text-muted);padding:5px 10px;cursor:pointer;
    border:none;background:none;border-right:1px solid var(--border);
    letter-spacing:.3px;transition:all .12s;white-space:nowrap}
  .ft-seg__btn:last-child{border-right:none}
  .ft-seg__btn:hover{color:var(--text-dim)}
  .ft-seg__btn.active{color:var(--primary);background:rgba(var(--primary-rgb),0.08)}
  .ft-seg--mini .ft-seg__btn{font-size:7.5px;padding:3px 8px}

  /* ── Icon buttons (Reset) ── */
  .ft-icon-btn{display:flex;align-items:center;justify-content:center;
    width:26px;height:26px;border-radius:var(--radius-xs);
    background:rgba(255,255,255,0.02);border:1px solid var(--border);
    cursor:pointer;color:var(--text-muted);transition:all .12s;flex-shrink:0}
  .ft-icon-btn:hover{border-color:rgba(var(--primary-rgb),0.15);color:var(--text-dim)}
  .ft-icon-btn svg{width:12px;height:12px}

  /* ── Filter Row 1: Toggles ── */
  .ft-row1{display:flex;align-items:center;gap:8px;padding:12px 0 10px;flex-wrap:wrap}
  .ft-row1-sep{width:1px;height:18px;background:rgba(255,255,255,0.04);flex-shrink:0}
  .ft-row1-actions{display:flex;align-items:center;gap:5px;margin-left:auto}

  /* ── Filter Row 2: Sliders ── */
  .ft-row2{display:flex;align-items:stretch;gap:0;
    border-top:1px solid rgba(255,255,255,0.04);padding:10px 0 0}

  /* ── Strength group (label + toggle + slider) ── */
  .ft-str-group{flex:1;min-width:0;padding:0 16px 0 0;border-right:1px solid rgba(255,255,255,0.04)}
  .ft-str-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}
  .ft-str-top .ft-lbl{margin:0}
  .ft-str-top .ft-seg{margin:0}
  .ft-str-top .ft-val{margin-left:auto}

  /* ── Possession group ── */
  .ft-poss-group{flex:1;min-width:0;padding:0 0 0 16px}
  .ft-poss-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}

  /* ── Shared label + value ── */
  .ft-lbl{font-family:'Sora',sans-serif;font-size:8px;font-weight:700;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;flex-shrink:0}
  .ft-val{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
    color:var(--text-dim);letter-spacing:0;text-transform:none;white-space:nowrap}
  .ft-val.active{color:var(--primary)}

  /* ── Dual range slider ── */
  .ft-dual{position:relative;height:4px;margin:4px 0 2px}
  .ft-dual__track{position:absolute;top:50%;left:0;right:0;
    height:3px;transform:translateY(-50%);background:rgba(255,255,255,0.06);border-radius:1.5px}
  .ft-dual__fill{position:absolute;height:100%;
    background:var(--primary);border-radius:1.5px;opacity:0.3;transition:left .05s,right .05s}
  .ft-dual__input{-webkit-appearance:none;appearance:none;
    position:absolute;top:0;left:0;width:100%;height:100%;
    background:transparent;pointer-events:none;margin:0}
  .ft-dual__input::-webkit-slider-thumb{-webkit-appearance:none;
    width:11px;height:11px;border-radius:50%;background:var(--primary);cursor:grab;
    box-shadow:0 0 6px rgba(var(--primary-rgb),0.3),0 0 0 2px rgba(0,0,0,0.4);
    pointer-events:auto;position:relative;z-index:2}
  .ft-dual__input::-moz-range-thumb{width:11px;height:11px;border-radius:50%;
    background:var(--primary);cursor:grab;border:none;
    box-shadow:0 0 6px rgba(var(--primary-rgb),0.3),0 0 0 2px rgba(0,0,0,0.4);
    pointer-events:auto}
  .ft-dual__input:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.2)}
  .ft-dual__input:active::-moz-range-thumb{cursor:grabbing;transform:scale(1.2)}

  /* ── Tick marks ── */
  .ft-ticks{display:flex;justify-content:space-between;padding:0 2px;margin-top:12px}
  .ft-tick{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;color:var(--text-muted);opacity:0.5;white-space:nowrap}
  .ft-tick-dot{display:inline-block;width:4px;height:4px;border-radius:50%;
    margin-right:1px;vertical-align:middle;position:relative;top:-0.5px}

  /* ── Filter bar mobile responsive ── */
  @media(max-width:550px){
    .ft-row1{gap:6px}
    .ft-seg__btn{font-size:7.5px;padding:4px 7px}
    .ft-row2{flex-direction:column;gap:10px}
    .ft-str-group{padding:0;border-right:none;border-bottom:1px solid rgba(255,255,255,0.04);padding-bottom:10px}
    .ft-poss-group{padding:0}
    .ft-str-top{flex-wrap:wrap;gap:6px}
  }

  /* ── Selected Player Version A (.sp-a) ── */
  .sp-a{background:rgba(255,255,255,0.03);border:1px solid rgb(255 255 255 / 4%);
    border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
  .sp-a__header{display:flex;align-items:center;justify-content:space-between;
    padding:14px 30px;background:rgba(255,255,255,0.015);border-bottom:1px solid rgba(255,255,255,0.05)}
  .sp-a__name-block{display:flex;align-items:center;gap:12px;min-width:0}
  .sp-a__avatar{width:38px;height:38px;border-radius:50%;
    background:rgba(var(--glow-rgb),0.06);border:2px solid var(--glow-muted);
    display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:12px;font-weight:800;color:var(--glow-dim);
    flex-shrink:0;overflow:hidden;box-shadow:0 0 12px rgba(var(--glow-rgb),0.15)}
  .sp-a__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
  .sp-a__name-row{display:flex;align-items:center;gap:8px}
  .sp-a__name{font-family:'Sora',sans-serif;font-size:15px;font-weight:800;
    color:var(--text);letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sp-a__meta{font-size:11px;color:var(--text-muted);margin-top:2px;display:flex;align-items:center;gap:6px}
  .sp-a__pos-tag{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;color:var(--text-muted)}
  .sp-a__jersey{position:relative;flex-shrink:0;width:22px;height:22px;
    display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:9px;font-weight:800;
    line-height:1;padding-top:2px;
    clip-path:polygon(0% 12%,15% 0%,35% 8%,65% 8%,85% 0%,100% 12%,
      82% 28%,82% 100%,18% 100%,18% 28%)}
  .sp-a__jersey--sel{background:rgba(var(--glow-rgb),0.15);color:var(--glow-dim)}
  .sp-a__jersey--match{background:rgba(239,68,68,0.15);color:rgba(239,68,68,0.75)}
  .sp-a__jersey--match-sec{background:rgba(var(--ember-rgb),0.15);color:rgba(var(--ember-rgb),0.75)}
  .sp-a__avatar--match{background:rgba(239,68,68,0.06);border-color:rgba(239,68,68,0.45);
    color:rgba(239,68,68,0.7);box-shadow:0 0 12px rgba(239,68,68,0.15)}
  .sp-a__avatar--match-sec{background:rgba(var(--ember-rgb),0.06);border-color:rgba(var(--ember-rgb),0.45);
    color:rgba(var(--ember-rgb),0.7);box-shadow:0 0 12px rgba(var(--ember-rgb),0.15)}
  .sp-a__match-badge{display:inline-flex;align-items:center;
    font-family:'Sora',sans-serif;font-size:8px;font-weight:700;
    padding:3px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px}
  .sp-a__match-badge--primary{background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);
    color:rgba(239,68,68,0.8)}
  .sp-a__match-badge--secondary{background:rgba(var(--ember-rgb),0.1);border:1px solid rgba(var(--ember-rgb),0.25);
    color:rgba(var(--ember-rgb),0.75)}
  .sp-a__right{display:flex;align-items:center;gap:14px;flex-shrink:0}
  .sp-a__score-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;cursor:pointer}
  .sp-a__score-ring{position:relative;width:44px;height:44px;padding-top:4px;flex-shrink:0}
  .sp-a__score-label{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;
    color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;padding-top:5px;}
  .sp-a__score-svg{width:44px;height:44px}
  .sp-a__score-ring-val{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);
    font-family:'Sora',sans-serif;font-size:13px;font-weight:800;line-height:1}
  .sp-a__divider{width:1px;height:32px;background:rgba(255,255,255,0.05)}
  .sp-a__stat-card{display:flex;flex-direction:column;align-items:center;gap:1px;
    background:rgba(255,255,255,0.02);border:1px solid rgb(255 255 255 / 4%);border-radius:6px;
    padding:6px 12px;min-width:52px}
  .sp-a__stat-card__val{font-family:'Sora',sans-serif;font-size:15px;font-weight:800;line-height:1}
  .sp-a__stat-card__lbl{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}
  .sp-a__body{padding:16px 30px;display:flex;flex-direction:column;gap:16px}

  /* Rate density strips */
  .sp-rate{display:flex;align-items:center;gap:6px;border-radius:6px;padding:8px 0;margin-bottom:4px}
  .sp-rate:last-child{margin-bottom:0}
  .sp-rate__label{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
    color:var(--text-muted);width:20px;text-align:right;flex-shrink:0}
  .sp-rate__strip{flex:1;position:relative;height:20px;min-width:0}
  .sp-rate__range{display:flex;justify-content:space-between;margin-bottom:-4px}
  .sp-rate__range-val{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;color:var(--text-muted);opacity:0.5}
  .sp-rate__density{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:5px;border-radius:3px;margin-top:4px}
  .sp-rate__avg{position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;height:6px;
    border-radius:50%;background:rgba(var(--ember-rgb),0.7);z-index:4;margin-top:4px;cursor:pointer}
  .sp-rate__marker{position:absolute;top:50%;transform:translate(-50%,-50%);
    display:flex;flex-direction:column;align-items:center;z-index:5;margin-top:4px}
  .sp-rate__pip{width:8px;height:8px;border-radius:50%;background:var(--glow);
    box-shadow:0 0 8px rgba(var(--glow-rgb),0.4)}
  .sp-rate__rank{position:absolute;top:-16px;left:50%;transform:translateX(-50%);
    font-family:'Sora',sans-serif;font-size:8px;font-weight:700;color:var(--glow);
    white-space:nowrap;letter-spacing:0.3px;text-shadow:0 0 10px rgba(var(--glow-rgb),0.3)}
  .sp-rate__pct{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;width:32px;text-align:right;flex-shrink:0}
  .sp-rate__pct--high{color:rgba(var(--glow-rgb),0.9)}
  .sp-rate__pct--mid{color:rgba(var(--glow-rgb),0.5)}
  .sp-rate__pct--low{color:rgba(var(--glow-rgb),0.25)}

  /* L20 strip cells (green-only scale) */
  .sp-strip__cell{width:22px;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:9px;font-weight:700;flex-shrink:0;cursor:pointer;
    transition:transform .15s cubic-bezier(.4,0,.2,1)}
  @media(hover:hover){.sp-strip__cell:hover{transform:scale(1.15);z-index:10}}
  .sp-strip__cell--0{background:rgba(var(--glow-rgb),0.02);color:rgba(var(--glow-rgb),0.22)}
  .sp-strip__cell--1{background:rgba(var(--glow-rgb),0.06);color:rgba(var(--glow-rgb),0.38)}
  .sp-strip__cell--2{background:rgba(var(--glow-rgb),0.12);color:rgba(var(--glow-rgb),0.55)}
  .sp-strip__cell--3{background:rgba(var(--glow-rgb),0.20);color:rgba(var(--glow-rgb),0.75)}
  .sp-strip__cell--4{background:rgba(var(--glow-rgb),0.32);color:var(--glow);text-shadow:0 0 6px rgba(var(--glow-rgb),0.3)}
  .sp-strip__cell--5{background:rgba(var(--glow-rgb),0.45);color:var(--glow);text-shadow:0 0 8px rgba(var(--glow-rgb),0.4)}

  /* vs Opponent cells */
  .sp-vs__cell{width:26px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;
    font-family:'Sora',sans-serif;font-size:10px;font-weight:800;flex-shrink:0;cursor:pointer;
    transition:transform .15s cubic-bezier(.4,0,.2,1)}
  @media(hover:hover){.sp-vs__cell:hover{transform:scale(1.15);z-index:10}}
  .sp-vs__cell--0{background:rgba(var(--glow-rgb),0.02);color:rgba(var(--glow-rgb),0.22)}
  .sp-vs__cell--1{background:rgba(var(--glow-rgb),0.06);color:rgba(var(--glow-rgb),0.38)}
  .sp-vs__cell--2{background:rgba(var(--glow-rgb),0.14);color:rgba(var(--glow-rgb),0.60)}
  .sp-vs__cell--3{background:rgba(var(--glow-rgb),0.24);color:rgba(var(--glow-rgb),0.80)}
  .sp-vs__cell--empty{background:rgba(255,255,255,0.02);color:rgba(255,255,255,0.15)}

  /* Strip row layout */
  .sp-a__strip-row{display:flex;align-items:center;gap:0;overflow-x:auto;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .sp-a__strip-row::-webkit-scrollbar{display:none}
  .sp-a__strip-l20{display:flex;gap:2px;flex-shrink:0}
  .sp-a__strip-spacer{flex:1;min-width:12px}
  .sp-a__strip-vs{display:flex;align-items:center;gap:4px;flex-shrink:0;
    position:sticky;right:0;padding-left:8px;background:rgba(255,255,255,0.03)}

  /* vs + stats row (mobile) */
  .sp-a__vs-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .sp-a__vs-row-left{display:flex;align-items:center;gap:4px}
  .sp-a__vs-row-right{display:flex;align-items:center;gap:6px}

  /* Section label */
  .sp-sec-label{font-family:'Sora',sans-serif;font-size:8px;font-weight:700;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}

  /* Divider */
  .sp-divider{height:1px;background:rgba(255,255,255,0.05);margin:0}

  /* Insights */
  .sp-insights{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .sp-insights__label{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:700;
    color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-right:4px}
  .sp-insights__badge{display:inline-flex;align-items:center;gap:3px;font-family:'Sora',sans-serif;font-size:9px;font-weight:500;padding:3px 8px;border-radius:4px;cursor:pointer}
  .sp-insights__badge--green{color:rgba(var(--glow-rgb),0.55);background:rgba(var(--glow-rgb),0.06)}
  .sp-insights__badge--amber{color:rgba(var(--ember-rgb),0.60);background:rgba(var(--ember-rgb),0.06)}
  .sp-insights__badge--red{color:rgba(239,68,68,0.55);background:rgba(239,68,68,0.08)}
  .sp-insights__empty{font-family:'Sora',sans-serif;font-size:9px;font-weight:500;color:var(--text-muted);font-style:italic}

  /* Responsive helpers */
  .sp-a__desktop-only{display:flex;margin-top:8px;}
  .sp-a__mobile-only{display:none}
  .sp-a__title-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:-8px}

  /* SP-A responsive — mobile */
  @media(max-width:550px){
    .sp-a__header{flex-wrap:wrap;gap:10px}
    .sp-a__avatar{width:32px;height:32px;font-size:10px}
    .sp-a__name{font-size:13px}
    .sp-a__score-ring{width:38px;height:38px}
    .sp-a__score-svg{width:38px;height:38px}
    .sp-a__score-ring-val{font-size:11px}
    .sp-a__desktop-only{display:none!important}
    .sp-a__mobile-only{display:flex!important}
    .sp-a__body{padding:14px 16px;gap:14px}
    .sp-a__header{padding:14px 16px}
    .sp-rate{padding:6px 8px}
    .sp-rate__pct{font-size:9px;width:28px}
    .sp-insights__badge{font-size:8px;padding:2px 6px}
    .sp-insights{gap:4px}
  }

  /* ── Proximity matchups layout (new) ── */
  .matchups-flow{display:flex;flex-direction:column;gap:32px}
  @media(max-width:599px){.matchups-flow{gap:20px}}
  .matchups-subtitle{font-size:10px;color:var(--text-muted);font-style:italic;padding:2px 0}

  /* ── Responsive ── */

  /* Short tab labels (hidden by default, shown at narrow widths) */
  .panel-tab__short{display:none}

  /* Large desktop → single column with pitches still side-by-side */
  @media(max-width:1439px){
    .v3-analysis{height:auto;overflow-x:hidden;overflow-y:auto}
    .dashboard-wrap{height:auto;padding:53px 20px 0}
    .dashboard{display:block;padding:16px 0 24px;max-width:874px;margin:0 auto;width:100%}
    .main{overflow:visible;padding-bottom:0;margin-bottom:50px}
    .panel{max-height:none;border-radius:var(--radius);margin:0 0 24px}
    .panel-tabs{position:static}
    .tab-content--active{overflow:visible}
    .panel-inner{overflow-y:visible;max-height:none}
    /* Verdict wraps at medium widths */
    .verdict-probs{flex-wrap:wrap}
    .verdict-prob{min-width:140px}
    /* Odds: scroll tabs & table horizontally */
    .odds-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .odds-tabs::-webkit-scrollbar{display:none}
    .odds-tab{flex-shrink:0}
    .odds-content{overflow-x:auto}
  }

  /* Tablet: shorten tab labels */
  @media(max-width:768px){
    .panel-tab__full{display:none}
    .panel-tab__short{display:inline}
  }

  /* Small tablet / large phone: stack pitches, compact controls */
  @media(max-width:599px){
    .dashboard-wrap{padding:53px 10px 0}
    .topbar__nav{display:none}
    .topbar__burger{display:flex}
    .topbar{padding:10px 14px}
    .topbar__logo{margin-right:auto}
    .topbar__search{display:none}
    .topbar__icon-btn{display:none}
    .topbar__sep{display:none}
    .topbar__user-name{display:none}
    .topbar__account{gap:6px}
    .topbar__dropdown{width:calc(100vw - 20px);right:-10px}
    .mobile-nav{width:calc(100vw - 60px);max-width:280px}
    .pitches{grid-template-columns:1fr}
    .pitch-panels{grid-template-columns:1fr}
    .pitch-panel__hdr{flex-wrap:wrap;gap:6px;padding:6px 10px}
    .stat-tabs{padding:0 14px;margin:0 -16px -14px}
    .stat-tab{padding:8px 12px;font-size:8.5px}
    .find-drawer{width:100%}
    .match-header{flex-wrap:wrap;gap:12px;padding:14px 16px}
    .match-center{width:100%;order:-1}
    .team__name{font-size:12px}
    .team__crest{width:36px;height:36px}
    .global-filters{gap:6px 8px;padding:6px 10px;flex-direction:column;align-items:stretch}
    .filter-group{gap:8px}
    .filter-group__label{min-width:42px;text-align:right}
    .filter-sep{display:none}
    .pill{font-size:8.5px;padding:3px 9px}
    .lineup-actions{margin-top:-2px;border-radius:0 0 var(--radius-xs) var(--radius-xs)}
    .bin-toggle__opt{font-size:8.5px;padding:3px 9px}
    .formation-dd__trigger{font-size:8.5px;padding:3px 8px}
    .p-card{flex-wrap:nowrap;gap:10px}
    .p-card__avatar{width:36px;height:36px}
    .p-card__name{font-size:13px}
    .p-card__pos{font-size:9px}
    .p-card__team{font-size:9px}
    .p-card__badges{gap:3px;margin-top:4px}
    .badge{font-size:7px;padding:2px 6px}
    .p-card__panel{gap:6px}
    .panel-signal{padding:8px 10px;gap:10px}
    .panel-rates{min-width:90px;gap:5px}
    .panel-rate__bar{height:3px}
    .panel-rate__pct{font-size:9px;width:26px}
    .panel-rate__lbl{font-size:7px;width:16px}
    .panel-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .panel-tabs::-webkit-scrollbar{display:none}
    .panel-tab{flex-shrink:0;padding:10px 12px 8px;font-size:9px}
    .panel-inner{padding:14px 14px 20px}
    .panel-inner > * + *{margin-top:12px}
    .panel-inner > *:first-child + *{margin-top:12px}
    .player__avatar{width:26px;height:26px}
    .player__ring{width:32px;height:32px}
    .player__ring .player__avatar{width:26px;height:26px}
    .player__badge{font-size:7px;padding:1px 4px}
    .player__name{font-size:7px}
    .player__pos{font-size:6px}
    .fouls-cell{font-size:8px}
    .fouls-cells .fouls-cell:nth-child(n+16){display:none}
    .fouls-strip__desktop{display:none}
    .fouls-strip__mobile{display:inline}
    .vs-opp__cell{font-size:8px}
    /* Swap dropdown capped to screen width */
    .swap-dropdown{width:calc(100vw - 40px);max-width:280px}
    /* Signal cards stack to single column */
    .signal-card{flex:1 1 100%;min-width:0}
    /* Odds & prox tables horizontal scroll */
    .prox-stats{overflow-x:auto}
    /* Referee stats responsive handled by .rm__* rules */
    /* Selected card tighter */
    .selected-card{padding:0}
    .matchups-wrap{padding:12px 14px}
    .verdict-section,.tf{padding:12px 14px}

    /* Odds tabs: horizontal scroll on mobile */
    .odds-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .odds-tabs::-webkit-scrollbar{display:none}
    .odds-tab{flex-shrink:0;padding:10px 12px 8px;font-size:8px}

    /* Odds table: compact table view with decimal in tooltip */
    .odds-table th{font-size:6.5px;padding:0 4px 6px;letter-spacing:0.5px}
    .odds-table td{padding:6px 4px;font-size:9px}
    .odds-table__line{font-size:10px}
    .odds-table__pct{font-size:10px}
    .odds-table__arrow{font-size:8px}
    .odds-table__odds{font-size:9px;position:relative}
    .odds-table__odds span{display:none}
    .odds-table__odds--active span{display:block;position:absolute;bottom:calc(100% + 6px);left:50%;
      transform:translateX(-50%);background:var(--surface-raised);border:1px solid var(--border-mid);
      border-radius:var(--radius-xs);padding:4px 8px;font-size:10px;font-weight:700;color:var(--text);
      white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,0.4);z-index:20;margin-left:0}
    .odds-table__odds--active span::after{content:'';position:absolute;top:100%;left:50%;
      transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--border-mid)}
    .odds-table__muted{font-size:8px}
    .odds-table__edge--value,.odds-table__edge--marginal,.odds-table__edge--neg{font-size:9px}

    /* Odds legend compacts */
    .odds-legend{gap:6px 8px}
    .odds-legend__item{font-size:7px}
    .odds-footer__note{font-size:9px}
    .odds-content{padding:10px 12px 12px}

    /* Odds evaluation responsive */
    .oe-section{padding:12px}
    .oe-strip-container{min-width:0}
    .oe-badges{width:72px}
    .oe-badge{font-size:8px;padding:2px 0}
  }

/* ═══════════════════════════════════════════════════════
   ODDS EVALUATION — Market distribution comparison
   ═══════════════════════════════════════════════════════ */
.oe-section{padding:16px 0;padding-top:0;}
.oe-rows{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:0 14px;}
.oe-col-headers{display:flex;align-items:center;gap:10px;padding:0 12px}
.oe-col-spacer{width:28px;flex-shrink:0}
.oe-col-label-strip{flex:1}
.oe-col-label-badge{width:90px;flex-shrink:0;text-align:center;
  font-family:'Sora',sans-serif;font-size:8px;font-weight:600;
  color:rgba(255,255,255,0.3);text-transform:uppercase;letter-spacing:0.06em}
.oe-row{display:flex;align-items:center;gap:10px;
  background:rgb(255 255 255 / 3%);border:none;
  border-radius:6px;padding:10px 12px;transition:background 0.2s;
  box-shadow:none}
.oe-row:hover{background:rgba(255,255,255,0.045)}
.oe-threshold{font-family:'Sora',sans-serif;font-size:12px;font-weight:600;
  color:rgba(255,255,255,0.35);width:28px;text-align:center;flex-shrink:0}
.oe-strip-container{flex:1;min-width:0}
.oe-strip-wrap{position:relative;height:20px}

/* The 6px bar line centered in the container */
.oe-bar{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;
  height:6px;border-radius:3px;background:rgba(var(--glow-rgb),0.04)}

/* IQR zone — 6px tall, centered */
.oe-iqr{position:absolute;top:50%;transform:translateY(-50%);height:6px;
  background:rgba(var(--glow-rgb),0.15);border-radius:3px;
  border-left:1px solid rgba(var(--glow-rgb),0.25);
  border-right:1px solid rgba(var(--glow-rgb),0.25)}

/* Tick marks */
.oe-tick{position:absolute;top:50%;transform:translateY(-50%);height:10px;width:0;pointer-events:none}
.oe-tick-line{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,0.08);
  left:50%;transform:translateX(-50%)}
.oe-tick-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);
  font-family:'Sora',sans-serif;font-size:7px;color:rgba(255,255,255,0.35);
  margin-top:1px;white-space:nowrap;pointer-events:none}

/* Historical data dots */
.oe-dot{position:absolute;top:50%;transform:translate(-50%,-50%);
  width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.3);
  cursor:pointer;z-index:3;transition:all 0.15s ease}
.oe-dot:hover{width:7px;height:7px;background:rgba(255,255,255,0.6);
  box-shadow:0 0 6px rgba(255,255,255,0.3);z-index:10}

/* Median marker */
.oe-median{position:absolute;top:50%;transform:translate(-50%,-50%);
  width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.5);
  border:1px solid rgba(255,255,255,0.3);z-index:5;cursor:pointer}

/* Player's current odds pip */
.oe-pip{position:absolute;top:50%;transform:translate(-50%,-50%);
  width:10px;height:10px;border-radius:50%;background:var(--glow);
  box-shadow:0 0 8px rgba(var(--glow-rgb),0.5),0 0 16px rgba(var(--glow-rgb),0.2);
  z-index:8;cursor:pointer}
.oe-deviation{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);
  font-family:'Sora',sans-serif;font-size:9px;font-weight:700;color:var(--glow);
  white-space:nowrap;text-shadow:0 0 8px rgba(var(--glow-rgb),0.4);pointer-events:none}

/* Range labels */
.oe-range{display:flex;justify-content:space-between;margin-top:1px;
  font-family:'Sora',sans-serif;font-size:8px;color:rgba(255,255,255,0.4);
  font-weight:600;letter-spacing:0.2px}


/* Fixed-width badge column */
.oe-badges{width:90px;flex-shrink:0;display:flex;align-items:center;justify-content:center}

/* Verdict badges */
.oe-badge{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
  padding:3px 0;border-radius:4px;white-space:nowrap;width:100%;text-align:center;
  text-transform:uppercase;letter-spacing:0.5px}
.oe-badge--epic{background:var(--glow-subtle);color:var(--glow);
  border:1px solid var(--glow-muted);text-shadow:0 0 8px rgba(var(--glow-rgb),0.3)}
.oe-badge--great{background:var(--glow-subtle);color:var(--glow-dim);
  border:1px solid rgba(var(--glow-rgb),0.25)}
.oe-badge--good{background:var(--border-glow);color:var(--glow-muted);
  border:1px solid var(--glow-subtle)}
.oe-badge--value{background:var(--glow-faint);color:rgba(var(--glow-rgb),0.35);
  border:1px solid var(--border-glow)}
.oe-badge--low{background:rgba(var(--glow-rgb),0.03);color:var(--glow-subtle);
  border:1px solid var(--glow-faint)}
.oe-badge--bad{background:rgba(var(--glow-rgb),0.015);color:rgba(var(--glow-rgb),0.08);
  border:1px solid rgba(var(--glow-rgb),0.03)}
.oe-badge--stingy{background:rgba(var(--glow-rgb),0.008);color:rgba(255,255,255,0.18);
  border:1px solid rgba(255,255,255,0.05)}
.oe-badge--neutral{background:rgba(255,255,255,0.02);color:rgba(255,255,255,0.2);
  border:1px solid rgba(255,255,255,0.06)}

/* Empty state */
.oe-empty{flex:1;font-family:'Sora',sans-serif;font-size:9px;color:rgba(255,255,255,0.2);
  font-style:italic}

/* ═══════════════════════════════════════════════════════
   ODDS INTELLIGENCE — Unified probability + market edge
   ═══════════════════════════════════════════════════════ */
.oi{background:rgba(255,255,255,0.02);border:1px solid rgb(255 255 255 / 4%);border-radius:10px;overflow:hidden;
  transition:border-color 0.2s}
.oi:hover{border-color:rgba(255,255,255,0.09)}
/* OI header now sits ABOVE the card — styled via .tf-env__hdr--above */
.oi-hdr{display:flex;align-items:center;gap:7px;padding:0 4px;margin-bottom:6px}
.oi-hdr-icon{color:rgba(var(--glow-rgb),0.5);flex-shrink:0}
.oi-hdr-title{font-family:'Sora',sans-serif;font-size:11px;font-weight:700;color:var(--glow-muted);letter-spacing:1.2px;text-transform:uppercase}

/* Threshold tabs — full-width underline style (matches fouling environment) */
.oi-tabs{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,0.05)}
.oi-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;
  font-family:'Sora',sans-serif;font-size:11px;font-weight:600;color:var(--text-muted);
  transition:color 0.2s;user-select:none;position:relative;min-width:0;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.oi-tab:hover{color:var(--text-dim)}
.oi-tab.active{color:var(--glow-dim);border-bottom-color:var(--glow-dim)}
.oi-tab-line{font-family:'Sora',sans-serif;font-size:11px;font-weight:600;color:inherit}
.oi-tab--low{opacity:1}
.oi-tab--low.active{opacity:1}
/* Panels */
.oi-panel{display:none;padding:10px 30px}
.oi-panel.active{display:block}
.oi-panel--low .vi-c{opacity:1}
.oi-panel--low:hover .vi-c{opacity:1}

/* Value badge — uses sc-* color classes from color_scales.css */
.oi-badge{font-family:'Sora',sans-serif;font-size:8px;font-weight:700;letter-spacing:0.04em;
  text-transform:uppercase;padding:2px 8px;border-radius:3px;white-space:nowrap;display:inline-block}
.oi-badge--low-conf{color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.06)}

/* Rows */
.vi-rows{display:flex;flex-direction:column;gap:10px}
.vi-row{transition:opacity 0.3s}
.vi-row.dimmed{opacity:1}
.vi-row.dimmed:hover{opacity:1}
.vi-row-hdr{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:0 2px}
.vi-thresh{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;color:rgba(255,255,255,0.25)}
.vi-row.hl .vi-thresh{color:rgba(255,255,255,0.45)}
.vi-row-hdr .vr{margin-left:auto}

/* Three-card grid */
.vi-tri{display:flex;gap:8px}

/* Shared card */
.vi-c{background:rgba(255,255,255,0.02);border:1px solid rgb(255 255 255 / 4%);
  border-radius:6px;padding:10px 12px;transition:background 0.2s}
.vi-c.vi-pl{display:flex;flex-direction:column}
.vi-c:hover{background:rgba(255,255,255,0.035)}
.vi-c-label{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
  color:var(--text-muted);text-transform:uppercase;letter-spacing:0.8px;
  margin-bottom:8px;display:flex;align-items:center;gap:5px}

/* Tooltip ? icon */
.vi-tip-q{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,0.1);
  display:inline-flex;align-items:center;justify-content:center;font-size:7px;
  color:rgba(255,255,255,0.25);cursor:help;position:relative;font-weight:600}
.vi-tip-q:hover{border-color:rgba(var(--glow-rgb),0.3);color:var(--glow-muted)}
.vi-tip-text{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);
  width:200px;padding:8px 10px;background:#161620;border:1px solid rgba(var(--glow-rgb),0.12);
  border-radius:5px;font-size:8px;font-weight:400;color:rgba(255,255,255,0.55);line-height:1.45;
  letter-spacing:0;text-transform:none;white-space:normal;z-index:20;box-shadow:0 4px 16px rgba(0,0,0,0.5)}
.vi-tip-q:hover .vi-tip-text{display:block}

/* ─ Card 1: Probability ─ */
.vi-prob{width:155px;flex-shrink:0;display:flex;flex-direction:column}
.vi-pb{display:flex;flex-direction:column;gap:6px}
.vi-pb-row{display:flex;align-items:center;gap:6px}
/* Probability dots replacing text labels */
.vi-pb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.vi-pb-dot--us{background:var(--glow);box-shadow:0 0 6px rgba(var(--glow-rgb),0.4)}
.vi-pb-dot--bk{background:rgba(255,255,255,0.45);box-shadow:0 0 3px rgba(255,255,255,0.1)}
.vi-pb-track{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,0.03);position:relative;overflow:hidden}
.vi-pb-fill{position:absolute;top:0;bottom:0;left:0;border-radius:3px;transition:width 0.7s cubic-bezier(0.25,0.46,0.45,0.94)}
.vi-pb-fill.us{background:linear-gradient(90deg,rgba(var(--glow-rgb),0.1),rgba(var(--glow-rgb),0.35))}
.vi-pb-fill.bk{background:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.12))}
.vi-pb-pct{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;width:32px;text-align:right;flex-shrink:0}
.vi-pb-pct.us{color:var(--glow-dim)}
.vi-pb-pct.bk{color:rgba(255,255,255,0.4)}
/* vi-pb-edge removed — prob card now uses vi-pl-hdr for edge badge */

/* ─ Card 2 & 3: Price Line ─ */
.vi-pl{flex:1;min-width:0}
.vi-pl-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.vi-pl-hdr .vi-c-label{margin-bottom:0}
/* Edge tag — uses oi-e-* red→green scale */
.vi-pl-edge-tag{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;
  padding:2px 7px;border-radius:3px;white-space:nowrap}
.vi-pl-strip{position:relative;height:42px;margin:20px 0}
.vi-pl-bar{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:6px;border-radius:3px;background:rgba(var(--glow-rgb),0.04)}
.vi-pl-edge-zone{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:2px}
.vi-pl-edge-zone.val{background:rgba(var(--glow-rgb),0.18);box-shadow:0 0 8px rgba(var(--glow-rgb),0.08)}
.vi-pl-edge-zone.noval{background:rgba(255,255,255,0.06)}
.vi-pl-tick{position:absolute;top:50%;transform:translateY(-50%);height:14px;width:0}
.vi-pl-tick-ln{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,0.07);left:50%;transform:translateX(-50%)}
.vi-pl-tick-lb{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);
  font-family:'Sora',sans-serif;font-size:8px;color:rgba(255,255,255,0.35);white-space:nowrap}
.vi-pl-mk{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}
.vi-pl-pip{width:10px;height:10px;border-radius:50%}
.vi-pl-pip.grn{background:var(--glow);box-shadow:0 0 8px rgba(var(--glow-rgb),0.5)}
.vi-pl-pip.wht{background:rgba(255,255,255,0.55);box-shadow:0 0 4px rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.15)}
.vi-pl-lbl{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;
  font-family:'Sora',sans-serif;font-size:9px;letter-spacing:-0.01em}
.vi-pl-lbl.above{bottom:calc(100% + 4px)}
.vi-pl-lbl.below{top:calc(100% + 4px)}
.vi-pl-lbl.grn-l{color:var(--glow-dim)}
.vi-pl-lbl.wht-l{color:rgba(255,255,255,0.5)}
.vi-pl-tag{font-size:6px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;opacity:0.55;display:block;text-align:center;margin-top:1px}
.vi-pl-range{display:none}

/* Legend dots for price lines and probability bars */
.vi-legend{display:flex;align-items:center;gap:12px;margin-top:10px;padding-top:6px}
.vi-legend__item{display:flex;align-items:center;gap:4px;font-family:'Sora',sans-serif;font-size:8px;font-weight:500;color:var(--text-muted)}
.vi-legend__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.vi-legend__dot--us{background:var(--glow);box-shadow:0 0 4px rgba(var(--glow-rgb),0.3)}
.vi-legend__dot--bk{background:rgba(255,255,255,0.45)}
.vi-legend__dot--grn{background:var(--glow);box-shadow:0 0 4px rgba(var(--glow-rgb),0.3)}
.vi-legend__dot--wht{background:rgba(255,255,255,0.45)}

/* ═ ADVANCED SECTION — Bottom Drawer ═ */
.oi-adv-drawer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;
  border-top:1px solid rgba(255,255,255,0.04);background:rgba(255,255,255,0.01)}
.oi-adv-drawer.open{max-height:1200px}
.oi-adv-in{padding:12px 30px 16px}
.oi-adv-handle{display:flex;align-items:center;justify-content:center;gap:6px;
  padding:7px 16px;cursor:pointer;user-select:none;
  border-top:1px solid rgba(255,255,255,0.04);background:rgba(255,255,255,0.015);transition:background 0.2s}
.oi-adv-handle:hover{background:rgba(255,255,255,0.03)}
.oi-adv-handle span{font-family:'Sora',sans-serif;font-size:9px;font-weight:600;color:rgba(255,255,255,0.3);transition:color 0.2s}
.oi-adv-handle .oi-adv-arrow{font-size:7px;color:rgba(255,255,255,0.2);transition:transform 0.25s,color 0.2s;display:inline-block}
.oi-adv-handle.open .oi-adv-arrow{transform:rotate(180deg);color:rgba(var(--glow-rgb),0.5)}
.oi-adv-handle.open span{color:rgba(var(--glow-rgb),0.5)}
.oi-adv-tabs{display:flex;gap:0;margin-bottom:14px;border-bottom:1px solid rgb(255 255 255 / 4%)}
.oi-adv-tab{padding:8px 16px;text-align:center;font-family:'Sora',sans-serif;font-size:9px;font-weight:600;
  color:var(--text-muted);cursor:pointer;transition:all 0.2s;user-select:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.oi-adv-tab:hover{color:var(--text-dim)}
.oi-adv-tab.active{color:rgba(var(--glow-rgb),0.8);border-bottom-color:var(--glow-muted)}
.oi-adv-tp{display:none}
.oi-adv-tp.active{display:block}

/* Advanced Table — design system styling */
.oi-tbl{width:100%;border-collapse:collapse;font-family:'Sora',sans-serif;font-size:9px}
.oi-tbl th{text-align:left;font-weight:700;color:var(--text-muted);font-size:9px;
  text-transform:uppercase;letter-spacing:0.8px;padding:8px 10px;border-bottom:1px solid rgb(255 255 255 / 4%)}
.oi-tbl th.r{text-align:right}
.oi-tbl td{padding:8px 10px;color:rgba(255,255,255,0.55);font-size:10px;border-bottom:1px solid rgb(255 255 255 / 4%);vertical-align:middle}
.oi-tbl .r{text-align:right;font-variant-numeric:tabular-nums}
.oi-tbl .ln{font-weight:700;color:rgba(255,255,255,0.45);white-space:nowrap}
.oi-tbl-edge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:0.02em;line-height:1}
.oi-tbl--low td{color:rgba(255,255,255,0.25)}
.oi-tbl--low td .oi-tbl-edge{background:rgba(255,255,255,0.04)!important;color:rgba(255,255,255,0.30)!important;text-shadow:none!important}

/* Advanced Distribution strips */
.oi-ds-title{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;color:var(--text-muted);
  text-transform:uppercase;letter-spacing:0.8px;margin-bottom:12px}
.oi-ds-rows{display:flex;flex-direction:column;gap:12px}
.oi-ds-card{background:rgba(255,255,255,0.02);border:1px solid rgb(255 255 255 / 4%);border-radius:8px;padding:12px 16px}
.oi-ds-card-title{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;color:var(--text-secondary);margin-bottom:8px}
.oi-ds-row{display:flex;flex-direction:column;gap:4px}
.oi-ds-lbl{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;color:var(--text-muted);
  text-transform:uppercase;letter-spacing:0.8px}
.oi-ds-area{flex:1;min-width:0}
.oi-ds-wrap{position:relative;height:22px}
.oi-ds-bar{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:6px;border-radius:3px;background:rgba(var(--glow-rgb),0.04)}
.oi-ds-iqr{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:3px;background:rgba(var(--glow-rgb),0.15)}
.oi-ds-tick{position:absolute;top:50%;transform:translateY(-50%);height:12px;width:0;pointer-events:none}
.oi-ds-tick-ln{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,0.06);left:50%;transform:translateX(-50%)}
.oi-ds-tick-lb{position:absolute;top:100%;left:50%;transform:translateX(-50%);
  font-family:'Sora',sans-serif;font-size:8px;color:rgba(255,255,255,0.35);margin-top:2px;white-space:nowrap;pointer-events:none}
.oi-ds-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;
  background:rgba(255,255,255,0.12);cursor:pointer;transition:all 0.15s}
.oi-ds-dot:hover{width:7px;height:7px;background:rgba(255,255,255,0.35);box-shadow:0 0 4px rgba(255,255,255,0.15)}
.oi-ds-med{position:absolute;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;border-radius:50%;
  background:rgba(255,255,255,0.35);border:1px solid rgba(255,255,255,0.12);z-index:2}
.oi-ds-pip{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;
  background:var(--glow);box-shadow:0 0 6px rgba(var(--glow-rgb),0.5);z-index:3}
.oi-ds-dev{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);
  font-family:'Sora',sans-serif;font-size:9px;font-weight:700;white-space:nowrap}
.oi-ds-dev.pos{color:rgba(var(--glow-rgb),0.8)}
.oi-ds-dev.neg{color:rgba(255,255,255,0.35)}
.oi-ds-range{display:flex;justify-content:space-between;margin-top:3px;
  font-family:'Sora',sans-serif;font-size:8px;color:rgba(255,255,255,0.35)}

/* Reliability note (per-tab inline) */
.oi-reliability--inline{display:flex;align-items:flex-start;gap:6px;padding:10px 0 4px;margin-top:4px}
.oi-reliability__label{font-family:'Sora',sans-serif;font-size:8px;font-weight:700;color:rgba(255,255,255,0.25);
  text-transform:uppercase;letter-spacing:0.6px;white-space:nowrap;padding-top:2px}
.oi-reliability__indicator{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
  font-size:9px;line-height:1;border-radius:3px}
.oi-reliability__row--solid .oi-reliability__indicator{background:rgba(0,255,136,0.1);border:1px solid rgba(0,255,136,0.15)}
.oi-reliability__row--solid .oi-reliability__indicator::before{content:"✓";color:rgba(0,255,136,0.6);font-weight:700;font-size:9px}
.oi-reliability__row--ok .oi-reliability__indicator{background:rgba(255,193,7,0.1);border:1px solid rgba(255,193,7,0.15)}
.oi-reliability__row--ok .oi-reliability__indicator::before{content:"–";color:rgba(255,193,7,0.55);font-weight:700;font-size:11px;margin-left:-0.5px}
.oi-reliability__row--caution .oi-reliability__indicator{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.15)}
.oi-reliability__row--caution .oi-reliability__indicator::before{content:"!";color:rgba(239,68,68,0.6);font-weight:700;font-size:9px;margin-left:-0.5px}
.oi-reliability__note{font-family:'Sora',sans-serif;font-size:9px;font-weight:500;color:var(--text-muted);line-height:1.4}

/* No data state */
.oi-empty{font-family:'Sora',sans-serif;font-size:10px;color:rgba(255,255,255,0.25);
  text-align:center;padding:24px 16px;font-style:italic}

/* Animations */
.vi-row{animation:oiRowIn 0.3s ease both}
.vi-row:nth-child(1){animation-delay:0.05s}
.vi-row:nth-child(2){animation-delay:0.15s}
.vi-row:nth-child(3){animation-delay:0.25s}
@keyframes oiRowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Mobile responsive */
@media(max-width:599px){
  .oi-tab{font-size:9px;gap:3px;padding:8px 8px}
  .oi-tab-line{font-size:9px}
  .vi-tri{flex-direction:column}
  .vi-prob{width:100%}
  .oi-panel{padding:10px 16px}
  .oi-adv-in{padding:10px 16px 16px}
}

/* ========================================
   V3 Loading Overlay
   Positioned over .pitch-panels during
   custom lineup operations
   ======================================== */
.v3-lineup-overlay{
  position:absolute;inset:0;z-index:50;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,0.3);backdrop-filter:blur(2px);
  border-radius:var(--radius-sm);
  opacity:0;pointer-events:none;
  transition:opacity .25s ease}
.v3-lineup-overlay--visible{opacity:1;pointer-events:auto}
.v3-lineup-overlay__text{
  font-family:'Sora',sans-serif;font-size:11px;font-weight:600;
  color:rgba(255,255,255,0.85);letter-spacing:0.4px;
  padding:10px 20px;border-radius:8px;
  background:rgba(var(--bg-rgb),0.85);
  border:1px solid var(--border);
  backdrop-filter:blur(8px);
  animation:v3-overlay-pulse 1.8s ease-in-out infinite}
@keyframes v3-overlay-pulse{
  0%,100%{opacity:0.85}
  50%{opacity:1}
}

/* ── Per-pitch footer disabled state ── */
.pitch-footer__btn-ghost:disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}
.pitch-footer__btn-apply--idle{opacity:0.35;cursor:pointer}

/* ═══════════════════════════════════════════════════════
   BET CHECKLIST CARD (bc-*)
   ═══════════════════════════════════════════════════════ */
.bc{background:var(--card-bg,rgba(255,255,255,0.03));border:1px solid rgba(255,255,255,0.07);border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.15)}

/* Header */
.bc-hdr{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:rgba(255,255,255,0.015);border-bottom:1px solid rgba(255,255,255,0.05)}
.bc-hdr__left{display:flex;align-items:center;gap:10px}
.bc-hdr__icon{width:26px;height:26px;border-radius:50%;background:rgba(var(--glow-rgb),0.06);border:1.5px solid rgba(var(--glow-rgb),0.15);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bc-hdr__title{font-family:'Sora',sans-serif;font-size:12px;font-weight:700;color:var(--text);letter-spacing:-.2px}
.bc-hdr__sub{font-family:'Plus Jakarta Sans',sans-serif;font-size:10px;color:var(--text-muted);margin-top:1px}

/* Threshold Pills (reuses ft-seg / ft-seg__btn) */
.bc-threshold-pills{margin:12px 12px 8px}
.bc-threshold-pills .ft-seg__btn{font-size:10px;padding:6px 18px;gap:5px;display:inline-flex;align-items:center}
.bc-tab__badge{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;transition:opacity .15s;margin-left: 5px;margin-right: 10px;}
.ft-seg__btn:not(.active) .bc-tab__badge{opacity:.5}
.bc-tab__badge.oi-e-0{background:rgba(239,68,68,0.25);color:rgba(239,68,68,0.85)}
.bc-tab__badge.oi-e-1{background:rgba(239,68,68,0.20);color:rgba(239,68,68,0.75)}
.bc-tab__badge.oi-e-2{background:rgba(239,68,68,0.15);color:rgba(239,68,68,0.65)}
.bc-tab__badge.oi-e-3{background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.50)}

/* Score Rows */
.bc-row{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,0.05);animation:bcFadeIn .3s ease both}
.bc-row:nth-child(1){animation-delay:.03s}.bc-row:nth-child(2){animation-delay:.06s}
.bc-row:nth-child(3){animation-delay:.09s}.bc-row:nth-child(4){animation-delay:.12s}
.bc-row:last-child{border-bottom:none}
.bc-row--player{background:rgba(var(--glow-rgb),0.01)}
@keyframes bcFadeIn{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}

.bc-label{width:80px;flex-shrink:0}
.bc-label__name{font-family:'Sora',sans-serif;font-size:10px;font-weight:700;color:var(--text-secondary)}
.bc-label__sub{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;color:var(--text-muted);margin-top:1px}

/* Score bar */
.bc-bar{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bc-bar__track{position:relative;height:7px;border-radius:4px;background:rgba(255,255,255,0.04);overflow:hidden}
.bc-bar__fill{height:100%;border-radius:4px;transition:width .5s cubic-bezier(0.25,0.46,0.45,0.94)}
.bc-bar__fill--low{background:linear-gradient(90deg,rgba(239,68,68,0.4),rgba(239,68,68,0.65))}
.bc-bar__fill--mid{background:linear-gradient(90deg,rgba(0,255,136,0.15),rgba(0,255,136,0.35))}
.bc-bar__fill--high{background:linear-gradient(90deg,rgba(0,255,136,0.25),rgba(0,255,136,0.55))}
.bc-bar__fill--vhigh{background:linear-gradient(90deg,rgba(0,255,136,0.4),rgba(0,255,136,0.7));box-shadow:0 0 8px rgba(0,255,136,0.12)}
.bc-bar__score{font-family:'Sora',sans-serif;font-size:9px;font-weight:800;text-align:right;min-width:20px}

/* Stat cards */
.bc-cards{display:flex;gap:6px;flex-shrink:0}
.bc-card{display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 10px;border-radius:6px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);min-width:60px;width:60px}
.bc-card__val{font-family:'Sora',sans-serif;font-size:13px;font-weight:800;line-height:1}
.bc-card__lbl{font-family:'Sora',sans-serif;font-size:7px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}

/* Odds section */
.bc-odds{border-top:1px solid rgba(255,255,255,0.05)}
.bc-odds__hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:rgba(255,255,255,0.012)}
.bc-odds__hdr-left{display:flex;align-items:center;gap:8px}
.bc-odds__hdr-icon{width:16px;height:16px;color:var(--glow);opacity:.6}
.bc-odds__hdr-title{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px}
.bc-odds__hdr-right{display:flex;align-items:center;gap:6px}

/* Tri-card layout for odds */
.bc-tri{display:flex;gap:8px;padding:0 18px 14px}
.bc-vc{flex:1;min-width:0;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.04);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column}
.bc-vc__hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.bc-vc__label{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}
.bc-vc__edge{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;padding:2px 7px;border-radius:3px;white-space:nowrap}

/* Probability bars */
.bc-pb{display:flex;flex-direction:column;gap:6px;flex:1}
.bc-pb__row{display:flex;align-items:center;gap:6px}
.bc-pb__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.bc-pb__dot--us{background:var(--glow);box-shadow:0 0 6px rgba(var(--glow-rgb),0.4)}
.bc-pb__dot--bk{background:rgba(255,255,255,0.45);box-shadow:0 0 3px rgba(255,255,255,0.1)}
.bc-pb__track{flex:1;height:6px;border-radius:3px;background:rgba(255,255,255,0.03);position:relative;overflow:hidden}
.bc-pb__fill{position:absolute;top:0;bottom:0;left:0;border-radius:3px;transition:width .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.bc-pb__fill--us{background:linear-gradient(90deg,rgba(var(--glow-rgb),0.1),rgba(var(--glow-rgb),0.35))}
.bc-pb__fill--bk{background:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.12))}
.bc-pb__pct{font-family:'Sora',sans-serif;font-size:9px;font-weight:700;width:32px;text-align:right;flex-shrink:0}
.bc-pb__pct--us{color:rgba(var(--glow-rgb),0.65)}
.bc-pb__pct--bk{color:rgba(255,255,255,0.4)}

/* Price line strip */
.bc-pl{position:relative;height:42px;margin:14px 0 0;flex:1}
.bc-pl__bar{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;height:6px;border-radius:3px;background:rgba(var(--glow-rgb),0.04)}
.bc-pl__edge-zone{position:absolute;top:50%;transform:translateY(-50%);height:6px;border-radius:2px}
.bc-pl__edge-zone--val{background:rgba(var(--glow-rgb),0.18);box-shadow:0 0 8px rgba(var(--glow-rgb),0.08)}
.bc-pl__edge-zone--noval{background:rgba(255,255,255,0.06)}
.bc-pl__tick{position:absolute;top:50%;transform:translateY(-50%);height:14px;width:0}
.bc-pl__tick-ln{position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,0.07);left:50%;transform:translateX(-50%)}
.bc-pl__tick-lb{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-family:'Sora',sans-serif;font-size:8px;color:rgba(255,255,255,0.35);white-space:nowrap}
.bc-pl__mk{position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}
.bc-pl__pip{width:10px;height:10px;border-radius:50%}
.bc-pl__pip--grn{background:var(--glow);box-shadow:0 0 8px rgba(var(--glow-rgb),0.5)}
.bc-pl__pip--wht{background:rgba(255,255,255,0.55);box-shadow:0 0 4px rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.15)}
.bc-pl__lbl{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-family:'Sora',sans-serif;font-size:9px;letter-spacing:-.01em}
.bc-pl__lbl--above{bottom:calc(100% + 4px)}
.bc-pl__lbl--grn{color:rgba(var(--glow-rgb),0.65)}
.bc-pl__lbl--wht{color:rgba(255,255,255,0.5)}

/* Legend */
.bc-legend{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:6px}
.bc-legend__item{display:flex;align-items:center;gap:4px;font-family:'Sora',sans-serif;font-size:8px;font-weight:500;color:var(--text-muted)}
.bc-legend__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.bc-legend__dot--us{background:var(--glow);box-shadow:0 0 4px rgba(var(--glow-rgb),0.3)}
.bc-legend__dot--bk{background:rgba(255,255,255,0.45)}

/* Confidence insights */
.bc-insights{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 18px 12px}
.bc-insights__label{font-family:'Sora',sans-serif;font-size:7.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-right:4px}
.bc-insights__badge{display:inline-flex;align-items:center;gap:3px;font-family:'Sora',sans-serif;font-size:9px;font-weight:500;padding:3px 8px;border-radius:4px;cursor:default}
.bc-insights__badge--green{color:rgba(var(--glow-rgb),0.55);background:rgba(var(--glow-rgb),0.06)}
.bc-insights__badge--amber{color:rgba(var(--ember-rgb),0.60);background:rgba(var(--ember-rgb),0.06)}
.bc-insights__badge--red{color:rgba(239,68,68,0.55);background:rgba(239,68,68,0.08)}
.bc-divider{height:1px;background:rgba(255,255,255,0.05);margin:0 18px}

/* Verdict bar */
.bc-verdict{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:rgba(255,255,255,0.015);border-top:1px solid rgba(255,255,255,0.05)}
.bc-verdict__dots{display:flex;align-items:center;gap:10px}
.bc-verdict__dot-group{display:flex;align-items:center;gap:4px}
.bc-verdict__dot{width:8px;height:8px;border-radius:50%}
.bc-verdict__dot-label{font-family:'Sora',sans-serif;font-size:8px;font-weight:600;color:var(--text-muted)}
.bc-verdict__right{display:flex;align-items:center;gap:8px}

/* Tab content switching */
.bc [data-bc-threshold]{display:none}
.bc [data-bc-threshold].bc-active{display:flex}
.bc .bc-insights[data-bc-threshold]{display:none}
.bc .bc-insights[data-bc-threshold].bc-active{display:flex}

/* ── Bet Checklist Responsive ── */

/* Tablet: tighten spacing, shrink cards */
@media(max-width:768px){
  .bc-row{gap:10px;padding:10px 14px}
  .bc-label{width:62px}
  .bc-label__name{font-size:9px}
  .bc-label__sub{font-size:7px}
  .bc-bar__score{font-size:8px;min-width:18px}
  .bc-card{min-width:50px;width:50px;padding:4px 6px}
  .bc-card__val{font-size:11px}
  .bc-card__lbl{font-size:6.5px}
  .bc-tri{flex-direction:column;gap:8px;padding:0 14px 12px}
  .bc-vc{padding:8px 10px}
  .bc-odds__hdr{padding:8px 14px}
  .bc-hdr{padding:10px 14px}
  .bc-insights{padding:8px 14px 10px}
  .bc-verdict{flex-wrap:wrap;gap:8px;padding:8px 14px}
  .bc-verdict__dots{gap:8px}
  .bc-verdict__right{margin-left:auto}
  .bc-divider{margin:0 14px}
}

/* Phone: further compact */
@media(max-width:479px){
  .bc-row{gap:8px;padding:8px 10px}
  .bc-label{width:52px}
  .bc-label__name{font-size:8px}
  .bc-label__sub{font-size:6.5px}
  .bc-bar__track{height:5px}
  .bc-bar__score{font-size:7px;min-width:16px}
  .bc-card{min-width:42px;width:42px;padding:3px 4px}
  .bc-card__val{font-size:10px}
  .bc-card__lbl{font-size:6px;letter-spacing:.2px}
  .bc-threshold-pills .ft-seg__btn{font-size:9px;padding:5px 10px}
  .bc-tab__badge{font-size:6px;padding:1px 4px}
  .bc-tri{padding:0 10px 10px}
  .bc-vc__label{font-size:8px;letter-spacing:.5px}
  .bc-vc__edge{font-size:8px;padding:2px 5px}
  .bc-pb__dot{width:6px;height:6px}
  .bc-pb__pct{font-size:8px;width:28px}
  .bc-pl{height:36px;margin:10px 0 0}
  .bc-pl__lbl{font-size:8px}
  .bc-pl__pip{width:8px;height:8px}
  .bc-legend__item{font-size:7px}
  .bc-legend__dot{width:5px;height:5px}
  .bc-odds__hdr{padding:8px 10px}
  .bc-odds__hdr-title{font-size:8px}
  .bc-hdr{padding:8px 10px}
  .bc-hdr__icon{width:22px;height:22px}
  .bc-hdr__title{font-size:11px}
  .bc-hdr__sub{font-size:9px}
  .bc-insights{padding:6px 10px 8px}
  .bc-insights__label{font-size:7px}
  .bc-insights__badge{font-size:8px;padding:2px 6px}
  .bc-verdict{flex-wrap:wrap;gap:6px;padding:8px 10px;justify-content:center}
  .bc-verdict__dots{gap:6px;justify-content:center}
  .bc-verdict__right{width:100%;justify-content:center;margin-left:0}
  .bc-verdict__dot{width:6px;height:6px}
  .bc-verdict__dot-label{font-size:7px}
  .bc-divider{margin:0 10px}
}