:root {
      --bg: #07131d;
      --bg-deep: #040b11;
      --panel: #0d1c28;
      --panel-2: #122532;
      --panel-3: #18303e;
      --line: rgba(255,255,255,.09);
      --line-strong: rgba(255,255,255,.15);
      --text: #edf7fa;
      --muted: #8fa7b4;
      --muted-2: #627d8c;
      --teal: #32d5c4;
      --teal-dark: #118f88;
      --gold: #f5c451;
      --silver: #b9c7d1;
      --bronze: #c58b5c;
      --green: #55d68b;
      --amber: #f2b84b;
      --red: #ff6b72;
      --blue: #60a5fa;
      --shadow: 0 20px 55px rgba(0,0,0,.28);
      --radius: 16px;
      --radius-sm: 10px;
      --sidebar: 254px;
    }

    * { box-sizing: border-box; }
    html, body { min-height: 100%; margin: 0; }
    body {
      background:
        radial-gradient(circle at 85% -10%, rgba(50,213,196,.12), transparent 36%),
        radial-gradient(circle at -10% 30%, rgba(96,165,250,.08), transparent 30%),
        var(--bg-deep);
      color: var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 14px;
      overflow-x: hidden;
    }

    button, input, select { font: inherit; }
    button { color: inherit; }
    a { color: inherit; text-decoration: none; }
    ::selection { background: rgba(50,213,196,.28); }
    ::-webkit-scrollbar { width: 10px; height: 10px; }
    ::-webkit-scrollbar-thumb { background: #254252; border-radius: 20px; border: 2px solid #07131d; }

    .app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) minmax(0, 1fr); }
    .sidebar {
      position: fixed;
      inset: 0 auto 0 0;
      width: var(--sidebar);
      display: flex;
      flex-direction: column;
      background: linear-gradient(180deg, rgba(13,28,40,.98), rgba(5,14,21,.98));
      border-right: 1px solid var(--line);
      z-index: 30;
    }
    .brand { padding: 24px 20px 18px; border-bottom: 1px solid var(--line); }
    .brand-mark { display: flex; align-items: center; gap: 12px; }
    .logo {
      width: 42px; height: 42px; display: grid; place-items: center;
      border: 1px solid rgba(50,213,196,.45); border-radius: 12px;
      background: linear-gradient(145deg, rgba(50,213,196,.22), rgba(50,213,196,.04));
      color: var(--teal); font-weight: 900; letter-spacing: -1px; box-shadow: inset 0 0 22px rgba(50,213,196,.08);
    }
    .brand-title { font-size: 14px; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
    .brand-sub { margin-top: 3px; color: var(--muted); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
    .nav { padding: 14px 10px; overflow-y: auto; flex: 1; }
    .nav-label { color: var(--muted-2); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; padding: 12px 12px 6px; }
    .nav-button {
      width: 100%; display: flex; align-items: center; gap: 12px; padding: 10px 12px;
      background: transparent; border: 1px solid transparent; border-radius: 10px; cursor: pointer;
      color: #aec0ca; text-align: left; transition: .18s ease; margin: 2px 0;
    }
    .nav-button:hover { color: var(--text); background: rgba(255,255,255,.045); }
    .nav-button.active { color: var(--text); background: rgba(50,213,196,.11); border-color: rgba(50,213,196,.18); }
    .nav-icon { width: 20px; text-align: center; font-size: 16px; }
    .sidebar-foot { padding: 14px 16px 18px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 11px; line-height: 1.55; }

    .workspace { grid-column: 2; min-width: 0; }
    .topbar {
      height: 72px; position: sticky; top: 0; z-index: 20; display: flex; align-items: center; gap: 14px;
      padding: 0 28px; border-bottom: 1px solid var(--line); backdrop-filter: blur(18px);
      background: rgba(7,19,29,.82);
    }
    .mobile-menu { display: none; }
    .page-title { min-width: 0; }
    .page-title h1 { font-size: 16px; margin: 0; font-weight: 850; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .page-title p { margin: 4px 0 0; color: var(--muted); font-size: 11px; }
    .top-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
    .search-trigger {
      width: min(340px, 30vw); display: flex; align-items: center; gap: 10px; height: 38px; padding: 0 12px;
      border: 1px solid var(--line); background: rgba(255,255,255,.035); border-radius: 10px; color: var(--muted); cursor: pointer;
    }
    .search-trigger:hover { border-color: rgba(50,213,196,.35); color: var(--text); }
    .shortcut { margin-left: auto; padding: 2px 6px; border: 1px solid var(--line-strong); border-radius: 5px; font-size: 10px; color: var(--muted-2); }
    .icon-button {
      width: 38px; height: 38px; border: 1px solid var(--line); background: rgba(255,255,255,.035);
      border-radius: 10px; cursor: pointer; display: grid; place-items: center; transition: .18s;
    }
    .icon-button:hover { border-color: rgba(50,213,196,.35); background: rgba(50,213,196,.08); }
    .icon-button.spinning { animation: spin 1s linear infinite; }
    @keyframes spin { to { transform: rotate(360deg); } }

    .content { width: min(1600px, 100%); margin: 0 auto; padding: 26px 28px 72px; }
    .page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
    .page-head h2 { margin: 0; font-size: clamp(23px, 2.4vw, 34px); letter-spacing: -.035em; }
    .page-head p { margin: 7px 0 0; color: var(--muted); max-width: 740px; line-height: 1.6; }
    .eyebrow { color: var(--teal); font-size: 10px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 7px; }

    .hero {
      position: relative; overflow: hidden; padding: 28px; border: 1px solid rgba(50,213,196,.18); border-radius: 20px;
      background: linear-gradient(125deg, rgba(50,213,196,.13), rgba(18,37,50,.75) 45%, rgba(5,14,21,.95)); box-shadow: var(--shadow);
    }
    .hero:after { content: ""; position: absolute; width: 300px; height: 300px; right: -100px; top: -150px; border-radius: 50%; border: 1px solid rgba(50,213,196,.17); box-shadow: 0 0 80px rgba(50,213,196,.09); }
    .hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, .7fr); gap: 28px; align-items: end; }
    .hero h2 { font-size: clamp(30px, 4vw, 54px); line-height: 1; margin: 0; letter-spacing: -.05em; max-width: 800px; }
    .hero p { color: #a8bdc8; font-size: 15px; line-height: 1.65; margin: 16px 0 0; max-width: 720px; }
    .hero-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
    .leader-panel { border: 1px solid var(--line); background: rgba(4,11,17,.45); border-radius: 15px; padding: 18px; }
    .leader-label { font-size: 10px; color: var(--muted); font-weight: 800; text-transform: uppercase; letter-spacing: .11em; }
    .leader-name { font-size: 25px; font-weight: 900; margin-top: 9px; letter-spacing: -.025em; }
    .leader-team { color: var(--muted); margin-top: 4px; }
    .leader-score { font-size: 34px; font-weight: 900; color: var(--gold); margin-top: 14px; }

.brand-logo-img { max-width: 154px; height: auto; display: block; filter: drop-shadow(0 10px 24px rgba(0,0,0,.18)); }
.brand-copy { display: grid; gap: 3px; }
.brand-copy .brand-title { margin-top: 2px; }
.landing-grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr); gap: 28px; align-items: stretch; }
.hero-logo-wrap { display: inline-flex; align-items: center; padding: 10px 14px; border: 1px solid rgba(255,255,255,.09); border-radius: 14px; background: rgba(6,15,23,.34); }
.hero-logo { max-width: 220px; width: 100%; height: auto; display: block; }
.cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.cta-button, .cta-link {
  min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 0 18px; border-radius: 12px; border: 1px solid rgba(255,255,255,.08); font-weight: 850;
  letter-spacing: .01em; transition: .18s ease; white-space: nowrap;
}
.cta-link.primary, .cta-button.primary {
  background: linear-gradient(135deg, #2f7dff, #5a6cff); color: white; box-shadow: 0 16px 34px rgba(47,125,255,.28);
  border-color: rgba(96,165,250,.28);
}
.cta-link.secondary, .cta-button.secondary { background: rgba(255,255,255,.04); color: var(--text); }
.cta-link.secondary:hover, .cta-button.secondary:hover { border-color: rgba(50,213,196,.32); background: rgba(50,213,196,.08); }
.cta-button.disabled { opacity: .72; cursor: not-allowed; }
.cta-inline-note { width: 100%; color: #a8bdc8; font-size: 12px; margin-top: 2px; }
.landing-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 18px 0 20px; }
.info-card { border: 1px solid var(--line); background: linear-gradient(155deg, rgba(18,37,50,.74), rgba(7,19,29,.94)); border-radius: 16px; overflow: hidden; box-shadow: 0 12px 32px rgba(0,0,0,.14); }
.info-card-head { padding: 16px 18px; border-bottom: 1px solid var(--line); }
.info-card-title { font-weight: 850; font-size: 15px; }
.info-card-sub { margin-top: 5px; color: var(--muted); font-size: 12px; line-height: 1.55; }
.info-card-body { padding: 16px 18px; }
.step-list { display: grid; gap: 12px; }
.step-item { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 12px; align-items: start; }
.step-number { width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; font-weight: 900; color: var(--bg-deep); background: var(--teal); }
.step-title { font-weight: 800; }
.step-copy { margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.bullet-list { display: grid; gap: 10px; }
.bullet-item { display: flex; gap: 10px; align-items: flex-start; color: #d4e4ea; }
.bullet-item i { width: 18px; color: var(--teal); font-style: normal; font-weight: 900; }
.prize-stack { display: grid; gap: 10px; }
.prize-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 12px; background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.05); }
.prize-row strong { font-weight: 850; }
.prize-row span { color: var(--muted); font-size: 12px; display: block; margin-top: 3px; }
.prize-value { font-weight: 900; white-space: nowrap; }
.announcement-banner { margin-top: 16px; border: 1px dashed rgba(96,165,250,.35); border-radius: 14px; padding: 12px 14px; background: rgba(96,165,250,.06); color: #cfe0ff; font-size: 13px; }

    .badge { display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--line); border-radius: 999px; padding: 5px 9px; color: var(--muted); font-size: 11px; font-weight: 720; background: rgba(255,255,255,.035); white-space: nowrap; }
    .badge.teal { color: var(--teal); border-color: rgba(50,213,196,.25); background: rgba(50,213,196,.08); }
    .badge.gold { color: var(--gold); border-color: rgba(245,196,81,.26); background: rgba(245,196,81,.08); }
    .badge.red { color: var(--red); border-color: rgba(255,107,114,.28); background: rgba(255,107,114,.08); }
    .badge.green { color: var(--green); border-color: rgba(85,214,139,.26); background: rgba(85,214,139,.08); }
    .badge.amber { color: var(--amber); border-color: rgba(242,184,75,.26); background: rgba(242,184,75,.08); }

    .kpi-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin: 18px 0; }
    .kpi { padding: 16px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(18,37,50,.85), rgba(8,19,28,.88)); border-radius: 14px; }
    .kpi-label { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .09em; }
    .kpi-value { margin-top: 8px; font-size: 25px; font-weight: 900; letter-spacing: -.025em; }
    .kpi-detail { margin-top: 5px; color: var(--muted-2); font-size: 11px; }

    .grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
    .grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
    .grid-4 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
    .span-2 { grid-column: span 2; }
    .stack { display: grid; gap: 16px; }
    .panel { border: 1px solid var(--line); background: linear-gradient(155deg, rgba(18,37,50,.76), rgba(7,19,29,.93)); border-radius: var(--radius); box-shadow: 0 12px 32px rgba(0,0,0,.16); min-width: 0; }
    .panel-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 17px 18px; border-bottom: 1px solid var(--line); }
    .panel-title { font-weight: 850; }
    .panel-sub { margin-top: 3px; color: var(--muted); font-size: 11px; }
    .panel-body { padding: 18px; }
    .panel.flush .panel-body { padding: 0; }

    .table-wrap { overflow-x: auto; }
    table { width: 100%; border-collapse: collapse; min-width: 680px; }
    th { text-align: left; padding: 11px 14px; color: var(--muted-2); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; border-bottom: 1px solid var(--line); background: rgba(4,11,17,.3); }
    td { padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.055); color: #cfdee5; vertical-align: middle; }
    tbody tr { transition: .15s; }
    tbody tr.clickable { cursor: pointer; }
    tbody tr.clickable:hover { background: rgba(50,213,196,.055); }
    tbody tr:last-child td { border-bottom: 0; }
    .rank { font-weight: 900; color: var(--muted); width: 42px; }
    .rank.p1 { color: var(--gold); }
    .rank.p2 { color: var(--silver); }
    .rank.p3 { color: var(--bronze); }
    .identity { display: flex; align-items: center; gap: 10px; min-width: 0; }
    .avatar { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; background: linear-gradient(145deg, rgba(50,213,196,.18), rgba(96,165,250,.08)); border: 1px solid rgba(50,213,196,.15); font-weight: 900; color: var(--teal); }
    .identity-main { font-weight: 800; color: var(--text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .identity-sub { color: var(--muted); font-size: 11px; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .number { font-variant-numeric: tabular-nums; font-weight: 760; }
    .positive { color: var(--green); }
    .negative { color: var(--red); }
    .muted { color: var(--muted); }
    .small { font-size: 11px; }

    .form { display: flex; gap: 4px; }
    .form-dot { width: 22px; height: 22px; display: inline-grid; place-items: center; align-items: center; justify-items: center; padding: 0; border-radius: 6px; font-size: 10px; font-weight: 900; line-height: 1; text-align: center; vertical-align: middle; border: 1px solid var(--line); color: var(--muted); font-variant-numeric: tabular-nums; }
    .form-dot.W { color: #052114; background: var(--green); border-color: var(--green); }
    .form-dot.D { color: #271b03; background: var(--amber); border-color: var(--amber); }
    .form-dot.L { color: var(--red); background: transparent; border-color: var(--red); }

    .podium { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 10px; }
    .podium-card { position: relative; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); overflow: hidden; }
    .podium-card:before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--bronze); }
    .podium-card:nth-child(1):before { background: var(--gold); }
    .podium-card:nth-child(2):before { background: var(--silver); }
    .podium-pos { color: var(--muted); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .09em; }
    .podium-name { font-weight: 850; font-size: 16px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .podium-team { color: var(--muted); font-size: 11px; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .podium-value { color: var(--teal); font-size: 20px; font-weight: 900; margin-top: 12px; }

    .fixture-list { display: grid; gap: 9px; }
    .fixture-card { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 13px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.022); }
    .fixture-side { min-width: 0; }
    .fixture-side.away { text-align: right; }
    .fixture-name { font-weight: 820; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .fixture-team { color: var(--muted); font-size: 10px; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .fixture-score { min-width: 74px; text-align: center; font-size: 19px; font-weight: 900; font-variant-numeric: tabular-nums; }
    .fixture-score.pending { color: var(--muted-2); font-size: 11px; }
    .fixture-meta { grid-column: 1 / -1; display: flex; justify-content: center; gap: 8px; margin-top: -2px; color: var(--muted-2); font-size: 10px; }

    .record-groups { display: grid; gap: 18px; }
    .record-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
    .record-card { border: 1px solid var(--line); background: rgba(255,255,255,.02); border-radius: 13px; overflow: hidden; }
    .record-card-head { padding: 13px 14px; border-bottom: 1px solid var(--line); font-weight: 820; }
    .record-row { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 11px 13px; border-bottom: 1px solid rgba(255,255,255,.05); cursor: pointer; }
    .record-row:last-child { border-bottom: 0; }
    .record-row:hover { background: rgba(50,213,196,.05); }
    .record-position { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; background: rgba(255,255,255,.05); font-size: 11px; font-weight: 900; color: var(--muted); }
    .record-row:nth-child(2) .record-position { color: var(--gold); }
    .record-main { min-width: 0; }
    .record-name { font-weight: 800; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .record-detail { color: var(--muted); font-size: 10px; margin-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .record-value { color: var(--teal); font-weight: 850; text-align: right; white-space: nowrap; }

    .filter-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
    .select, .text-input { height: 38px; border: 1px solid var(--line); border-radius: 9px; color: var(--text); background: #0b1923; padding: 0 11px; outline: none; }
    .select:focus, .text-input:focus { border-color: rgba(50,213,196,.45); }
    .select option { background: #0b1923; }
    .pill-button { border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 999px; padding: 7px 11px; cursor: pointer; color: var(--muted); font-size: 11px; font-weight: 760; }
    .pill-button:hover, .pill-button.active { color: var(--teal); border-color: rgba(50,213,196,.3); background: rgba(50,213,196,.075); }
    .action-button { display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(50,213,196,.32); background: rgba(50,213,196,.10); color: var(--teal); border-radius: 10px; padding: 9px 13px; cursor: pointer; font-weight: 800; }
    .action-button:hover { background: rgba(50,213,196,.16); }


    .identity-sub{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}
    .identity-sub span+span:before{content:"·";margin-right:8px;color:var(--muted-2)}
    .manager-card-manager{color:#b9cad5;font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .manager-card-team{margin-top:2px}
    .profile-secondary-line{display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:5px;color:var(--muted);font-size:12px}
    .profile-secondary-line span+span:before{content:"·";margin-right:10px;color:var(--muted-2)}
    .identity-context{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

    .manager-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
    .manager-card { padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: linear-gradient(145deg, rgba(18,37,50,.7), rgba(7,19,29,.9)); cursor: pointer; transition: .18s; min-width: 0; }
    .manager-card:hover { transform: translateY(-2px); border-color: rgba(50,213,196,.3); }
    .manager-card .avatar { width: 42px; height: 42px; }
    .manager-card-name { font-size: 16px; font-weight: 870; margin-top: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .manager-card-team { color: var(--muted); font-size: 11px; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .manager-card-stats { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 15px; padding-top: 13px; border-top: 1px solid var(--line); gap: 8px; }
    .mini-label { color: var(--muted-2); font-size: 9px; text-transform: uppercase; font-weight: 800; }
    .mini-value { margin-top: 4px; font-weight: 850; }

    .profile-hero { padding: 24px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(135deg, rgba(50,213,196,.13), rgba(18,37,50,.8), rgba(7,19,29,.96)); }
    .profile-main { display: flex; align-items: center; gap: 18px; }
    .profile-avatar { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 18px; border: 1px solid rgba(50,213,196,.25); background: rgba(50,213,196,.1); font-size: 23px; font-weight: 950; color: var(--teal); }
    .profile-name { font-size: clamp(27px, 3vw, 42px); font-weight: 950; letter-spacing: -.045em; }
    .profile-team { color: var(--muted); margin-top: 5px; font-size: 14px; }
    .profile-rank { margin-left: auto; text-align: right; }
    .profile-rank strong { display: block; font-size: 38px; color: var(--gold); }
    .profile-rank span { color: var(--muted); font-size: 10px; text-transform: uppercase; font-weight: 850; letter-spacing: .1em; }

    .chart-box { position: relative; min-height: 260px; }
    canvas { width: 100%; height: 250px; display: block; }
    .chart-empty { height: 240px; display: grid; place-items: center; color: var(--muted); }

    .award-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
    .award-card { position: relative; overflow: hidden; min-height: 170px; padding: 18px; border: 1px solid rgba(245,196,81,.18); border-radius: 15px; background: linear-gradient(145deg, rgba(245,196,81,.08), rgba(18,37,50,.72)); }
    .award-card:after { content: "★"; position: absolute; right: 12px; bottom: -18px; font-size: 92px; color: rgba(245,196,81,.055); }
    .award-title { color: var(--gold); font-size: 10px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
    .award-winner { font-size: 21px; font-weight: 900; margin-top: 18px; position: relative; z-index: 1; }
    .award-value { color: var(--teal); font-weight: 820; margin-top: 8px; position: relative; z-index: 1; }
    .award-detail { color: var(--muted); font-size: 11px; margin-top: 7px; position: relative; z-index: 1; }

    .empty { padding: 38px 20px; text-align: center; color: var(--muted); }
    .empty-icon { font-size: 28px; margin-bottom: 10px; opacity: .65; }
    .loading-screen, .error-screen { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
    .loading-card, .error-card { width: min(520px, 100%); padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); text-align: center; box-shadow: var(--shadow); }
    .loader { width: 42px; height: 42px; margin: 0 auto 18px; border: 3px solid rgba(255,255,255,.08); border-top-color: var(--teal); border-radius: 50%; animation: spin .9s linear infinite; }
    .loading-card h2, .error-card h2 { margin: 0; }
    .loading-card p, .error-card p { color: var(--muted); line-height: 1.6; }

    .toast { position: fixed; right: 22px; bottom: 22px; z-index: 100; min-width: 240px; max-width: 420px; padding: 12px 14px; border: 1px solid rgba(50,213,196,.25); border-radius: 11px; background: #10232e; box-shadow: var(--shadow); transform: translateY(18px); opacity: 0; pointer-events: none; transition: .22s; }
    .toast.show { transform: translateY(0); opacity: 1; }

    .modal-backdrop { position: fixed; inset: 0; z-index: 90; display: grid; place-items: start center; padding: 10vh 18px 18px; background: rgba(1,5,8,.72); backdrop-filter: blur(10px); }
    .search-modal { width: min(720px, 100%); border: 1px solid var(--line-strong); border-radius: 16px; background: #0b1923; box-shadow: 0 35px 90px rgba(0,0,0,.5); overflow: hidden; }
    .search-input-wrap { display: flex; align-items: center; gap: 12px; padding: 16px; border-bottom: 1px solid var(--line); }
    .search-input-wrap input { flex: 1; border: 0; background: transparent; color: var(--text); outline: 0; font-size: 17px; }
    .search-results { max-height: 55vh; overflow-y: auto; padding: 8px; }
    .search-result { width: 100%; display: flex; gap: 12px; align-items: center; padding: 11px 12px; border: 1px solid transparent; border-radius: 10px; background: transparent; cursor: pointer; text-align: left; }
    .search-result:hover { background: rgba(50,213,196,.07); border-color: rgba(50,213,196,.12); }
    .search-result-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: rgba(255,255,255,.05); }
    .search-result-main { font-weight: 780; }
    .search-result-sub { color: var(--muted); font-size: 11px; margin-top: 2px; }
    .search-foot { display: flex; justify-content: space-between; padding: 10px 14px; border-top: 1px solid var(--line); color: var(--muted-2); font-size: 10px; }
    .clickable { cursor: pointer; }
    .hidden { display: none !important; }

    .mobile-bottom { display: none; }
    .mobile-drawer { display: none; }


    .share-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
    .status-banner { display:flex; justify-content:space-between; gap:18px; align-items:center; padding:18px 20px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(135deg,rgba(50,213,196,.11),rgba(7,19,29,.92)); margin-bottom:16px; }
    .status-banner.final { border-color:rgba(85,214,139,.28); }
    .status-banner.provisional { border-color:rgba(242,184,75,.32); }
    .status-main { font-size:20px; font-weight:900; }
    .status-copy { color:var(--muted); margin-top:4px; line-height:1.5; }
    .live-dot { width:10px; height:10px; display:inline-block; border-radius:50%; background:var(--amber); box-shadow:0 0 0 6px rgba(242,184,75,.10); margin-right:9px; }
    .status-banner.final .live-dot { background:var(--green); box-shadow:0 0 0 6px rgba(85,214,139,.10); }
    .scoreboard-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .scoreboard-card { border:1px solid var(--line); border-radius:14px; padding:16px; background:rgba(255,255,255,.025); }
    .scoreboard-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; color:var(--muted); font-size:11px; }
    .scoreboard-main { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:12px; align-items:center; }
    .scoreboard-team { min-width:0; }
    .scoreboard-team.away { text-align:right; }
    .scoreboard-name { font-weight:850; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .scoreboard-sub { color:var(--muted); font-size:10px; margin-top:4px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .scoreboard-score { font-size:24px; font-weight:950; min-width:84px; text-align:center; }
    .scoreboard-foot { display:flex; justify-content:center; gap:8px; margin-top:12px; }
    .highlight-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
    .highlight-card { padding:15px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); }
    .highlight-label { color:var(--muted); font-size:10px; text-transform:uppercase; letter-spacing:.09em; font-weight:850; }
    .highlight-title { font-weight:850; margin-top:8px; }
    .highlight-value { color:var(--teal); font-size:20px; font-weight:900; margin-top:8px; }
    .movement { display:inline-flex; align-items:center; justify-content:center; min-width:30px; padding:3px 7px; border-radius:999px; font-size:10px; font-weight:900; border:1px solid var(--line); color:var(--muted); }
    .movement.up { color:var(--green); border-color:rgba(85,214,139,.25); }
    .movement.down { color:var(--red); border-color:rgba(255,107,114,.25); }
    .rivalry-selects { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:14px; align-items:end; }
    .select-label { display:grid; gap:7px; color:var(--muted); font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
    .versus-mark { font-size:18px; font-weight:950; color:var(--teal); padding-bottom:9px; }
    .comparison-table { display:grid; gap:1px; background:var(--line); border:1px solid var(--line); border-radius:13px; overflow:hidden; }
    .comparison-row { display:grid; grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr); align-items:center; gap:10px; background:var(--panel); padding:12px 14px; }
    .comparison-value { font-weight:900; font-size:16px; }
    .comparison-value.right { text-align:right; }
    .comparison-label { text-align:center; color:var(--muted); font-size:10px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }
    .winner-value { color:var(--green); }
    .profile-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
    .profile-rank-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .record-rank-list { display:grid; gap:8px; }
    .record-rank-row { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 11px; border:1px solid var(--line); border-radius:11px; background:rgba(255,255,255,.02); }
    .record-rank-pos { font-size:18px; font-weight:950; color:var(--gold); }
    .record-rank-name { font-weight:800; }
    .record-rank-sub { color:var(--muted); font-size:10px; margin-top:3px; }
    .news-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
    .announcement-card { border:1px solid var(--line); border-radius:15px; background:linear-gradient(155deg,rgba(18,37,50,.75),rgba(7,19,29,.94)); padding:18px; }
    .announcement-card.pinned { border-color:rgba(245,196,81,.30); box-shadow:inset 0 0 0 1px rgba(245,196,81,.05); }
    .announcement-meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:var(--muted); font-size:10px; }
    .announcement-title { font-size:18px; font-weight:900; margin-top:12px; }
    .announcement-body { color:#c4d5dc; line-height:1.65; margin-top:9px; white-space:pre-line; }
    .rules-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
    .rule-section { border:1px solid var(--line); border-radius:15px; padding:18px; background:rgba(255,255,255,.025); }
    .rule-section h3 { margin:0; font-size:16px; }
    .rule-section p { color:var(--muted); line-height:1.65; margin:9px 0 0; }
    .rule-list { margin:12px 0 0; padding-left:19px; color:#cfdee5; line-height:1.75; }
    .faq-list { display:grid; gap:10px; }
    .faq-item { border:1px solid var(--line); border-radius:12px; padding:14px; background:rgba(255,255,255,.02); }
    .faq-q { font-weight:850; }
    .faq-a { color:var(--muted); line-height:1.6; margin-top:7px; }
    .timeline-list { position:relative; display:grid; gap:12px; }
    .timeline-list:before { content:""; position:absolute; left:18px; top:10px; bottom:10px; width:1px; background:var(--line-strong); }
    .timeline-item { position:relative; display:grid; grid-template-columns:38px minmax(0,1fr); gap:13px; }
    .timeline-dot { position:relative; z-index:2; width:36px; height:36px; border-radius:12px; display:grid; place-items:center; background:var(--panel-2); border:1px solid var(--line-strong); color:var(--teal); font-weight:900; }
    .timeline-card { border:1px solid var(--line); border-radius:13px; padding:14px 15px; background:rgba(255,255,255,.022); }
    .timeline-title { font-weight:850; }
    .timeline-detail { color:var(--muted); line-height:1.55; margin-top:5px; }
    .timeline-label { color:var(--muted-2); font-size:10px; margin-top:8px; text-transform:uppercase; letter-spacing:.08em; }
    .copy-success { color:var(--green); }

    @media (max-width: 1180px) {
      .kpi-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
      .manager-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
      .award-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    }
    @media (max-width: 900px) {
      :root { --sidebar: 0px; }
      .app-shell { display: block; }
      .sidebar { display: none; }
      .workspace { grid-column: auto; }
      .topbar { height: 64px; padding: 0 16px; }
      .mobile-menu { display: grid; }
      .search-trigger { width: 42px; justify-content: center; padding: 0; }
      .search-trigger span, .shortcut { display: none; }
      .content { padding: 18px 16px 88px; }
      .hero-grid { grid-template-columns: 1fr; }
      .grid-2, .grid-3 { grid-template-columns: 1fr; }
      .span-2 { grid-column: auto; }
      .record-grid { grid-template-columns: 1fr; }
      .manager-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .mobile-bottom { position: fixed; inset: auto 0 0; z-index: 40; display: grid; grid-template-columns: repeat(5,1fr); padding: 6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)); background: rgba(7,19,29,.96); border-top: 1px solid var(--line); backdrop-filter: blur(18px); }
      .mobile-nav-button { display: grid; place-items: center; gap: 2px; padding: 6px 2px; background: transparent; border: 0; color: var(--muted); font-size: 9px; cursor: pointer; }
      .mobile-nav-button .nav-icon { font-size: 16px; }
      .mobile-nav-button.active { color: var(--teal); }
      .mobile-drawer { position: fixed; inset: 64px 0 0; z-index: 35; background: rgba(4,11,17,.98); padding: 18px; overflow-y: auto; }
      .mobile-drawer.open { display: block; }
      .mobile-drawer-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
      .mobile-drawer .nav-button { padding: 14px; background: var(--panel); border-color: var(--line); }
    }
    @media (max-width: 620px) {
      .page-title p { display: none; }
      .kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .kpi:last-child { grid-column: span 2; }
      .podium { grid-template-columns: 1fr; }
      .manager-grid { grid-template-columns: 1fr; }
      .award-grid { grid-template-columns: 1fr; }
      .fixture-card { gap: 7px; padding: 12px 9px; }
      .fixture-score { min-width: 58px; font-size: 17px; }
      .profile-main { align-items: flex-start; flex-wrap: wrap; }
      .profile-rank { margin-left: 0; width: 100%; text-align: left; display: flex; align-items: baseline; gap: 8px; }
      .profile-rank strong { font-size: 28px; }
      .hero { padding: 22px 18px; }
      .panel-head { padding: 15px; }
      .panel-body { padding: 15px; }
    }
    @media print {
      .sidebar, .topbar, .mobile-bottom, .mobile-drawer, .toast { display: none !important; }
      .workspace { grid-column: auto; }
      body { background: #fff; color: #111; }
      .content { max-width: none; padding: 0; }
      .panel, .hero, .profile-hero, .award-card, .kpi { box-shadow: none; background: #fff; color: #111; border-color: #ccc; break-inside: avoid; }
      .muted, .panel-sub, .identity-sub, .fixture-team, .record-detail { color: #555 !important; }
    }


    /* ===== Phase 1: public-site design system ===== */
    :root {
      --bg: #09111f;
      --bg-deep: #060c16;
      --panel: #101b2d;
      --panel-2: #152238;
      --panel-3: #1b2b44;
      --line: rgba(255,255,255,.085);
      --line-strong: rgba(255,255,255,.15);
      --text: #f5f8fc;
      --muted: #9aa8bc;
      --muted-2: #6f7f95;
      --teal: #42ddc5;
      --teal-dark: #148f84;
      --gold: #f4c95d;
      --shadow: 0 20px 55px rgba(0,0,0,.24);
      --radius: 18px;
      --radius-sm: 11px;
      --content-width: 1240px;
    }

    body {
      background:
        radial-gradient(circle at 82% -12%, rgba(66,221,197,.09), transparent 31%),
        radial-gradient(circle at -8% 24%, rgba(96,165,250,.065), transparent 25%),
        var(--bg-deep);
      font-size: 14px;
      line-height: 1.45;
    }

    button, a, input, select { -webkit-tap-highlight-color: transparent; }
    button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible {
      outline: 3px solid rgba(66,221,197,.24);
      outline-offset: 2px;
    }

    .app-shell { min-height: 100vh; display: block; }
    .sidebar { display: none !important; }
    .workspace { min-width: 0; }

    .topbar {
      height: 76px;
      padding: 0;
      background: rgba(7,13,24,.88);
      border-bottom: 1px solid var(--line);
      backdrop-filter: blur(22px);
    }
    .topbar-inner {
      /* The header needs more horizontal room than the 1240px page content.
         Keeping it on the content-width cap caused Search to collide with Prizes on wide monitors. */
      width: min(1600px, calc(100% - 40px));
      height: 100%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      gap: 24px;
    }
    .topbar-brand {
      flex: 0 0 auto;
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--text);
      cursor: pointer;
      text-align: left;
    }
    .topbar-brand img { width: 126px; height: auto; display: block; }
    .topbar-brand span {
      padding-left: 12px;
      border-left: 1px solid var(--line-strong);
      color: var(--muted);
      font-size: 10px;
      line-height: 1.25;
      font-weight: 800;
      letter-spacing: .08em;
      text-transform: uppercase;
      max-width: 86px;
    }
    .desktop-nav { display: flex; align-items: center; gap: 3px; min-width: 0; }
    .desktop-nav-link {
      position: relative;
      height: 42px;
      padding: 0 12px;
      border: 0;
      border-radius: 10px;
      background: transparent;
      color: #aeb9ca;
      cursor: pointer;
      font-weight: 730;
      font-size: 13px;
      white-space: nowrap;
      transition: background .16s ease, color .16s ease;
    }
    .desktop-nav-link:hover { color: var(--text); background: rgba(255,255,255,.045); }
    .desktop-nav-link.active { color: var(--text); background: rgba(66,221,197,.09); }
    .desktop-nav-link.active:after {
      content: "";
      position: absolute;
      left: 12px;
      right: 12px;
      bottom: -17px;
      height: 2px;
      border-radius: 2px;
      background: var(--teal);
    }
    .top-actions { gap: 8px; }
    .topbar .search-trigger {
      width: auto;
      min-width: 108px;
      height: 40px;
      padding: 0 11px;
      border-radius: 11px;
      background: rgba(255,255,255,.035);
    }
    .topbar .shortcut { margin-left: 4px; }
    .topbar .icon-button { width: 40px; height: 40px; border-radius: 11px; }
    .more-button {
      height: 40px;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      padding: 0 13px;
      border: 1px solid var(--line);
      border-radius: 11px;
      color: #dfe7f2;
      background: rgba(255,255,255,.035);
      cursor: pointer;
      font-weight: 750;
    }
    .more-button:hover { border-color: rgba(66,221,197,.3); background: rgba(66,221,197,.07); }
    .mobile-menu { display: none; }

    .content {
      width: min(var(--content-width), 100%);
      margin: 0 auto;
      padding: 38px 20px 76px;
    }
    .page-head { align-items: flex-start; margin-bottom: 26px; }
    .page-head h2 { font-size: clamp(29px, 3vw, 42px); line-height: 1.08; letter-spacing: -.045em; }
    .page-head p { margin-top: 9px; max-width: 700px; color: var(--muted); font-size: 14px; line-height: 1.65; }
    .eyebrow { margin-bottom: 8px; color: var(--teal); font-size: 10px; letter-spacing: .13em; }

    .panel, .info-card, .manager-card, .record-card, .scoreboard-card, .highlight-card, .timeline-card {
      border-color: var(--line);
      background: linear-gradient(155deg, rgba(19,32,52,.9), rgba(11,20,35,.95));
      box-shadow: 0 12px 30px rgba(0,0,0,.12);
    }
    .panel { border-radius: var(--radius); }
    .panel-head { min-height: 70px; padding: 18px 20px; }
    .panel-title { color: var(--text); font-size: 15px; font-weight: 830; }
    .panel-sub { margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.5; }
    .panel-body { padding: 20px; }

    .kpi-grid { gap: 14px; margin: 20px 0; }
    .kpi {
      min-height: 112px;
      padding: 18px;
      border-radius: 15px;
      background: linear-gradient(150deg, rgba(20,35,57,.95), rgba(11,20,34,.96));
      box-shadow: none;
    }
    .kpi-label { color: var(--muted); letter-spacing: .075em; }
    .kpi-value { margin-top: 10px; font-size: 27px; }
    .kpi-detail { margin-top: 7px; color: var(--muted-2); }

    .action-button, .cta-button, .cta-link, .pill-button, .icon-button, .select, .text-input {
      transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease;
    }
    .action-button {
      min-height: 42px;
      padding: 0 15px;
      border-radius: 11px;
      background: var(--teal);
      color: #05221d;
      border-color: var(--teal);
    }
    .action-button:hover { background: #58ead4; transform: translateY(-1px); }
    .pill-button { min-height: 34px; padding: 0 12px; }

    .table-wrap { border-radius: 0 0 var(--radius) var(--radius); }
    table { font-size: 13px; }
    th {
      height: 46px;
      padding: 0 16px;
      background: rgba(3,9,17,.28);
      color: #78889e;
      letter-spacing: .07em;
    }
    td { height: 58px; padding: 10px 16px; color: #d7e0eb; }
    tbody tr.clickable:hover { background: rgba(66,221,197,.045); }
    .identity-main { color: #f2f6fb; }
    .avatar { border-radius: 10px; }

    .loading-screen, .error-screen { background: var(--bg-deep); }
    .loading-card, .error-card {
      padding: 38px;
      border-radius: 20px;
      background: linear-gradient(155deg, rgba(19,32,52,.96), rgba(9,17,29,.98));
    }
    .loading-card h2, .error-card h2 { font-size: 22px; }
    .loading-card p, .error-card p { margin-bottom: 0; }
    .empty { padding: 44px 20px; }
    .empty-icon { color: var(--teal); }

    .mobile-drawer {
      display: none;
      position: fixed;
      inset: 0;
      z-index: 80;
      background: transparent;
      padding: 0;
      overflow: hidden;
    }
    .mobile-drawer.open { display: block; }
    .drawer-backdrop {
      position: absolute;
      inset: 0;
      width: 100%;
      border: 0;
      background: rgba(1,5,10,.72);
      backdrop-filter: blur(8px);
      cursor: default;
    }
    .drawer-panel {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: min(430px, 100%);
      padding: 0 18px 28px;
      overflow-y: auto;
      background: #0b1423;
      border-left: 1px solid var(--line-strong);
      box-shadow: -25px 0 70px rgba(0,0,0,.4);
    }
    .drawer-head {
      position: sticky;
      top: 0;
      z-index: 2;
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: #0b1423;
      border-bottom: 1px solid var(--line);
    }
    .drawer-head strong, .drawer-head span { display: block; }
    .drawer-head strong { font-size: 16px; }
    .drawer-head span { margin-top: 3px; color: var(--muted); font-size: 11px; }
    .drawer-nav { padding-top: 10px; }
    .drawer-nav section + section { margin-top: 10px; }
    .drawer-link-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
    .drawer-panel .nav-label { padding: 12px 2px 7px; }
    .drawer-panel .nav-button {
      min-height: 54px;
      margin: 0;
      padding: 10px 12px;
      background: rgba(255,255,255,.025);
      border-color: var(--line);
    }
    .drawer-panel .nav-button.active { background: rgba(66,221,197,.09); border-color: rgba(66,221,197,.2); }

    .mobile-bottom { display: none; }

    /* Mobile app preferences must never leak into the desktop More drawer. */
    .mobile-preferences, .mobile-preference-row { display:none; }

    /* Phase 8.1 — keep the full desktop navigation clear on narrower desktop screens. */
    @media (min-width: 1081px) and (max-width: 1700px) {
      .topbar-inner { width: calc(100% - 28px); gap: 14px; }
      .topbar-brand { gap: 10px; }
      .topbar-brand img { width: 116px; }
      .topbar-brand span { max-width: 72px; padding-left: 10px; font-size: 9px; }
      .desktop-nav { flex: 1 1 auto; justify-content: center; gap: 1px; }
      .desktop-nav-link { padding: 0 9px; font-size: 12px; }
      .top-actions { flex: 0 0 auto; gap: 6px; }
      .topbar .search-trigger { min-width: 40px; width: 40px; padding: 0; justify-content: center; }
      .topbar .search-trigger span, .topbar .shortcut { display: none; }
      .connection-pill { min-width: 34px; width: 34px; padding: 0; justify-content: center; }
      .connection-pill span { display: none; }
      .more-button { padding: 0 11px; }
    }

    /* Additional protection for compact desktop and laptop widths. */
    @media (min-width: 1081px) and (max-width: 1320px) {
      .topbar-brand span { display: none; }
      .topbar-brand img { width: 108px; }
      .more-button { width: 40px; padding: 0; justify-content: center; }
      .more-button span { display: none; }
      .topbar #refresh-button { display: none; }
      .desktop-nav-link { padding-left: 7px; padding-right: 7px; }
    }

    @media (max-width: 1080px) {
      .desktop-nav { display: none; }
      .mobile-menu { display: grid; flex: 0 0 auto; }
      .topbar-brand { margin-right: auto; }
    }

    @media (max-width: 760px) {
      .topbar { height: 66px; }
      .topbar-inner { width: calc(100% - 24px); gap: 10px; }
      .topbar-brand img { width: 112px; }
      .topbar-brand span { display: none; }
      .topbar .search-trigger { min-width: 40px; width: 40px; padding: 0; justify-content: center; }
      .topbar .search-trigger span, .topbar .shortcut { display: none; }
      .topbar #refresh-button { display: none; }
      .more-button { display: none; }
      .content { padding: 26px 12px 92px; }
      .page-head { margin-bottom: 20px; padding: 0 4px; }
      .page-head h2 { font-size: 31px; }
      .page-head p { font-size: 13px; }
      .panel-head { min-height: 64px; padding: 16px; }
      .panel-body { padding: 16px; }
      .kpi { min-height: 102px; padding: 15px; }
      th { padding: 0 13px; }
      td { padding: 9px 13px; }
      .drawer-panel { width: 100%; border-left: 0; }
      .drawer-head { min-height: 66px; }
      .mobile-bottom {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        padding: 6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
        background: rgba(7,13,24,.97);
      }
    }

    @media (max-width: 430px) {
      .drawer-link-grid { grid-template-columns: 1fr; }
      .topbar-inner { width: calc(100% - 20px); }
      .topbar-brand img { width: 105px; }
    }

  

    /* =========================================================
       PHASE 2 — CLEAN PUBLIC HOMEPAGE
       ========================================================= */
    .home-hero {
      position: relative;
      overflow: hidden;
      padding: 44px;
      border: 1px solid rgba(66,221,197,.18);
      border-radius: 24px;
      background:
        radial-gradient(circle at 88% 12%, rgba(66,221,197,.13), transparent 28%),
        linear-gradient(135deg, rgba(22,39,64,.98), rgba(11,21,37,.98));
      box-shadow: 0 26px 70px rgba(0,0,0,.24);
    }
    .home-hero:after {
      content: "";
      position: absolute;
      width: 360px;
      height: 360px;
      right: -160px;
      bottom: -220px;
      border: 54px solid rgba(255,255,255,.025);
      border-radius: 50%;
      pointer-events: none;
    }
    .home-hero-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
      gap: 42px;
      align-items: center;
    }
    .home-title {
      max-width: 760px;
      margin: 0;
      font-size: clamp(38px, 5vw, 64px);
      line-height: .98;
      letter-spacing: -.055em;
    }
    .home-intro {
      max-width: 660px;
      margin: 18px 0 0;
      color: #adbacb;
      font-size: 16px;
      line-height: 1.7;
    }
    .home-hero .cta-row { margin-top: 27px; }
    .home-hero .cta-link,
    .home-hero .cta-button { min-height: 46px; }
    .home-status-row {
      display: grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 1px;
      margin-top: 32px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: var(--line);
    }
    .home-status-item {
      min-width: 0;
      padding: 15px 17px;
      background: rgba(6,13,24,.58);
    }
    .home-status-item span,
    .home-status-item strong { display: block; }
    .home-status-item span {
      color: var(--muted-2);
      font-size: 9px;
      font-weight: 850;
      letter-spacing: .1em;
      text-transform: uppercase;
    }
    .home-status-item strong {
      margin-top: 5px;
      overflow: hidden;
      color: #edf5fa;
      font-size: 13px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .home-leader-card {
      position: relative;
      min-width: 0;
      padding: 24px;
      border: 1px solid rgba(255,255,255,.11);
      border-radius: 20px;
      background: rgba(5,13,24,.67);
      box-shadow: 0 20px 44px rgba(0,0,0,.2);
      cursor: pointer;
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .home-leader-card.clickable:hover {
      transform: translateY(-2px);
      border-color: rgba(66,221,197,.32);
      background: rgba(7,17,30,.78);
    }
    .home-leader-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 14px;
    }
    .home-leader-label {
      color: var(--teal);
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }
    .home-leader-position {
      width: 38px;
      height: 38px;
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      border-radius: 11px;
      background: rgba(245,196,81,.13);
      color: var(--gold);
      font-size: 14px;
      font-weight: 900;
    }
    .home-leader-name {
      margin-top: 27px;
      overflow: hidden;
      color: #fff;
      font-size: clamp(29px, 3vw, 40px);
      font-weight: 920;
      letter-spacing: -.045em;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .home-leader-team {
      margin-top: 5px;
      overflow: hidden;
      color: var(--muted);
      font-size: 13px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .home-leader-stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 9px;
      margin-top: 25px;
    }
    .home-leader-stat {
      min-width: 0;
      padding: 13px 11px;
      border: 1px solid var(--line);
      border-radius: 12px;
      background: rgba(255,255,255,.035);
    }
    .home-leader-stat span,
    .home-leader-stat strong { display: block; }
    .home-leader-stat span {
      color: var(--muted-2);
      font-size: 8px;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .home-leader-stat strong {
      margin-top: 5px;
      overflow: hidden;
      color: #f4f7fb;
      font-size: 17px;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .home-leader-stat:first-child strong { color: var(--gold); }
    .home-content-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
      gap: 18px;
      margin-top: 20px;
    }
    .home-content-grid > * { min-width: 0; }
    .home-content-grid .panel { overflow: hidden; }
    .home-section-action { white-space: nowrap; }
    .home-stat-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0,1fr));
      gap: 10px;
    }
    .home-stat-card {
      min-width: 0;
      padding: 17px;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: rgba(255,255,255,.027);
      cursor: default;
    }
    .home-stat-card.clickable { cursor: pointer; transition: border-color .16s ease, background .16s ease; }
    .home-stat-card.clickable:hover { border-color: rgba(66,221,197,.28); background: rgba(66,221,197,.05); }
    .home-stat-label {
      color: var(--muted);
      font-size: 9px;
      font-weight: 850;
      letter-spacing: .08em;
      text-transform: uppercase;
    }
    .home-stat-name {
      margin-top: 11px;
      overflow: hidden;
      color: #f2f6fb;
      font-size: 15px;
      font-weight: 850;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .home-stat-value { margin-top: 6px; color: var(--teal); font-size: 18px; font-weight: 900; }
    .home-stat-detail { margin-top: 4px; color: var(--muted-2); font-size: 10px; }
    .home-stats-footer {
      display: flex;
      justify-content: flex-end;
      margin-top: 14px;
    }

    @media (max-width: 920px) {
      .home-hero { padding: 34px; }
      .home-hero-grid,
      .home-content-grid { grid-template-columns: 1fr; }
      .home-leader-card { max-width: none; }
    }
    @media (max-width: 640px) {
      .home-hero { padding: 27px 19px; border-radius: 20px; }
      .home-title { font-size: 43px; }
      .home-intro { font-size: 14px; }
      .home-hero .cta-row { display: grid; grid-template-columns: 1fr; }
      .home-hero .cta-link,
      .home-hero .cta-button { width: 100%; }
      .home-status-row { grid-template-columns: repeat(2, minmax(0,1fr)); }
      .home-status-item:last-child { grid-column: 1 / -1; }
      .home-leader-card { padding: 20px; }
      .home-leader-stats { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; }
      .home-leader-stat { padding: 11px 7px; }
      .home-leader-stat strong { font-size: 14px; }
      .home-stat-grid { grid-template-columns: 1fr; }
      .home-section-action { font-size: 10px; }
    }


    /* ===== Phase 3: competition pages ===== */
    .phase3-section-space { height: 18px; }
    .phase3-control-panel { box-shadow: none; background: rgba(16,27,45,.72); }
    .phase3-control-panel .panel-body { padding: 0; }
    .phase3-toolbar {
      min-height: 72px; display: flex; align-items: center; gap: 12px; padding: 14px 16px;
    }
    .phase3-toolbar > * { min-width: 0; }
    .control-label { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 11px; font-weight: 800; white-space: nowrap; }
    .control-label > span { text-transform: uppercase; letter-spacing: .07em; }
    .control-label .select { min-width: 160px; }
    .segmented-control { display: inline-flex; align-items: center; gap: 4px; padding: 4px; border: 1px solid var(--line); border-radius: 12px; background: rgba(3,9,17,.34); }
    .segment-button {
      min-height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 14px;
      border: 0; border-radius: 9px; background: transparent; color: var(--muted); cursor: pointer; font-weight: 800;
    }
    .segment-button span { min-width: 20px; padding: 2px 6px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 10px; }
    .segment-button:hover { color: var(--text); }
    .segment-button.active { color: var(--text); background: rgba(66,221,197,.12); box-shadow: inset 0 0 0 1px rgba(66,221,197,.18); }
    .directory-search {
      min-height: 42px; min-width: 260px; display: flex; align-items: center; gap: 9px; padding: 0 12px;
      border: 1px solid var(--line); border-radius: 11px; background: rgba(3,9,17,.28);
    }
    .directory-search:focus-within { border-color: rgba(66,221,197,.35); }
    .directory-search .search-symbol { color: var(--muted); font-size: 17px; }
    .directory-search .text-input { width: 100%; height: 40px; padding: 0; border: 0; background: transparent; outline: 0; color: var(--text); }
    .directory-search .text-input::placeholder { color: var(--muted-2); }
    .directory-count { margin-left: auto; color: var(--muted); font-size: 11px; white-space: nowrap; }
    .current-gw-button { margin-left: auto; }
    .leaderboard-toolbar .leaderboard-search { margin-left: auto; }
    .leaderboard-panel .panel-body { padding: 0; }
    .phase3-table-wrap { border-radius: 0 0 var(--radius) var(--radius); }
    .phase3-leaderboard-table { min-width: 860px; }
    .phase3-leaderboard-table td { height: 66px; }
    .phase3-leaderboard-table .primary-points { color: var(--text); font-size: 16px; font-weight: 950; }
    .leaderboard-row { position: relative; }
    .leaderboard-row.leaderboard-rank-1 { background: linear-gradient(90deg, rgba(244,201,93,.075), transparent 45%); }
    .leaderboard-row.leaderboard-rank-2 { background: linear-gradient(90deg, rgba(185,199,209,.05), transparent 42%); }
    .leaderboard-row.leaderboard-rank-3 { background: linear-gradient(90deg, rgba(197,139,92,.05), transparent 42%); }
    .leaderboard-row.leaderboard-rank-1 td:first-child { box-shadow: inset 3px 0 0 var(--gold); }
    .leaderboard-row[hidden], .phase3-manager-card[hidden] { display: none !important; }

    .fixture-page-body { padding: 18px; }
    .competition-fixture-list { display: grid; gap: 12px; }
    .competition-fixture-card { overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.022); }
    .competition-fixture-head { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 16px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; }
    .fixture-status-label { display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
    .fixture-status-label i { width: 7px; height: 7px; border-radius: 50%; background: #68778c; box-shadow: 0 0 0 4px rgba(104,119,140,.10); }
    .fixture-status-label.green { color: var(--green); }
    .fixture-status-label.green i { background: var(--green); box-shadow: 0 0 0 4px rgba(85,214,139,.10); }
    .fixture-status-label.amber { color: var(--amber); }
    .fixture-status-label.amber i { background: var(--amber); box-shadow: 0 0 0 4px rgba(242,184,75,.10); animation: statusPulse 1.8s ease-in-out infinite; }
    .fixture-status-label.red { color: var(--red); }
    .fixture-status-label.red i { background: var(--red); box-shadow: 0 0 0 4px rgba(255,107,114,.10); }
    @keyframes statusPulse { 50% { box-shadow: 0 0 0 7px rgba(242,184,75,0); } }
    .competition-fixture-main { min-height: 160px; display: grid; grid-template-columns: minmax(0,1fr) 150px minmax(0,1fr); align-items: stretch; }
    .competition-team { min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 22px 18px; border: 0; background: transparent; color: var(--text); cursor: pointer; transition: background .16s ease; }
    .competition-team:hover { background: rgba(66,221,197,.045); }
    .competition-team.is-winner { background: linear-gradient(180deg, rgba(85,214,139,.07), transparent); }
    .competition-team em { color: var(--red); font-size: 9px; font-style: normal; }
    .fixture-avatar { width: 46px; height: 46px; display: grid; place-items: center; margin-bottom: 10px; border: 1px solid rgba(66,221,197,.18); border-radius: 14px; background: linear-gradient(145deg, rgba(66,221,197,.14), rgba(96,165,250,.06)); color: var(--teal); font-weight: 950; }
    .fixture-manager-name { max-width: 100%; color: var(--text); font-size: 15px; font-weight: 900; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .fixture-team-name { max-width: 100%; margin-top: 4px; color: var(--muted); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .fixture-form-line { min-height: 24px; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; }
    .competition-score { display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 1px solid var(--line); border-right: 1px solid var(--line); background: rgba(3,9,17,.22); }
    .competition-score small { color: var(--muted); font-size: 9px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
    .competition-score strong { margin-top: 7px; color: var(--text); font-size: 29px; font-weight: 950; letter-spacing: -.04em; }
    .competition-score strong span { color: var(--muted-2); }
    .competition-score strong.pending { color: var(--muted); font-size: 22px; }
    .fixture-result-dot { width: 23px; height: 23px; flex: 0 0 auto; display: inline-grid; place-items: center; border-radius: 50%; color: #07131d; font-size: 9px; font-weight: 950; }
    .fixture-result-dot.W { background: var(--green); }
    .fixture-result-dot.D { background: var(--amber); }
    .fixture-result-dot.L { background: var(--red); }
    .form-dot { border-radius: 50%; }
    .form-dot.L { color: #2b070a; background: var(--red); border-color: var(--red); }

    .phase3-manager-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
    .phase3-manager-card { position: relative; min-height: 278px; display: flex; flex-direction: column; padding: 18px; }
    .phase3-manager-card:hover { transform: translateY(-3px); border-color: rgba(66,221,197,.3); box-shadow: 0 16px 34px rgba(0,0,0,.18); }
    .manager-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
    .manager-card-avatar { width: 46px !important; height: 46px !important; border-radius: 14px !important; }
    .manager-rank-chip { padding: 6px 9px; border: 1px solid rgba(66,221,197,.18); border-radius: 999px; background: rgba(66,221,197,.07); color: var(--teal); font-size: 10px; font-weight: 850; }
    .manager-card-form { min-height: 30px; display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 16px; }
    .manager-card-form > span { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
    .phase3-manager-stats { grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 14px; }
    .manager-card-open { margin-top: auto; padding-top: 15px; color: #c8d3e2; font-size: 11px; font-weight: 800; border-top: 1px solid var(--line); }
    .manager-card-open span { color: var(--teal); }
    .manager-directory-empty { margin-top: 14px; }
    .sort-control { margin-left: auto; }

    .phase3-profile-hero { padding: 28px; }
    .phase3-profile-main { align-items: center; }
    .phase3-profile-identity { min-width: 0; }
    .phase3-profile-rank { min-width: 180px; padding-left: 26px; border-left: 1px solid var(--line); text-align: right; }
    .phase3-profile-rank span, .phase3-profile-rank small { display: block; color: var(--muted); }
    .phase3-profile-rank span { font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
    .phase3-profile-rank strong { display: block; margin: 5px 0; color: var(--gold); font-size: 42px; }
    .phase3-profile-rank small { font-size: 11px; }
    .favourite-manager-button{border-color:rgba(245,196,81,.24)!important;color:#d9c27c!important;background:rgba(245,196,81,.055)!important}
    .favourite-manager-button:hover{border-color:rgba(245,196,81,.42)!important;background:rgba(245,196,81,.10)!important;color:#ffe59b!important}
    .favourite-manager-button.active{border-color:rgba(245,196,81,.48)!important;background:linear-gradient(135deg,rgba(245,196,81,.17),rgba(245,196,81,.07))!important;color:#ffe9a8!important}

    .profile-form-line { display: flex; align-items: center; gap: 12px; margin-top: 13px; }
    .profile-form-line > span { color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
    .profile-kpi-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .phase3-profile-grid { margin-top: 18px; }
    .phase3-mini-grid { gap: 10px; }
    .manager-match-summary, .manager-history-list { display: grid; gap: 8px; }
    .manager-match-row { min-height: 56px; display: grid; grid-template-columns: 46px minmax(0,1fr) auto 28px; align-items: center; gap: 10px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.02); }
    .manager-match-gw { color: var(--muted); font-size: 10px; font-weight: 850; }
    .manager-match-opponent { min-width: 0; }
    .manager-match-opponent span { display: block; color: var(--muted-2); font-size: 9px; text-transform: uppercase; }
    .manager-match-opponent button, .manager-history-opponent { max-width: 100%; padding: 0; border: 0; background: transparent; color: var(--text); cursor: pointer; font-weight: 850; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .manager-match-opponent button:hover, .manager-history-opponent:hover { color: var(--teal); }
    .manager-match-score { font-weight: 900; }
    .manager-history-row { min-height: 54px; display: grid; grid-template-columns: 52px 52px minmax(0,1fr) 68px 90px; align-items: center; gap: 10px; padding: 8px 12px; border-bottom: 1px solid var(--line); }
    .manager-history-row:last-child { border-bottom: 0; }
    .manager-history-gw, .manager-history-venue { color: var(--muted); font-size: 10px; font-weight: 800; }
    .manager-history-score { font-size: 15px; font-weight: 950; text-align: center; }
    .manager-history-status { display: flex; justify-content: flex-end; }

    @media (max-width: 1040px) {
      .phase3-manager-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .profile-kpi-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
      .phase3-profile-rank { min-width: 150px; }
    }
    @media (max-width: 780px) {
      .phase3-toolbar { align-items: stretch; flex-wrap: wrap; }
      .directory-search { flex: 1 1 100%; min-width: 0; order: -1; }
      .leaderboard-toolbar .leaderboard-search { margin-left: 0; }
      .directory-count { margin-left: 0; align-self: center; }
      .sort-control { margin-left: auto; }
      .current-gw-button { margin-left: 0; }
      .segmented-control { flex: 1 1 auto; }
      .segment-button { flex: 1; }
      .phase3-leaderboard-table { min-width: 620px; }
      .phase3-leaderboard-table .col-wide { display: none; }
      .competition-fixture-main { grid-template-columns: minmax(0,1fr) 100px minmax(0,1fr); }
      .competition-team { padding: 18px 10px; }
      .competition-score strong { font-size: 25px; }
      .competition-team .form { display: none; }
      .phase3-profile-main { align-items: flex-start; flex-wrap: wrap; }
      .phase3-profile-rank { width: 100%; min-width: 0; margin-top: 20px; padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--line); text-align: left; }
      .phase3-profile-rank strong { font-size: 34px; }
      .manager-history-row { grid-template-columns: 45px minmax(0,1fr) 56px 72px; }
      .manager-history-venue { display: none; }
    }
    @media (max-width: 560px) {
      .phase3-manager-grid { grid-template-columns: 1fr; }
      .phase3-manager-card { min-height: 254px; }
      .leaderboard-tabs { width: 100%; }
      .leaderboard-toolbar .directory-count { display: none; }
      .control-label { width: 100%; justify-content: space-between; }
      .control-label .select { flex: 1; min-width: 0; }
      .sort-control { margin-left: 0; }
      .competition-fixture-head { padding: 0 12px; }
      .competition-fixture-main { min-height: 146px; grid-template-columns: minmax(0,1fr) 74px minmax(0,1fr); }
      .competition-team { padding: 16px 7px; }
      .fixture-avatar { width: 39px; height: 39px; border-radius: 12px; }
      .fixture-manager-name { font-size: 13px; }
      .fixture-team-name { font-size: 9px; }
      .competition-score strong { font-size: 20px; }
      .competition-score small { font-size: 8px; text-align: center; }
      .fixture-form-line { margin-top: 9px; }
      .profile-kpi-grid { grid-template-columns: 1fr 1fr; }
      .profile-kpi-grid .kpi:last-child { grid-column: auto; }
      .profile-form-line { align-items: flex-start; flex-direction: column; gap: 7px; }
      .manager-history-row { grid-template-columns: 42px minmax(0,1fr) 48px 30px; padding: 8px 5px; }
      .manager-history-status .fixture-status-label { font-size: 0; }
      .manager-history-status .fixture-status-label i { margin: 0; }
    }



    /* Phase 4: Stats and prizes */
    .stats-toolbar { display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
    .stats-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
    .stats-summary-card { min-width:0; padding:18px; border:1px solid var(--line); border-radius:15px; background:linear-gradient(145deg,rgba(50,213,196,.07),rgba(255,255,255,.018)); }
    .stats-summary-label { color:var(--muted); font-size:10px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
    .stats-summary-name { margin-top:10px; font-size:17px; font-weight:900; overflow-wrap:anywhere; }
    .stats-summary-value { margin-top:5px; color:var(--teal); font-size:13px; font-weight:850; }
    .stats-summary-detail { margin-top:4px; color:var(--muted); font-size:11px; line-height:1.45; }
    .stats-group-list { display:grid; gap:16px; }
    .stats-group-panel .panel-head { align-items:center; }
    .stats-group-count { flex:0 0 auto; }
    .record-row { cursor:pointer; }
    .record-row:hover { background:rgba(50,213,196,.045); }

    .pixel-diamond { --diamond-size:16px; position:relative; display:inline-block; width:var(--diamond-size); height:var(--diamond-size); flex:0 0 var(--diamond-size); vertical-align:-3px; margin-right:5px; filter:drop-shadow(0 2px 3px rgba(0,0,0,.28)); }
    .pixel-diamond::before { content:""; position:absolute; width:58%; height:58%; left:21%; top:21%; transform:rotate(45deg); background:linear-gradient(135deg,#d9ffff 0 24%,#55e7f1 25% 55%,#1aa9bd 56% 78%,#0a7088 79% 100%); border:1px solid #b9fbff; box-shadow:1px 0 0 #0b839a,0 1px 0 #075c70,-1px 0 0 rgba(255,255,255,.45),0 -1px 0 rgba(255,255,255,.7); }
    .pixel-diamond::after { content:""; position:absolute; width:3px; height:3px; left:4px; top:3px; background:#fff; box-shadow:3px 0 0 rgba(255,255,255,.55); }
    .diamond-amount { display:inline-flex; align-items:center; gap:2px; min-width:0; font-weight:900; color:#bffaff; white-space:nowrap; }
    .diamond-amount .diamond-number { color:var(--text); }
    .diamond-amount .diamond-label { color:var(--muted); font-size:.78em; font-weight:800; margin-left:3px; }
    .diamond-amount.large { font-size:21px; }
    .diamond-amount.compact .diamond-label { display:none; }

    .prize-structure-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
    .prize-structure-card { min-width:0; padding:18px; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.022); }
    .prize-structure-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; background:rgba(50,213,196,.1); margin-bottom:14px; font-size:18px; }
    .prize-structure-title { font-size:14px; font-weight:900; }
    .prize-structure-value { margin-top:9px; min-height:28px; }
    .prize-structure-copy { color:var(--muted); font-size:11px; line-height:1.55; margin-top:8px; }

    .prize-page-grid { display:grid; grid-template-columns:minmax(280px,.8fr) minmax(0,1.6fr); gap:16px; align-items:start; }
    .diamond-leader-list { display:grid; gap:9px; }
    .diamond-leader-row { width:100%; min-width:0; display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:11px; align-items:center; padding:13px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.025); color:inherit; text-align:left; }
    .diamond-leader-row:hover { border-color:rgba(50,213,196,.28); background:rgba(50,213,196,.045); }
    .diamond-leader-rank { width:30px; height:30px; display:grid; place-items:center; border-radius:10px; background:rgba(255,255,255,.05); color:var(--muted); font-size:11px; font-weight:900; }
    .diamond-leader-row:nth-child(1) .diamond-leader-rank { background:rgba(245,196,81,.14); color:var(--gold); }
    .diamond-leader-identity { min-width:0; display:flex; flex-direction:column; gap:5px; }
    .diamond-leader-name { display:block; font-size:13px; font-weight:900; overflow-wrap:anywhere; line-height:1.25; }
    .diamond-leader-team { display:block; color:var(--muted); font-size:10px; line-height:1.35; overflow-wrap:anywhere; }
    .diamond-leader-total { justify-self:end; }

    .prize-history-list { display:grid; gap:9px; }
    .prize-history-row { width:100%; min-width:0; display:grid; grid-template-columns:minmax(110px,.72fr) minmax(150px,1fr) minmax(120px,.85fr) auto; gap:14px; align-items:center; padding:14px; border:1px solid var(--line); border-radius:13px; background:rgba(255,255,255,.022); color:inherit; text-align:left; }
    .prize-history-row:hover { border-color:rgba(50,213,196,.25); background:rgba(50,213,196,.04); }
    .prize-history-period { min-width:0; }
    .prize-history-period strong { display:block; font-size:12px; overflow-wrap:anywhere; }
    .prize-history-period span { display:block; color:var(--muted); font-size:10px; margin-top:4px; }
    .prize-history-person { min-width:0; display:flex; flex-direction:column; gap:5px; }
    .prize-history-name { display:block; font-size:13px; font-weight:900; line-height:1.25; overflow-wrap:anywhere; }
    .prize-history-team { display:block; color:var(--muted); font-size:10px; line-height:1.35; overflow-wrap:anywhere; }
    .prize-history-award { min-width:0; font-size:11px; line-height:1.45; overflow-wrap:anywhere; }
    .prize-history-award .badge { margin-bottom:5px; }
    .prize-history-total { justify-self:end; }
    .prize-filter-summary { color:var(--muted); font-size:11px; margin-left:auto; }
    .rich-inline-diamond { display:inline-flex; align-items:center; }
    .panel-title .pixel-diamond, .stats-summary-label .pixel-diamond { margin-right:8px; }

    @media (max-width: 980px) {
      .stats-summary-grid, .prize-structure-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .prize-page-grid { grid-template-columns:1fr; }
    }
    @media (max-width: 700px) {
      .stats-summary-grid, .prize-structure-grid { grid-template-columns:1fr; }
      .stats-toolbar { overflow-x:auto; flex-wrap:nowrap; padding-bottom:3px; scrollbar-width:none; }
      .stats-toolbar::-webkit-scrollbar { display:none; }
      .stats-toolbar .pill-button { flex:0 0 auto; }
      .prize-history-row { grid-template-columns:minmax(0,1fr) auto; gap:9px 12px; align-items:start; }
      .prize-history-period { grid-column:1; }
      .prize-history-person { grid-column:1; }
      .prize-history-award { grid-column:1; }
      .prize-history-total { grid-column:2; grid-row:1 / span 3; align-self:center; }
      .diamond-leader-row { grid-template-columns:32px minmax(0,1fr); }
      .diamond-leader-total { grid-column:2; justify-self:start; margin-top:3px; }
      .diamond-amount .diamond-label { display:inline; }
    }



    /* ===== Phase 5: public information pages and Discord banner ===== */
    .home-discord-banner {
      min-width: 0;
      display: grid;
      grid-template-columns: 44px minmax(0,1fr) auto;
      align-items: center;
      gap: 14px;
      margin-top: 22px;
      padding: 13px 15px;
      border: 1px solid rgba(139,125,255,.30);
      border-radius: 14px;
      background: linear-gradient(105deg, rgba(88,72,196,.22), rgba(35,43,83,.34));
      color: #f5f3ff;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .home-discord-banner:hover {
      transform: translateY(-1px);
      border-color: rgba(156,143,255,.52);
      background: linear-gradient(105deg, rgba(95,78,215,.30), rgba(38,47,91,.42));
    }
    .discord-mark {
      position: relative;
      width: 42px;
      height: 36px;
      display: block;
      border-radius: 13px 13px 16px 16px;
      background: #7767ed;
      box-shadow: 0 9px 22px rgba(81,65,192,.28);
    }
    .discord-mark:before,
    .discord-mark:after {
      content: "";
      position: absolute;
      top: 13px;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: #fff;
    }
    .discord-mark:before { left: 11px; }
    .discord-mark:after { right: 11px; }
    .discord-mark i:first-child {
      position: absolute;
      left: 10px;
      right: 10px;
      bottom: 8px;
      height: 7px;
      border-bottom: 2px solid rgba(255,255,255,.96);
      border-radius: 0 0 50% 50%;
    }
    .discord-mark i:last-child:before,
    .discord-mark i:last-child:after {
      content: "";
      position: absolute;
      bottom: -3px;
      width: 8px;
      height: 7px;
      background: #7767ed;
    }
    .discord-mark i:last-child:before { left: 4px; transform: rotate(25deg); }
    .discord-mark i:last-child:after { right: 4px; transform: rotate(-25deg); }
    .home-discord-copy { min-width: 0; }
    .home-discord-copy strong,
    .home-discord-copy span { display: block; }
    .home-discord-copy strong { font-size: 13px; font-weight: 880; }
    .home-discord-copy span { margin-top: 3px; color: #b9b3de; font-size: 10px; line-height: 1.45; }
    .home-discord-action { min-width: 128px; padding-left: 14px; border-left: 1px solid rgba(255,255,255,.10); text-align: right; }
    .home-discord-action strong,
    .home-discord-action small { display: block; }
    .home-discord-action strong { color: #fff; font-size: 12px; }
    .home-discord-action small { margin-top: 3px; color: #a99ff7; font-size: 9px; }

    .rules-intro-panel {
      display: grid;
      grid-template-columns: 42px minmax(0,1fr) auto;
      align-items: center;
      gap: 14px;
      margin-bottom: 16px;
      padding: 16px 18px;
      border: 1px solid rgba(66,221,197,.18);
      border-radius: 15px;
      background: linear-gradient(110deg, rgba(66,221,197,.08), rgba(16,27,45,.72));
    }
    .rules-intro-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(66,221,197,.12); color: var(--teal); font-weight: 950; }
    .rules-intro-panel strong,
    .rules-intro-panel span { display: block; }
    .rules-intro-panel strong { font-size: 13px; }
    .rules-intro-panel span { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.5; }
    .rules-intro-panel a { color: var(--teal); font-size: 11px; font-weight: 850; white-space: nowrap; }
    .phase5-rules-grid { align-items: stretch; }
    .phase5-rule-card { position: relative; overflow: hidden; padding: 0; }
    .rule-card-head { display: flex; align-items: center; gap: 11px; padding: 16px 17px 13px; border-bottom: 1px solid var(--line); }
    .phase5-rule-card h3 { margin: 0; font-size: 15px; }
    .rule-number { width: 29px; height: 29px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 9px; background: rgba(66,221,197,.10); color: var(--teal); font-size: 9px; font-weight: 900; }
    .phase5-rule-card .rule-list { padding: 4px 18px 16px 42px; }
    .phase5-rule-card .rule-list li { padding-left: 2px; line-height: 1.58; }

    .hall-hero {
      position: relative;
      overflow: hidden;
      min-height: 190px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 30px 34px;
      border: 1px solid rgba(245,196,81,.20);
      border-radius: 20px;
      background: radial-gradient(circle at 88% 20%, rgba(245,196,81,.16), transparent 31%), linear-gradient(130deg, rgba(30,37,57,.96), rgba(12,21,36,.98));
      box-shadow: 0 23px 58px rgba(0,0,0,.20);
    }
    .hall-hero-copy { position: relative; z-index: 1; max-width: 680px; }
    .hall-hero h3 { margin: 10px 0 0; font-size: clamp(28px,4vw,44px); line-height: 1; letter-spacing: -.045em; }
    .hall-hero p { max-width: 610px; margin: 13px 0 0; color: var(--muted); line-height: 1.65; }
    .hall-hero-trophy { position: relative; z-index: 1; width: 100px; height: 100px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid rgba(245,196,81,.24); border-radius: 28px; background: rgba(245,196,81,.10); color: var(--gold); font-size: 49px; box-shadow: inset 0 0 0 8px rgba(245,196,81,.025); }
    .hall-season-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; margin-top: 18px; }
    .hall-season-card { min-width: 0; padding: 21px; border: 1px solid var(--line); border-radius: 17px; background: linear-gradient(145deg, rgba(18,34,54,.92), rgba(9,18,32,.96)); }
    .hall-season-latest { border-color: rgba(245,196,81,.19); }
    .hall-season-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 13px; padding-bottom: 17px; border-bottom: 1px solid var(--line); }
    .hall-season-head span { color: var(--muted-2); font-size: 9px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
    .hall-season-head h3 { margin: 5px 0 0; font-size: 24px; letter-spacing: -.035em; }
    .hall-season-badge { padding: 7px 9px; border: 1px solid rgba(245,196,81,.16); border-radius: 999px; color: var(--gold) !important; background: rgba(245,196,81,.07); white-space: nowrap; }
    .hall-winner-list { display: grid; gap: 9px; margin-top: 16px; }
    .hall-winner-card { width: 100%; min-width: 0; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 12px 13px; border: 1px solid var(--line); border-radius: 13px; background: rgba(255,255,255,.025); transition: border-color .16s ease, background .16s ease; }
    .hall-winner-card.clickable:hover { border-color: rgba(245,196,81,.30); background: rgba(245,196,81,.045); }
    .hall-winner-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(245,196,81,.10); color: var(--gold); font-size: 15px; font-weight: 950; }
    .hall-winner-copy { min-width: 0; }
    .hall-winner-copy small,
    .hall-winner-copy strong { display: block; }
    .hall-winner-copy small { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
    .hall-winner-copy strong { margin-top: 4px; overflow: hidden; color: #fff; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
    .hall-profile-link { color: var(--teal); font-size: 9px; font-weight: 850; white-space: nowrap; }

    @media (max-width: 850px) {
      .hall-season-grid { grid-template-columns: 1fr; }
      .rules-intro-panel { grid-template-columns: 42px minmax(0,1fr); }
      .rules-intro-panel a { grid-column: 2; }
    }
    @media (max-width: 640px) {
      .home-discord-banner { grid-template-columns: 38px minmax(0,1fr); padding: 12px; }
      .discord-mark { width: 36px; height: 32px; border-radius: 11px 11px 13px 13px; }
      .discord-mark:before { left: 9px; top: 12px; }
      .discord-mark:after { right: 9px; top: 12px; }
      .home-discord-copy strong { font-size: 12px; line-height: 1.35; }
      .home-discord-copy span { font-size: 9px; }
      .home-discord-action { grid-column: 2; min-width: 0; padding: 9px 0 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.08); text-align: left; }
      .home-discord-action strong,
      .home-discord-action small { display: inline; }
      .home-discord-action small { margin-left: 6px; }
      .rules-intro-panel { padding: 14px; }
      .rules-intro-panel a { grid-column: 1 / -1; }
      .hall-hero { min-height: 0; padding: 24px 20px; }
      .hall-hero-trophy { width: 70px; height: 70px; border-radius: 20px; font-size: 34px; }
      .hall-winner-card { grid-template-columns: 38px minmax(0,1fr); }
      .hall-profile-link { grid-column: 2; }
    }


    /* ===== Phase 6: live gameweek, comparisons and announcements ===== */
    .desktop-nav-live { display:inline-flex; align-items:center; gap:7px; }
    .header-live-dot { width:7px; height:7px; display:inline-block; flex:0 0 auto; border-radius:50%; background:#536273; box-shadow:0 0 0 4px rgba(83,98,115,.09); }
    .header-live-dot.active { background:var(--green); box-shadow:0 0 0 4px rgba(85,214,139,.12),0 0 14px rgba(85,214,139,.38); animation:livePulse 1.8s ease-in-out infinite; }
    .mobile-nav-button .nav-icon { position:relative; }
    .mobile-live-dot { position:absolute; width:6px; height:6px; right:0; top:-1px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px rgba(85,214,139,.13); }
    @keyframes livePulse { 0%,100%{opacity:1} 50%{opacity:.48} }

    .home-live-panel {
      min-height:104px; margin:0 0 18px; padding:16px 18px; display:grid; grid-template-columns:50px minmax(0,1fr) auto auto;
      gap:16px; align-items:center; border:1px solid var(--line); border-radius:17px;
      background:linear-gradient(110deg,rgba(18,34,55,.96),rgba(11,22,38,.96)); box-shadow:0 12px 30px rgba(0,0,0,.12);
    }
    .home-live-panel.active { border-color:rgba(85,214,139,.28); background:linear-gradient(110deg,rgba(17,50,48,.62),rgba(13,27,45,.97) 48%,rgba(11,22,38,.97)); }
    .home-live-panel.final { border-color:rgba(239,68,68,.24); background:linear-gradient(110deg,rgba(64,24,30,.42),rgba(13,27,45,.97) 48%,rgba(11,22,38,.97)); }
    .home-live-panel.next { border-color:rgba(96,165,250,.22); background:linear-gradient(110deg,rgba(20,40,69,.58),rgba(13,27,45,.97) 48%,rgba(11,22,38,.97)); }
    .home-live-icon { display:grid; place-items:center; }
    .live-ring { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:rgba(85,214,139,.08); border:1px solid rgba(85,214,139,.20); }
    .live-ring i { width:10px; height:10px; border-radius:50%; background:#68788b; }
    .home-live-panel.active .live-ring i { background:var(--green); box-shadow:0 0 0 6px rgba(85,214,139,.10),0 0 16px rgba(85,214,139,.28); animation:livePulse 1.8s ease-in-out infinite; }
    .home-live-panel.final .live-ring i { background:var(--red); box-shadow:0 0 0 6px rgba(239,68,68,.08); }
    .home-live-panel.next .live-ring i { background:#60a5fa; box-shadow:0 0 0 6px rgba(96,165,250,.08); }
    .home-live-copy { min-width:0; }
    .home-live-kicker { color:var(--teal); font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
    .home-live-copy strong,.home-live-copy span { display:block; }
    .home-live-copy strong { margin-top:4px; font-size:17px; line-height:1.25; }
    .home-live-copy span { margin-top:4px; color:var(--muted); font-size:11px; }
    .home-live-metrics { display:flex; align-items:stretch; gap:1px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--line); }
    .home-live-metrics div { min-width:82px; padding:10px 12px; background:rgba(5,13,24,.62); text-align:center; }
    .home-live-metrics b,.home-live-metrics span { display:block; }
    .home-live-metrics b { max-width:100%; font-size:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
    .home-live-metrics span { margin-top:3px; color:var(--muted-2); font-size:8px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
    .home-live-action { min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:0 15px; border:1px solid rgba(96,165,250,.24); border-radius:11px; background:rgba(96,165,250,.09); color:var(--text); cursor:pointer; font-weight:900; white-space:nowrap; transition:.16s ease; }
    .home-live-action:hover { transform:translateY(-1px); }
    .home-live-action span { color:currentColor; }
    .home-live-action.active { border-color:rgba(85,214,139,.36); background:rgba(85,214,139,.14); color:#a7f3d0; box-shadow:0 0 0 1px rgba(85,214,139,.04),0 10px 24px rgba(8,55,37,.14); }
    .home-live-action.active:hover { background:rgba(85,214,139,.20); }
    .home-live-action.final { border-color:rgba(239,68,68,.34); background:rgba(239,68,68,.13); color:#fca5a5; box-shadow:0 0 0 1px rgba(239,68,68,.04),0 10px 24px rgba(80,16,24,.14); }
    .home-live-action.final:hover { background:rgba(239,68,68,.19); }
    .home-live-action.next { border-color:rgba(96,165,250,.30); background:rgba(96,165,250,.11); color:#bfdbfe; }
    .home-live-action.next:hover { background:rgba(96,165,250,.17); }

    .live-overview { margin-bottom:18px; padding:25px; display:grid; grid-template-columns:minmax(0,1fr) minmax(430px,.9fr); gap:28px; align-items:center; border:1px solid var(--line); border-radius:19px; background:linear-gradient(135deg,rgba(20,36,59,.97),rgba(10,20,35,.98)); }
    .live-overview.active { border-color:rgba(85,214,139,.24); background:radial-gradient(circle at 90% 0,rgba(85,214,139,.10),transparent 34%),linear-gradient(135deg,rgba(19,45,51,.92),rgba(10,20,35,.98)); }
    .live-overview-status { display:inline-flex; align-items:center; gap:8px; color:var(--teal); font-size:10px; font-weight:900; letter-spacing:.10em; text-transform:uppercase; }
    .live-overview-status i { width:8px; height:8px; border-radius:50%; background:#66768a; }
    .live-overview.active .live-overview-status i { background:var(--green); box-shadow:0 0 0 5px rgba(85,214,139,.10); animation:livePulse 1.8s ease-in-out infinite; }
    .live-overview h3 { margin:10px 0 0; font-size:34px; letter-spacing:-.04em; }
    .live-overview p { max-width:630px; margin:9px 0 0; color:var(--muted); line-height:1.6; }
    .live-updated { display:block; margin-top:14px; color:var(--muted-2); font-size:10px; }
    .live-overview-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
    .live-overview-stats div { min-width:0; padding:14px 11px; border:1px solid var(--line); border-radius:12px; background:rgba(255,255,255,.028); }
    .live-overview-stats span,.live-overview-stats strong { display:block; }
    .live-overview-stats span { color:var(--muted-2); font-size:8px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; line-height:1.35; }
    .live-overview-stats strong { margin-top:7px; font-size:22px; }
    .live-layout { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); gap:16px; align-items:start; }
    .live-side-stack { display:grid; gap:16px; }
    .live-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:16px; }
    .live-prizes-panel { grid-column:1/-1; }
    .live-matches-panel .scoreboard-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .live-side-stack .highlight-grid { grid-template-columns:1fr; }

    .compare-picker-panel { box-shadow:none; }
    .compare-hero { display:grid; grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr); gap:14px; align-items:stretch; }
    .compare-manager-card,.compare-centre { min-width:0; padding:22px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(150deg,rgba(20,35,57,.95),rgba(10,19,33,.97)); }
    .compare-manager-card.second { text-align:right; }
    .compare-manager-identity { width:100%; display:flex; align-items:center; gap:13px; padding:0; border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; }
    .compare-manager-card.second .compare-manager-identity { flex-direction:row-reverse; text-align:right; }
    .compare-manager-avatar { width:52px; height:52px; display:grid; place-items:center; flex:0 0 auto; border:1px solid rgba(66,221,197,.18); border-radius:15px; background:linear-gradient(145deg,rgba(66,221,197,.17),rgba(96,165,250,.08)); color:var(--teal); font-size:15px; font-weight:900; }
    .compare-manager-identity strong,.compare-manager-identity small { display:block; overflow-wrap:anywhere; }
    .compare-manager-identity strong { font-size:20px; }
    .compare-manager-identity small { margin-top:4px; color:var(--muted); font-size:11px; }
    .compare-manager-rank { margin-top:20px; padding-top:16px; border-top:1px solid var(--line); }
    .compare-manager-rank span,.compare-manager-rank strong { display:block; }
    .compare-manager-rank span,.compare-manager-form>span { color:var(--muted-2); font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
    .compare-manager-rank strong { margin-top:5px; font-size:24px; }
    .compare-manager-form { margin-top:14px; }
    .compare-manager-form .form { margin-top:7px; }
    .compare-manager-card.second .compare-manager-form .form { justify-content:flex-end; }
    .compare-centre { display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; background:linear-gradient(160deg,rgba(66,221,197,.08),rgba(12,22,38,.97)); }
    .compare-centre span { color:var(--muted-2); font-size:9px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
    .compare-centre strong { margin-top:8px; color:var(--teal); font-size:42px; line-height:1; }
    .compare-centre small { margin-top:10px; color:var(--muted); font-size:10px; line-height:1.45; }
    .rivalry-score-strip { display:grid; grid-template-columns:repeat(3,minmax(0,.7fr)) minmax(240px,1.4fr); gap:1px; margin:16px 0; overflow:hidden; border:1px solid var(--line); border-radius:15px; background:var(--line); }
    .rivalry-score-strip>div { min-width:0; padding:16px; background:rgba(13,24,41,.97); }
    .rivalry-score-strip span,.rivalry-score-strip strong,.rivalry-score-strip small { display:block; }
    .rivalry-score-strip span { color:var(--muted-2); font-size:8px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
    .rivalry-score-strip strong { margin-top:5px; font-size:22px; }
    .rivalry-score-strip small { margin-top:4px; color:var(--muted); font-size:10px; overflow-wrap:anywhere; }
    .rivalry-score-strip .next-meeting strong { color:var(--teal); font-size:17px; }
    .compare-content-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    .compare-season-panel { grid-column:1/-1; }
    .phase6-comparison-table .comparison-row { min-height:53px; }
    .phase6-comparison-table .form { justify-content:center; }

    .announcements-discord-banner { min-height:74px; margin-bottom:16px; padding:13px 16px; display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:14px; align-items:center; border:1px solid rgba(124,111,237,.25); border-radius:15px; background:linear-gradient(110deg,rgba(94,79,190,.16),rgba(17,28,47,.97)); }
    .announcements-discord-banner:hover { border-color:rgba(154,140,255,.42); background:linear-gradient(110deg,rgba(94,79,190,.22),rgba(17,28,47,.98)); }
    .announcements-discord-banner>span:nth-child(2) { min-width:0; }
    .announcements-discord-banner strong,.announcements-discord-banner small { display:block; }
    .announcements-discord-banner strong { font-size:13px; }
    .announcements-discord-banner small { margin-top:4px; color:#aaa5ce; font-size:10px; }
    .announcements-discord-banner>b { color:#d8d2ff; font-size:12px; white-space:nowrap; }
    .announcement-filter-panel { box-shadow:none; }
    .announcement-filter-panel .panel-body { padding:0; }
    .announcement-filter-row { min-height:66px; display:flex; align-items:center; gap:8px; padding:12px 14px; overflow-x:auto; }
    .announcement-filter-row .pill-button { flex:0 0 auto; }
    .announcement-filter-row .pill-button.active { color:var(--text); border-color:rgba(66,221,197,.25); background:rgba(66,221,197,.10); }
    .announcement-filter-row>span { margin-left:auto; color:var(--muted); font-size:10px; white-space:nowrap; }
    .announcement-card { min-height:190px; }

    @media (max-width:1180px) {
      .desktop-nav { display:none; }
      .mobile-menu { display:grid; flex:0 0 auto; }
      .topbar-brand { margin-right:auto; }
    }
    @media (max-width:980px) {
      .home-live-panel { grid-template-columns:46px minmax(0,1fr) auto; }
      .home-live-metrics { grid-column:2; justify-self:start; }
      .home-live-action { grid-column:3; grid-row:1 / span 2; }
      .live-overview { grid-template-columns:1fr; }
      .live-layout,.live-detail-grid { grid-template-columns:1fr; }
      .live-prizes-panel { grid-column:auto; }
      .live-matches-panel .scoreboard-grid { grid-template-columns:1fr; }
      .compare-hero { grid-template-columns:1fr 130px 1fr; }
      .compare-content-grid { grid-template-columns:1fr; }
      .compare-season-panel { grid-column:auto; }
    }
    @media (max-width:700px) {
      .home-live-panel { grid-template-columns:38px minmax(0,1fr); padding:14px; gap:12px; }
      .home-live-icon { align-self:start; }
      .live-ring { width:34px; height:34px; }
      .home-live-copy strong { font-size:15px; }
      .home-live-metrics { grid-column:1/-1; width:100%; }
      .home-live-metrics div { min-width:0; flex:1; padding:9px 6px; }
      .home-live-action { grid-column:1/-1; grid-row:auto; width:100%; }
      .live-overview { padding:20px; }
      .live-overview-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .compare-hero { grid-template-columns:1fr; }
      .compare-centre { order:-1; padding:17px; }
      .compare-manager-card.second,.compare-manager-card.second .compare-manager-identity { text-align:left; }
      .compare-manager-card.second .compare-manager-identity { flex-direction:row; }
      .compare-manager-card.second .compare-manager-form .form { justify-content:flex-start; }
      .rivalry-score-strip { grid-template-columns:repeat(3,minmax(0,1fr)); }
      .rivalry-score-strip .next-meeting { grid-column:1/-1; }
      .announcements-discord-banner { grid-template-columns:38px minmax(0,1fr); }
      .announcements-discord-banner>b { grid-column:2; margin-top:2px; }
      .announcement-filter-row>span { display:none; }
    }
    @media (max-width:480px) {
      .home-live-metrics span { font-size:7px; }
      .live-overview-stats { gap:6px; }
      .live-overview-stats div { padding:11px 9px; }
      .rivalry-score-strip { grid-template-columns:1fr; }
      .rivalry-score-strip .next-meeting { grid-column:auto; }
      .comparison-row { grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr); }
      .comparison-label { font-size:8px; }
    }


    /* Phase 8 — launch polish, resilience and accessibility */
    .skip-link {
      position: fixed; left: 14px; top: 10px; z-index: 1000; transform: translateY(-160%);
      padding: 10px 14px; border-radius: 10px; background: var(--teal); color: #031016; font-weight: 900;
      box-shadow: var(--shadow); transition: transform .18s ease;
    }
    .skip-link:focus { transform: translateY(0); }
    :where(button,a,input,select,textarea,[tabindex]):focus-visible {
      outline: 3px solid rgba(50,213,196,.72); outline-offset: 3px;
    }
    .connection-pill {
      min-height: 34px; display: inline-flex; align-items: center; gap: 7px; padding: 0 10px;
      border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.035);
      color: var(--muted); font-size: 10px; font-weight: 850; white-space: nowrap;
    }
    .connection-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px rgba(85,214,139,.7); }
    .connection-pill.cached i { background: var(--amber); box-shadow: 0 0 12px rgba(242,184,75,.55); }
    .connection-pill.offline i { background: var(--red); box-shadow: 0 0 12px rgba(255,107,114,.5); }
    .data-notice {
      width: min(1600px, 100%); margin: 0 auto; padding: 10px 28px 0;
    }
    .data-notice-inner {
      display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 11px 14px;
      border: 1px solid rgba(242,184,75,.25); border-radius: 12px;
      background: rgba(242,184,75,.075); color: #f6d58f; font-size: 12px; line-height: 1.5;
    }
    .data-notice-inner button { border: 0; background: transparent; color: inherit; font-weight: 900; cursor: pointer; padding: 4px 6px; }
    .site-footer {
      width: min(1600px,100%); margin: 0 auto; padding: 0 28px 92px; color: var(--muted-2); font-size: 11px;
    }
    .site-footer-inner {
      display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-top: 22px; border-top: 1px solid var(--line);
    }
    .site-footer nav { display: flex; flex-wrap: wrap; gap: 14px; }
    .site-footer a:hover { color: var(--text); }
    .plain-link { border:0; padding:0; background:transparent; color:inherit; cursor:pointer; font:inherit; }
    .plain-link:hover { color:var(--text); }
    .not-found-card {
      min-height: 440px; display: grid; place-items: center; text-align: center; padding: 36px;
      border: 1px solid var(--line); border-radius: 20px;
      background: radial-gradient(circle at 50% 10%, rgba(50,213,196,.12), transparent 36%), var(--panel);
      box-shadow: var(--shadow);
    }
    .not-found-code { font-size: clamp(72px, 13vw, 150px); line-height: .8; font-weight: 950; letter-spacing: -.08em; color: rgba(50,213,196,.28); }
    .not-found-card h2 { margin: 24px 0 8px; font-size: 28px; }
    .not-found-card p { max-width: 540px; margin: 0 auto 22px; color: var(--muted); line-height: 1.65; }
    .launch-loader { display: grid; gap: 16px; }
    .skeleton-line { height: 11px; border-radius: 999px; background: linear-gradient(90deg, rgba(255,255,255,.045), rgba(255,255,255,.12), rgba(255,255,255,.045)); background-size: 220% 100%; animation: shimmer 1.25s linear infinite; }
    .skeleton-line:nth-child(1){width:72%;margin:auto}.skeleton-line:nth-child(2){width:92%;margin:auto}.skeleton-line:nth-child(3){width:58%;margin:auto}
    @keyframes shimmer { to { background-position: -220% 0; } }
    @media (max-width: 980px) { .connection-pill span { display:none; } .connection-pill { width:34px; padding:0; justify-content:center; } }
    @media (max-width: 700px) {
      .data-notice { padding: 8px 12px 0; }
      .data-notice-inner { align-items:flex-start; }
      .site-footer { padding: 0 14px 86px; }
      .site-footer-inner { align-items:flex-start; flex-direction:column; }
    }
    @media (prefers-reduced-motion: reduce) {
      *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
    }

  

    /* ===== Phase 9: real-world Live Gameweek Centre ===== */
    .real-live-hero{position:relative;overflow:hidden;border:1px solid rgba(50,213,196,.24);border-radius:24px;background:linear-gradient(135deg,rgba(9,39,52,.96),rgba(10,25,43,.97) 55%,rgba(24,35,72,.96));padding:24px;margin-bottom:18px;box-shadow:0 20px 50px rgba(0,0,0,.22)}
    .real-live-hero:before{content:"";position:absolute;right:-80px;top:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(50,213,196,.22),transparent 66%);pointer-events:none}
    .real-live-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr);gap:24px;align-items:center}
    .real-live-kicker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#73e7dc}
    .real-live-kicker i{width:9px;height:9px;border-radius:50%;background:#42e698;box-shadow:0 0 0 6px rgba(66,230,152,.10),0 0 18px rgba(66,230,152,.5)}
    .real-live-kicker.offline i{background:#f6c85c;box-shadow:0 0 0 6px rgba(246,200,92,.10)}
    .real-live-title{font-size:clamp(27px,3.1vw,44px);line-height:1.04;margin:12px 0 10px;font-weight:900;letter-spacing:-.03em}
    .real-live-copy{max-width:720px;color:#a9c0ce;line-height:1.65;font-size:14px}
    .real-live-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
    .real-live-actions .pill-button.active{border-color:rgba(245,196,81,.42);background:rgba(245,196,81,.12);color:#ffe398}
    .real-live-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .real-live-metric{padding:16px;border-radius:17px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
    .real-live-metric span{display:block;color:#83a1b2;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
    .real-live-metric strong{display:block;font-size:27px;margin-top:7px}
    .real-live-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;color:#7f9aaa;font-size:11px}
    .real-live-meta span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
    .football-live-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:16px;margin-bottom:16px}
    .live-layout{align-items:start}.live-matches-panel{align-self:start}
    .football-fixture-list{display:grid;gap:12px}
    .football-fixture{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(17,39,57,.82),rgba(8,23,37,.88));padding:16px}
    .football-fixture.live{border-color:rgba(66,230,152,.26);box-shadow:inset 3px 0 0 #42e698}
    .football-fixture.ft{box-shadow:inset 3px 0 0 #4f7dff}
    .football-fixture-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
    .football-match-state{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#8ca8b8}
    .football-match-state i{width:7px;height:7px;border-radius:50%;background:#708899}
    .football-match-state.live{color:#8af0c6}.football-match-state.live i{background:#42e698;box-shadow:0 0 12px rgba(66,230,152,.7)}
    .football-match-state.ft{color:#9eb6ff}.football-match-state.ft i{background:#6d91ff}
    .football-kickoff{font-size:11px;color:#7894a5}
    .football-scoreline{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center}
    .football-team{display:flex;align-items:center;gap:11px;font-weight:900;font-size:17px}.football-team.away{justify-content:flex-end;text-align:right}
    .football-team-badge{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(50,213,196,.16),rgba(79,125,255,.14));border:1px solid rgba(255,255,255,.08);font-size:11px;letter-spacing:.04em}
    .football-score{font-size:31px;font-weight:950;letter-spacing:.04em;min-width:84px;text-align:center}.football-score small{display:block;font-size:9px;color:#6f8b9b;letter-spacing:.13em;text-transform:uppercase;margin-top:3px}
    .football-incidents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}
    .football-incident{display:flex;gap:8px;align-items:flex-start;color:#b8ccd7;font-size:11px;line-height:1.35}.football-incident .event-icon{width:23px;height:23px;border-radius:7px;background:rgba(255,255,255,.055);display:grid;place-items:center;flex:0 0 auto;font-size:12px}.football-incident b{color:#edf7fb}.football-incident em{font-style:normal;color:#6f8d9e;margin-left:4px}
    .football-no-events{grid-column:1/-1;color:#6f8d9e;font-size:11px}
    .football-event-feed{display:grid;gap:10px;max-height:670px;overflow:auto;padding-right:4px}
    .football-event{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:13px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
    .football-event:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:3px;border-radius:3px;background:#32d5c4}.football-event.red_card:before{background:#ff6b7d}.football-event.yellow_card:before{background:#f5c451}.football-event.assist:before{background:#6d91ff}
    .football-event-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:18px}
    .football-event-main{font-size:12px;color:#b2c6d2}.football-event-main strong{display:block;color:#f4f9fb;font-size:13px;margin-bottom:3px}.football-event-main small{display:block;color:#6f8d9e;margin-top:5px;line-height:1.45}
    .football-event-score{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:999px;background:rgba(50,213,196,.09);border:1px solid rgba(50,213,196,.14);font-size:10px;font-weight:900;color:#9ce8df}
    .event-owner-line{color:#f6cf70!important}
    .worker-h2h-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .worker-h2h-card{border-radius:18px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(150deg,rgba(17,39,57,.77),rgba(8,22,35,.91));padding:15px}
    .worker-h2h-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;font-size:10px;color:#7793a4;text-transform:uppercase;letter-spacing:.1em;font-weight:900}
    .worker-h2h-score{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.worker-h2h-manager.away{text-align:right}.worker-h2h-manager strong{display:block;font-size:14px}.worker-h2h-manager span{display:block;color:#718d9e;font-size:10px;margin-top:4px}.worker-h2h-numbers{font-size:25px;font-weight:950;white-space:nowrap}.worker-h2h-numbers i{font-style:normal;color:#4e6c7e;margin:0 5px}.worker-h2h-foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);font-size:10px;color:#809dad;display:flex;justify-content:space-between;gap:8px}
    .live-leaders-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.live-leader{padding:13px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065)}.live-leader-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.live-leader strong{font-size:13px}.live-leader b{font-size:20px}.live-leader span{display:block;color:#7895a5;font-size:10px;margin-top:4px}
    .live-service-state{padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.11);background:rgba(255,255,255,.025);text-align:center;color:#829eae}.live-service-state strong{display:block;color:#dceaf0;margin-bottom:6px}.live-service-state.error{border-color:rgba(255,107,125,.22);color:#d6959f}.live-service-state .pill-button{margin-top:12px}
    .live-provisional-note{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:13px 15px;border-radius:16px;background:rgba(245,196,81,.075);border:1px solid rgba(245,196,81,.16);color:#d9c58c;font-size:11px;line-height:1.5}
    .live-provisional-note b{color:#ffe49a}
    @media(max-width:1180px){.real-live-hero-grid,.football-live-grid{grid-template-columns:1fr}.worker-h2h-list{grid-template-columns:1fr}.real-live-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}}
    @media(max-width:760px){.real-live-hero{padding:18px}.real-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.football-scoreline{gap:8px}.football-team{font-size:13px}.football-team-badge{width:35px;height:35px}.football-score{font-size:25px;min-width:66px}.football-incidents{grid-template-columns:1fr}.live-leaders-grid{grid-template-columns:1fr}.worker-h2h-score{gap:7px}.worker-h2h-numbers{font-size:21px}}


    /* ===== Phase 9.1: compact Live Gameweek Centre ===== */
    .real-live-hero{padding:17px 18px;margin-bottom:12px;border-radius:19px}
    .real-live-hero-grid{grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
    .real-live-title{font-size:clamp(24px,2.5vw,34px);margin:8px 0 6px}
    .real-live-copy{font-size:12px;line-height:1.5;max-width:780px}
    .real-live-actions{margin-top:12px}
    .real-live-meta{margin-top:9px;gap:7px}
    .real-live-meta span{padding:5px 8px}
    .real-live-metrics{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
    .real-live-metric{min-width:105px;padding:10px 12px;border-radius:13px}
    .real-live-metric span{font-size:9px}
    .real-live-metric strong{font-size:21px;margin-top:4px}
    .live-mode-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(66,230,152,.28);background:rgba(66,230,152,.09);color:#9df1c9;margin-left:8px}
    .live-mode-badge.demo{border-color:rgba(245,196,81,.34);background:rgba(245,196,81,.12);color:#ffe39a}
    .live-mode-notice{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 12px;padding:11px 13px;border-radius:14px;border:1px solid rgba(66,230,152,.16);background:rgba(66,230,152,.055);font-size:11px;line-height:1.5;color:#a7cfc3}
    .live-mode-notice.demo{border-color:rgba(245,196,81,.22);background:rgba(245,196,81,.075);color:#d9c58c}
    .live-mode-notice strong{color:#dffaf1}.live-mode-notice.demo strong{color:#ffe49a}
    .live-mode-notice .mode-copy{display:flex;gap:9px;align-items:flex-start}
    .live-mode-notice .mode-copy>span:first-child{font-size:16px;line-height:1}
    .live-h2h-priority{margin-bottom:12px}
    .live-h2h-priority .panel-head{padding-top:14px;padding-bottom:12px}
    .live-h2h-priority .panel-body{padding-top:12px}
    .live-quick-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}
    .live-quick-strip span{font-size:10px;color:#718f9f;text-transform:uppercase;letter-spacing:.09em;font-weight:900;margin-right:3px}
    .live-quick-strip button{display:inline-flex;align-items:center;min-height:31px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#c9dce5;font-size:10px;font-weight:850;text-decoration:none;cursor:pointer;font-family:inherit}
    .live-quick-strip button:hover{border-color:rgba(50,213,196,.28);color:#9ce8df}
    .football-live-grid.compact-match-centre{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start}
    .football-fixture-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
    details.football-fixture{padding:0;border-radius:15px}
    details.football-fixture summary{list-style:none;cursor:pointer;padding:12px 13px;outline:none}
    details.football-fixture summary::-webkit-details-marker{display:none}
    details.football-fixture[open]{border-color:rgba(50,213,196,.24)}
    details.football-fixture[open] summary{border-bottom:1px solid rgba(255,255,255,.065)}
    .football-fixture-head{margin-bottom:8px}
    .football-scoreline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px}
    .football-team{gap:7px;font-size:12px;min-width:0}
    .football-team>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .football-team-badge{width:31px;height:31px;border-radius:9px;font-size:9px;flex:0 0 auto}
    .football-score{font-size:23px;min-width:64px}
    .football-score small{font-size:8px;margin-top:1px}
    .football-fixture-preview{display:flex;align-items:center;gap:6px;min-height:20px;margin-top:8px;color:#7f9cab;font-size:9px;white-space:nowrap;overflow:hidden}
    .football-fixture-preview .preview-event{display:inline-flex;align-items:center;gap:3px;min-width:0}
    .football-fixture-preview .preview-event b{color:#c9dce5;overflow:hidden;text-overflow:ellipsis}
    .football-fixture-preview .preview-more{color:#9ce8df;font-weight:900}
    .football-fixture-toggle{margin-left:auto;color:#6f8d9e;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
    details[open] .football-fixture-toggle:after{content:'Hide details'}
    details:not([open]) .football-fixture-toggle:after{content:'Details'}
    .football-fixture-details{padding:0 13px 12px}
    .football-incidents{grid-template-columns:1fr;gap:7px;margin-top:10px;padding-top:0;border-top:0}
    .football-incident{padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.025);font-size:10px}
    .football-incident .event-icon{width:21px;height:21px}
    .incident-owner{display:block;margin-top:3px;color:#f6cf70;font-size:9px}
    .football-event-feed{max-height:510px;gap:8px}
    .football-event{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:10px;border-radius:13px}
    .football-event-icon{width:31px;height:31px;border-radius:9px;font-size:15px}
    .football-event-main{font-size:10px}.football-event-main strong{font-size:11px;margin-bottom:2px}
    .football-event-score{margin-top:5px;padding:4px 7px;font-size:9px}
    .worker-h2h-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
    .worker-h2h-card{padding:12px;border-radius:15px}
    .worker-h2h-head{margin-bottom:9px;font-size:9px}
    .worker-h2h-manager strong{font-size:12px}.worker-h2h-manager span{font-size:9px}
    .worker-h2h-numbers{font-size:22px}
    .worker-h2h-foot{margin-top:9px;padding-top:8px;font-size:9px}
    .live-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 16px}
    .live-support-grid .panel-head{padding:14px 15px 11px}.live-support-grid .panel-body{padding:12px 15px 15px}
    .live-leaders-grid{grid-template-columns:1fr;gap:7px}.live-leader{padding:10px 11px}
    .live-leader b{font-size:17px}
    @media(max-width:1180px){
      .worker-h2h-list{grid-template-columns:repeat(2,minmax(0,1fr))}
      .football-live-grid.compact-match-centre{grid-template-columns:1fr}
      .live-support-grid{grid-template-columns:1fr 1fr}
    }
    @media(max-width:820px){
      .real-live-hero-grid{grid-template-columns:1fr}.real-live-metrics{justify-content:flex-start}
      .football-fixture-list{grid-template-columns:1fr}
      .worker-h2h-list{grid-template-columns:1fr}
      .live-support-grid{grid-template-columns:1fr}
      .live-mode-notice{flex-direction:column}
    }
    @media(max-width:520px){
      .real-live-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
      .real-live-metric{min-width:0}
      .football-team>span:last-child{display:none}
      .football-scoreline{gap:5px}
    }


    /* ===== Phase 9.2: club badges + team-aligned match events ===== */
    .football-scoreline{align-items:flex-start}
    .football-team-block{min-width:0;display:flex;flex-direction:column;align-items:flex-start}
    .football-team-block.away{align-items:flex-end;text-align:right}
    .football-team-block .football-team{width:100%}
    .football-team-block.away .football-team{justify-content:flex-end}
    .football-team-badge{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035))}
    .football-team-badge img{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:contain;z-index:2}
    .football-team-badge .badge-fallback{position:relative;z-index:1;font-size:8px;font-weight:950;color:#b9d6e2;letter-spacing:.04em}
    .football-team-events{display:grid;gap:3px;margin-top:7px;max-width:100%;font-size:9px;color:#91adbc}
    .football-team-events.away{justify-items:end}
    .football-team-event{display:flex;align-items:center;gap:4px;max-width:100%;line-height:1.25}
    .football-team-events.away .football-team-event{flex-direction:row-reverse}
    .football-team-event .event-mini-icon{width:14px;height:14px;border-radius:5px;display:grid;place-items:center;background:rgba(255,255,255,.055);font-size:8px;flex:0 0 auto}
    .football-team-event b{display:block;max-width:118px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d8e7ee;font-size:9px}
    .football-team-event em{font-style:normal;color:#6f8d9e;font-size:8px}
    .football-team-event-more{font-size:8px;color:#80dcd4;font-weight:900}
    .football-fixture-preview{justify-content:flex-end;margin-top:5px;min-height:14px}
    .football-fixture-toggle{margin-left:0}
    @media(max-width:520px){
      .football-team-block .football-team>span:last-child{display:none}
      .football-team-event b{max-width:92px}
      .football-team-events{font-size:8px}
    }


    /* ===== Phase 9.3: scalable H2H scoreboard centre ===== */
    .h2h-centre-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}
    .h2h-highlight-mini{position:relative;overflow:hidden;min-height:82px;padding:12px 13px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(145deg,rgba(17,39,57,.74),rgba(8,22,35,.9));cursor:pointer;text-align:left;color:inherit;font-family:inherit}
    .h2h-highlight-mini:hover{border-color:rgba(50,213,196,.24);transform:translateY(-1px)}
    .h2h-highlight-mini span{display:block;color:#7392a3;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
    .h2h-highlight-mini strong{display:block;margin-top:7px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .h2h-highlight-mini b{display:block;margin-top:5px;color:#8fe7df;font-size:10px}
    .h2h-centre-toolbar{display:grid;grid-template-columns:minmax(200px,1fr) auto auto;gap:10px;align-items:center;margin-bottom:10px}
    .h2h-search-box{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.03)}
    .h2h-search-box span{color:#668595}.h2h-search-box input{width:100%;border:0;outline:0;background:transparent;color:#eef7fa;font-family:inherit;font-size:11px}
    .h2h-search-box input::placeholder{color:#648090}
    .h2h-filter-tabs{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
    .h2h-filter-button{min-height:34px;padding:0 10px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(255,255,255,.03);color:#91aab7;font-family:inherit;font-size:9px;font-weight:900;cursor:pointer}
    .h2h-filter-button:hover,.h2h-filter-button.active{border-color:rgba(50,213,196,.27);background:rgba(50,213,196,.09);color:#9ce8df}
    .h2h-result-count{color:#6f8d9e;font-size:9px;white-space:nowrap;text-align:right}
    .h2h-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
    .h2h-score-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto minmax(0,1fr) 58px;gap:8px;align-items:center;min-height:62px;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:linear-gradient(145deg,rgba(17,39,57,.72),rgba(8,22,35,.88))}
    .h2h-score-row:hover{border-color:rgba(50,213,196,.19)}
    .h2h-pin{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.03);color:#617e8e;cursor:pointer;font-size:12px}
    .h2h-pin.active{color:#f5c451;border-color:rgba(245,196,81,.28);background:rgba(245,196,81,.08)}
    .h2h-team{min-width:0}.h2h-team.away{text-align:right}
    .h2h-team strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .h2h-team span{display:block;margin-top:3px;color:#6f8d9e;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .h2h-row-score{text-align:center;min-width:68px}
    .h2h-row-score strong{display:block;font-size:18px;line-height:1;font-weight:950;white-space:nowrap}.h2h-row-score i{font-style:normal;color:#4f6c7d;margin:0 3px}
    .h2h-row-score span{display:block;margin-top:4px;color:#7291a1;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .h2h-detail-button{min-height:29px;padding:0 8px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(255,255,255,.035);color:#9bb2bf;font-family:inherit;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
    .h2h-detail-button:hover{border-color:rgba(50,213,196,.24);color:#9ce8df}
    .h2h-centre-empty{padding:26px;text-align:center;color:#7692a2;font-size:11px}
    .h2h-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:11px}
    .h2h-page-button{min-width:34px;height:31px;padding:0 9px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:rgba(255,255,255,.03);color:#9bb2bf;font-family:inherit;font-size:9px;font-weight:900;cursor:pointer}
    .h2h-page-button:disabled{opacity:.35;cursor:not-allowed}.h2h-page-button.active{border-color:rgba(50,213,196,.27);background:rgba(50,213,196,.09);color:#9ce8df}
    .h2h-page-copy{color:#6f8d9e;font-size:9px}
    .h2h-detail-modal{width:min(720px,100%);max-height:82vh;overflow:auto;border:1px solid var(--line-strong);border-radius:18px;background:#0b1923;box-shadow:0 35px 90px rgba(0,0,0,.55)}
    .h2h-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}
    .h2h-detail-head span{display:block;color:#7593a4;font-size:9px;text-transform:uppercase;letter-spacing:.11em;font-weight:900}.h2h-detail-head strong{display:block;margin-top:4px;font-size:17px}
    .h2h-detail-score{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;padding:22px 18px;text-align:center;background:linear-gradient(135deg,rgba(50,213,196,.07),rgba(79,125,255,.05))}
    .h2h-detail-side strong{display:block;font-size:16px}.h2h-detail-side span{display:block;margin-top:4px;color:#7895a5;font-size:10px}
    .h2h-detail-numbers{font-size:35px;font-weight:950;white-space:nowrap}.h2h-detail-numbers i{font-style:normal;color:#4f6d7e;margin:0 7px}
    .h2h-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px 18px}
    .h2h-manager-detail{padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025)}
    .h2h-manager-detail h4{margin:0 0 11px;font-size:12px}.h2h-detail-stat{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid rgba(255,255,255,.055);font-size:10px}.h2h-detail-stat span{color:#7693a3}.h2h-detail-stat strong{text-align:right}
    .h2h-detail-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);color:#728f9f;font-size:9px}
    @media(max-width:900px){.h2h-centre-toolbar{grid-template-columns:1fr}.h2h-result-count{text-align:left}.h2h-score-grid{grid-template-columns:1fr}.h2h-centre-highlights{grid-template-columns:1fr 1fr 1fr}}
    @media(max-width:620px){.h2h-centre-highlights{grid-template-columns:1fr}.h2h-score-row{grid-template-columns:25px minmax(0,1fr) auto minmax(0,1fr);padding:8px}.h2h-detail-button{grid-column:2/5;width:100%;min-height:27px}.h2h-row-score{min-width:58px}.h2h-detail-body{grid-template-columns:1fr}.h2h-detail-score{gap:8px}.h2h-detail-numbers{font-size:28px}.h2h-filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.h2h-filter-button{white-space:nowrap}}


    /* =========================================================
       HABBOON FPL v10 — MOBILE APP EXPERIENCE
       Desktop stays intact. Phones receive a dedicated app shell.
       ========================================================= */
    :root {
      --mobile-appbar: 64px;
      --mobile-context: 42px;
      --mobile-nav: 70px;
      --safe-top: env(safe-area-inset-top, 0px);
      --safe-bottom: env(safe-area-inset-bottom, 0px);
    }
    .mobile-only, .mobile-app-context, .mobile-app-dashboard, .mobile-profile-trigger,
    .mobile-install-card, .pull-refresh-indicator, .mobile-profile-tabs { display:none; }

    @media (max-width: 760px) {
      html { background:#060c16; overscroll-behavior-y:none; }
      body {
        min-height:100dvh;
        background:
          radial-gradient(circle at 80% -5%, rgba(66,221,197,.12), transparent 28%),
          linear-gradient(180deg,#07101c 0%,#060c16 100%);
        padding-top:var(--safe-top);
        -webkit-user-select:none;
        user-select:none;
      }
      input, textarea, select, .selectable, .identity-main, .identity-sub { -webkit-user-select:text; user-select:text; }
      .desktop-only { display:none !important; }
      .mobile-only { display:block; }
      .topbar {
        height:var(--mobile-appbar);
        position:fixed;
        top:var(--safe-top); left:0; right:0;
        z-index:70;
        border-bottom:1px solid rgba(255,255,255,.075);
        background:rgba(7,13,24,.92);
        backdrop-filter:blur(24px) saturate(145%);
        box-shadow:0 10px 30px rgba(0,0,0,.18);
      }
      .topbar-inner { width:100%; padding:0 14px; gap:9px; }
      .mobile-menu { order:3; width:39px !important; height:39px !important; border-radius:13px !important; }
      .topbar-brand { order:1; margin:0 auto 0 0; min-width:0; gap:9px; }
      .topbar-brand img { width:101px; max-width:34vw; }
      .topbar-brand:after {
        content:'FPL'; display:grid; place-items:center; height:25px; padding:0 8px;
        border-radius:8px; color:#081711; background:var(--teal); font-size:9px; font-weight:950; letter-spacing:.08em;
      }
      .top-actions { order:2; margin:0; gap:7px; }
      .topbar .search-trigger { width:39px; min-width:39px; height:39px; border-radius:13px; }
      .topbar .connection-pill, .topbar #refresh-button, .topbar .more-button { display:none !important; }
      .mobile-profile-trigger {
        display:grid; place-items:center; width:39px; height:39px; padding:0; border-radius:13px;
        border:1px solid rgba(66,221,197,.18); background:linear-gradient(145deg,rgba(66,221,197,.14),rgba(96,165,250,.06));
        color:var(--teal); font-weight:950; cursor:pointer;
      }
      .mobile-profile-trigger.selected { color:#061a16; background:var(--teal); border-color:var(--teal); }
      .mobile-app-context {
        display:flex; position:fixed; top:calc(var(--safe-top) + var(--mobile-appbar)); left:0; right:0; height:var(--mobile-context); z-index:60;
        align-items:center; gap:8px; padding:0 14px; overflow-x:auto; scrollbar-width:none;
        border-bottom:1px solid rgba(255,255,255,.055); background:rgba(9,17,31,.95); color:#9eb0c4;
        font-size:10px; font-weight:780; white-space:nowrap;
      }
      .mobile-app-context::-webkit-scrollbar { display:none; }
      .mobile-context-pill { display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:0 9px; border:1px solid rgba(255,255,255,.07); border-radius:999px; background:rgba(255,255,255,.025); }
      .mobile-context-pill.live { color:#94f2c8; border-color:rgba(85,214,139,.2); background:rgba(85,214,139,.07); }
      .mobile-context-pill.my { color:#a9f5e8; border-color:rgba(66,221,197,.2); background:rgba(66,221,197,.07); cursor:pointer; }
      .mobile-context-dot { width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 0 4px rgba(85,214,139,.11); }
      .data-notice { position:relative; margin-top:calc(var(--mobile-appbar) + var(--mobile-context) + var(--safe-top)); }
      .data-notice + .content { padding-top:18px; }
      .workspace > .content {
        width:100%; min-height:100dvh; margin:0;
        padding:calc(var(--mobile-appbar) + var(--mobile-context) + var(--safe-top) + 18px) 12px calc(var(--mobile-nav) + var(--safe-bottom) + 24px);
        animation:mobilePageIn .22s ease both;
      }
      .workspace > .data-notice ~ .content { padding-top:18px; }
      @keyframes mobilePageIn { from{opacity:.45;transform:translateY(5px)} to{opacity:1;transform:none} }
      .page-head { margin:0 2px 15px; padding:0; align-items:flex-start; }
      .page-head h2 { font-size:27px; line-height:1.06; letter-spacing:-.04em; }
      .page-head p { max-width:100%; margin-top:7px; font-size:12px; line-height:1.5; }
      .page-head > :last-child:not(:first-child) { margin-top:8px; }
      .eyebrow { font-size:9px; }
      .panel, .info-card, .manager-card, .record-card, .scoreboard-card, .highlight-card, .timeline-card {
        border-radius:18px; background:linear-gradient(155deg,rgba(18,32,52,.96),rgba(9,18,31,.98));
        box-shadow:0 14px 36px rgba(0,0,0,.16);
      }
      .panel-head { min-height:58px; padding:14px 15px; }
      .panel-title { font-size:14px; }
      .panel-sub { font-size:10px; line-height:1.45; }
      .panel-body { padding:14px; }
      .grid-2,.grid-3,.grid-4,.landing-grid,.home-content-grid,.phase3-profile-grid,.stats-summary-grid { grid-template-columns:1fr !important; }
      .span-2 { grid-column:auto !important; }
      .kpi-grid { display:flex; gap:9px; margin:13px -2px 16px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:0 2px 3px; }
      .kpi-grid::-webkit-scrollbar { display:none; }
      .kpi { flex:0 0 min(43vw,170px); min-height:94px; padding:14px; scroll-snap-align:start; }
      .kpi:last-child { grid-column:auto; }
      .kpi-value { font-size:23px; }
      .kpi-detail { font-size:10px; }
      .home-hero { display:none; }
      .mobile-app-dashboard {
        display:block; margin-bottom:13px; padding:18px; border:1px solid rgba(66,221,197,.18); border-radius:22px;
        background:radial-gradient(circle at 95% 0,rgba(66,221,197,.14),transparent 34%),linear-gradient(145deg,rgba(19,38,61,.98),rgba(8,17,30,.99));
        box-shadow:0 20px 50px rgba(0,0,0,.2); overflow:hidden;
      }
      .mobile-app-dashboard-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
      .mobile-app-dashboard-kicker { color:var(--teal); font-size:9px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
      .mobile-app-dashboard-title { margin-top:6px; font-size:24px; font-weight:920; letter-spacing:-.04em; }
      .mobile-app-dashboard-status { min-height:29px; display:inline-flex; align-items:center; gap:6px; padding:0 10px; border-radius:999px; background:rgba(85,214,139,.1); color:#94f2c8; border:1px solid rgba(85,214,139,.18); font-size:9px; font-weight:900; white-space:nowrap; }
      .mobile-app-dashboard-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:15px; }
      .mobile-app-dashboard-stat { padding:11px 10px; border-radius:13px; background:rgba(255,255,255,.035); border:1px solid rgba(255,255,255,.06); }
      .mobile-app-dashboard-stat span { display:block; color:#7f91a8; font-size:8px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
      .mobile-app-dashboard-stat strong { display:block; margin-top:5px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .mobile-my-manager-card { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:11px; align-items:center; margin-top:12px; padding:12px; border-radius:15px; border:1px solid rgba(66,221,197,.15); background:rgba(66,221,197,.055); cursor:pointer; }
      .mobile-my-manager-avatar { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; background:var(--teal); color:#06211c; font-weight:950; }
      .mobile-my-manager-card strong,.mobile-my-manager-card span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .mobile-my-manager-card span { margin-top:3px; color:#91a5b8; font-size:10px; }
      .mobile-my-manager-action { color:var(--teal); font-weight:900; }
      .home-status-row { grid-template-columns:1fr !important; }
      .home-discord-banner { grid-template-columns:38px minmax(0,1fr); }
      .home-discord-action { display:none; }
      .home-live-panel { margin-bottom:12px; }
      .home-live-panel .home-live-inner { padding:14px; }
      .home-content-grid { gap:12px; }
      .home-stat-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:9px; scrollbar-width:none; }
      .home-stat-card { flex:0 0 78vw; scroll-snap-align:start; }
      .manager-grid.phase3-manager-grid { grid-template-columns:1fr !important; gap:10px; }
      .phase3-manager-card { min-height:0; padding:14px; border-radius:17px; }
      .phase3-toolbar { grid-template-columns:1fr !important; gap:9px; }
      .manager-controls { position:sticky; top:calc(var(--safe-top) + var(--mobile-appbar) + var(--mobile-context) + 8px); z-index:18; }
      .directory-search .text-input,.select,.text-input { min-height:44px; font-size:16px; }
      .profile-hero { padding:16px; border-radius:21px; }
      .phase3-profile-main { display:grid !important; grid-template-columns:54px minmax(0,1fr); gap:12px; align-items:start; }
      .profile-avatar { width:54px; height:54px; border-radius:17px; font-size:18px; }
      .profile-name { font-size:25px; }
      .profile-secondary-line { flex-direction:column; align-items:flex-start; gap:2px; font-size:10px; }
      .profile-form-line,.profile-actions { grid-column:1/-1; }
      .phase3-profile-rank { grid-column:1/-1; margin:0; width:100%; display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:13px; background:rgba(255,255,255,.035); }
      .phase3-profile-rank strong { font-size:23px; }
      .mobile-profile-tabs {
        display:flex; position:sticky; top:calc(var(--safe-top) + var(--mobile-appbar) + var(--mobile-context)); z-index:17;
        gap:6px; margin:10px -12px 13px; padding:8px 12px; overflow-x:auto; scrollbar-width:none;
        background:rgba(6,12,22,.94); border-top:1px solid rgba(255,255,255,.045); border-bottom:1px solid rgba(255,255,255,.055); backdrop-filter:blur(18px);
      }
      .mobile-profile-tabs::-webkit-scrollbar { display:none; }
      .mobile-profile-tab { min-height:34px; padding:0 12px; border-radius:999px; border:1px solid var(--line); background:rgba(255,255,255,.025); color:#8fa0b4; font-size:10px; font-weight:850; white-space:nowrap; }
      .mobile-profile-tab.active { color:#061b16; background:var(--teal); border-color:var(--teal); }
      .mobile-profile-section-hidden { display:none !important; }
      .table-wrap { overflow:visible; }
      table.mobile-card-table { min-width:0 !important; display:block; }
      table.mobile-card-table thead { display:none; }
      table.mobile-card-table tbody { display:grid; gap:9px; }
      table.mobile-card-table tr { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; padding:13px 14px; border:1px solid var(--line); border-radius:16px; background:linear-gradient(155deg,rgba(18,32,52,.96),rgba(9,18,31,.98)); }
      table.mobile-card-table td { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; width:100%; height:auto; padding:0; border:0; font-size:11px; }
      table.mobile-card-table td:before { content:attr(data-label); color:#718399; font-size:8px; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
      table.mobile-card-table td:nth-child(1),table.mobile-card-table td:nth-child(2) { grid-column:span 1; }
      table.mobile-card-table td:nth-child(2) { justify-content:flex-end; }
      table.mobile-card-table td:nth-child(2):before { display:none; }
      table.mobile-card-table td:has(.identity) { grid-column:1/-1; justify-content:flex-start; }
      table.mobile-card-table td:has(.identity):before { display:none; }
      table.mobile-card-table .identity { width:100%; }
      table.mobile-card-table .col-wide,table.mobile-card-table .col-medium { display:flex !important; }
      body[data-density="compact"] table.mobile-card-table tr { padding:10px 12px; gap:4px 10px; }
      body[data-density="compact"] .panel-body { padding:11px; }
      body[data-density="compact"] .phase3-manager-card { padding:11px; }
      .fixture-list { gap:8px; }
      .fixture-card { grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); padding:11px 10px; border-radius:15px; }
      .fixture-name { font-size:11px; }
      .fixture-team { font-size:9px; }
      .fixture-score { min-width:58px; font-size:18px; }
      .football-fixtures { display:flex !important; overflow-x:auto; scroll-snap-type:x mandatory; gap:10px; scrollbar-width:none; padding-bottom:2px; }
      .football-fixtures::-webkit-scrollbar { display:none; }
      details.football-fixture { flex:0 0 88vw; scroll-snap-align:start; }
      .football-live-grid { display:block; }
      .football-events-panel { margin-top:11px; }
      .h2h-centre-highlights { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; gap:8px; scrollbar-width:none; }
      .h2h-highlight-card { flex:0 0 72vw; scroll-snap-align:start; }
      .h2h-score-grid { grid-template-columns:1fr !important; }
      .h2h-score-row { min-height:56px; border-radius:14px; }
      .h2h-centre-pagination { position:sticky; bottom:calc(var(--mobile-nav) + var(--safe-bottom) + 8px); z-index:12; border-radius:14px; padding:7px; background:rgba(7,13,24,.94); backdrop-filter:blur(16px); }
      .stats-toolbar,.filter-row,.tab-bar,.leaderboard-tabs { overflow-x:auto; flex-wrap:nowrap !important; scrollbar-width:none; padding-bottom:3px; }
      .stats-toolbar::-webkit-scrollbar,.filter-row::-webkit-scrollbar { display:none; }
      .pill-button,.action-button,.cta-button,.cta-link { min-height:42px; }
      .mobile-bottom {
        height:calc(var(--mobile-nav) + var(--safe-bottom)); z-index:75; grid-template-columns:repeat(5,1fr);
        padding:6px 7px calc(6px + var(--safe-bottom));
        border-top:1px solid rgba(255,255,255,.08); background:rgba(7,13,24,.94); backdrop-filter:blur(24px) saturate(145%);
        box-shadow:0 -15px 40px rgba(0,0,0,.28);
      }
      .mobile-nav-button { min-height:56px; gap:4px; border-radius:14px; font-size:9px; font-weight:800; transition:.16s ease; }
      .mobile-nav-button .nav-icon { width:28px; height:25px; display:grid; place-items:center; border-radius:9px; font-size:17px; }
      .mobile-nav-button.active { color:var(--teal); background:rgba(66,221,197,.06); }
      .mobile-nav-button.active .nav-icon { color:#061b16; background:var(--teal); }
      .mobile-drawer { z-index:90; }
      .drawer-panel { top:auto; bottom:0; width:100%; height:min(87dvh,760px); padding:0 14px calc(20px + var(--safe-bottom)); border:0; border-radius:24px 24px 0 0; animation:sheetUp .22s ease both; }
      @keyframes sheetUp { from{transform:translateY(100%)} to{transform:none} }
      .drawer-head { min-height:66px; background:#0b1423; }
      .drawer-head:before { content:''; position:absolute; top:7px; left:50%; width:42px; height:4px; transform:translateX(-50%); border-radius:4px; background:rgba(255,255,255,.17); }
      .drawer-link-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
      .drawer-panel .nav-button { min-height:58px; border-radius:14px; }
      .mobile-preferences { display:grid; gap:9px; margin:13px 0 4px; }
      .mobile-preference-row { display:flex; justify-content:space-between; gap:12px; align-items:center; padding:12px; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
      .mobile-preference-row strong,.mobile-preference-row span { display:block; }
      .mobile-preference-row span { margin-top:3px; color:var(--muted); font-size:9px; }
      .mobile-install-card { display:block; margin:10px 0; padding:14px; border:1px solid rgba(66,221,197,.17); border-radius:16px; background:rgba(66,221,197,.055); }
      .mobile-install-card strong,.mobile-install-card span { display:block; }
      .mobile-install-card span { margin-top:4px; color:#91a5b8; font-size:10px; line-height:1.45; }
      .mobile-install-actions { display:flex; gap:8px; margin-top:11px; }
      .app-sheet-backdrop { position:fixed; inset:0; z-index:110; background:rgba(1,5,10,.7); backdrop-filter:blur(8px); }
      .app-bottom-sheet { position:absolute; left:0; right:0; bottom:0; max-height:86dvh; overflow-y:auto; padding:10px 14px calc(18px + var(--safe-bottom)); border-radius:25px 25px 0 0; background:#0b1423; border-top:1px solid rgba(255,255,255,.11); box-shadow:0 -30px 70px rgba(0,0,0,.45); animation:sheetUp .22s ease both; }
      .app-sheet-handle { width:42px; height:4px; border-radius:4px; margin:0 auto 12px; background:rgba(255,255,255,.18); }
      .app-sheet-head { display:flex; justify-content:space-between; gap:12px; align-items:center; }
      .app-sheet-profile { display:grid; grid-template-columns:52px minmax(0,1fr); gap:12px; align-items:center; }
      .app-sheet-avatar { width:52px; height:52px; display:grid; place-items:center; border-radius:16px; background:var(--teal); color:#061b16; font-weight:950; font-size:18px; }
      .app-sheet-profile strong,.app-sheet-profile span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .app-sheet-profile strong { font-size:18px; }
      .app-sheet-profile span { margin-top:3px; color:var(--muted); font-size:10px; }
      .app-sheet-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:15px; }
      .app-sheet-stat { padding:11px; border-radius:13px; border:1px solid var(--line); background:rgba(255,255,255,.025); }
      .app-sheet-stat span,.app-sheet-stat strong { display:block; }
      .app-sheet-stat span { color:var(--muted); font-size:8px; text-transform:uppercase; letter-spacing:.07em; }
      .app-sheet-stat strong { margin-top:5px; font-size:16px; }
      .app-sheet-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:14px; }
      .pull-refresh-indicator {
        --pull-progress:0;
        display:flex; position:fixed; z-index:100;
        top:calc(var(--safe-top) + var(--mobile-appbar) + var(--mobile-context) + 10px); left:50%;
        transform:translate(-50%,-125%) scale(.96); align-items:center; gap:8px;
        min-height:38px; max-width:calc(100vw - 28px); padding:0 14px; border-radius:999px;
        background:rgba(19,35,58,.97); border:1px solid var(--line-strong);
        box-shadow:0 12px 30px rgba(0,0,0,.34); color:#b9c8d8;
        font-size:10px; font-weight:850; opacity:0; pointer-events:none;
        transition:transform .16s ease,opacity .16s ease,border-color .16s ease,color .16s ease;
      }
      .pull-refresh-indicator span { display:grid; place-items:center; width:18px; height:18px; font-size:15px; transform:rotate(calc(var(--pull-progress) * 2.1deg)); }
      .pull-refresh-indicator b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      .pull-refresh-indicator.visible { transform:translate(-50%,0) scale(1); opacity:1; }
      .pull-refresh-indicator.ready { color:var(--teal); border-color:rgba(50,213,196,.35); }
      .pull-refresh-indicator.refreshing span { animation:pullRefreshSpin .72s linear infinite; }
      @keyframes pullRefreshSpin { to { transform:rotate(360deg); } }
      .install-toast { position:fixed; z-index:105; left:12px; right:12px; bottom:calc(var(--mobile-nav) + var(--safe-bottom) + 12px); padding:14px; border-radius:17px; border:1px solid rgba(66,221,197,.2); background:rgba(14,27,45,.97); box-shadow:0 22px 55px rgba(0,0,0,.38); }
      .install-toast strong,.install-toast span { display:block; }
      .install-toast span { margin-top:4px; color:var(--muted); font-size:10px; }
      .install-toast-actions { display:flex; gap:8px; margin-top:11px; }
      .install-app-first-visit { border-color:rgba(66,221,197,.3); background:linear-gradient(145deg,rgba(15,32,51,.985),rgba(8,21,35,.985)); }
      .install-app-toast-head { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; align-items:center; }
      .install-app-toast-head img { width:48px; height:48px; border-radius:13px; box-shadow:0 10px 24px rgba(0,0,0,.28); }
      .install-app-toast-head strong { font-size:14px; }
      .install-app-toast-head span { font-size:11px; line-height:1.45; }
      .install-guide-icon { width:48px; height:48px; border-radius:13px; flex:0 0 auto; }
      .install-guide-steps { margin:18px 0 4px; padding-left:22px; color:#b9ccd7; font-size:13px; line-height:1.65; }
      .install-guide-steps li+li { margin-top:8px; }
      .install-guide-steps b { color:#f4f8fb; }
      .install-guide-sheet .app-sheet-actions { margin-top:18px; }
      .site-footer { display:none; }
      .loading-screen,.error-screen { min-height:100dvh; padding:20px; }
      .loading-card,.error-card { width:100%; padding:28px 20px; border-radius:24px; }
      @media (orientation:landscape) and (max-height:560px) {
        .mobile-app-context { display:none; }
        .pull-refresh-indicator { top:calc(var(--safe-top) + var(--mobile-appbar) + 8px); }
        .workspace > .content { padding-top:calc(var(--mobile-appbar) + var(--safe-top) + 14px); }
        .mobile-bottom { height:58px; }
        .mobile-nav-button { min-height:45px; }
      }
    }

    @media (max-width:390px) {
      .mobile-app-dashboard-grid { grid-template-columns:1fr 1fr; }
      .mobile-app-dashboard-stat:last-child { grid-column:1/-1; }
      .drawer-link-grid { grid-template-columns:1fr 1fr; }
      .app-sheet-actions { grid-template-columns:1fr; }
    }

    @media (prefers-reduced-motion:reduce) {
      .content,.drawer-panel,.app-bottom-sheet { animation:none !important; }
      * { scroll-behavior:auto !important; }
    }

  

    /* ===== v11: useful engagement suite ===== */
    .desktop-my-manager-button{height:44px;display:flex;align-items:center;gap:9px;padding:5px 10px 5px 6px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);cursor:pointer;text-align:left}.desktop-my-manager-button:hover,.desktop-my-manager-button.selected{border-color:rgba(50,213,196,.34);background:rgba(50,213,196,.08)}.desktop-manager-avatar{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(50,213,196,.12);color:var(--accent);font-weight:900}.desktop-my-manager-button small,.desktop-my-manager-button strong{display:block;line-height:1.05}.desktop-my-manager-button small{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.desktop-my-manager-button strong{margin-top:3px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.alert-centre-button{position:relative;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);font-size:19px;cursor:pointer}.alert-centre-button:hover{border-color:rgba(50,213,196,.35)}.alert-bell-icon{display:grid;place-items:center}.alert-bell-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.alert-centre-button>b{position:absolute;right:-4px;top:-5px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;display:grid;place-items:center;background:#ef5a68;color:white;border:2px solid var(--bg);font-size:9px}
    .my-manager-hub{margin-bottom:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid rgba(50,213,196,.18);border-radius:18px;background:linear-gradient(115deg,rgba(50,213,196,.08),rgba(20,35,57,.92) 42%,rgba(82,113,255,.08));box-shadow:var(--shadow)}.my-manager-hub.setup h3,.my-manager-hub.selected h3{margin:3px 0 0;font-size:20px}.my-manager-hub p{margin:4px 0 0;color:var(--muted);font-size:11px}.my-manager-hub-icon,.my-manager-hub-avatar{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:rgba(50,213,196,.12);border:1px solid rgba(50,213,196,.2);color:var(--accent);font-size:22px;font-weight:900}.my-manager-hub.selected{grid-template-columns:auto minmax(150px,.7fr) minmax(400px,1.5fr) auto}.my-manager-hub-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.my-manager-hub-stats>div{padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:rgba(5,14,25,.36)}.my-manager-hub-stats span,.my-manager-hub-stats strong{display:block}.my-manager-hub-stats span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.my-manager-hub-stats strong{margin-top:5px;font-size:14px}.my-fixture-stat strong{font-size:11px}.my-manager-hub-actions{display:flex;gap:8px}
    .home-intelligence-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;margin:18px 0}.season-pulse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.season-pulse-card{position:relative;padding:15px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(17,32,51,.88),rgba(10,21,35,.92));min-height:145px;text-align:left}.season-pulse-card.clickable:hover{transform:translateY(-2px);border-color:rgba(50,213,196,.3)}.pulse-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:rgba(50,213,196,.1);color:var(--accent);font-weight:900}.pulse-label{margin-top:12px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.pulse-title{margin-top:5px;font-size:12px;font-weight:800}.pulse-value{margin-top:6px;font-size:17px;font-weight:900}.pulse-detail{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.meaningful-activity-list{display:grid;gap:4px}.meaningful-activity-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:0;border-radius:12px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.meaningful-activity-item:hover{background:rgba(255,255,255,.035)}.activity-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:rgba(50,213,196,.1);color:var(--accent);font-weight:900}.activity-icon.prizes{background:rgba(245,196,81,.12);color:var(--gold)}.activity-icon.announcements{background:rgba(82,113,255,.12);color:#8fa9ff}.activity-icon.records{background:rgba(183,114,255,.12);color:#caa2ff}.activity-copy strong,.activity-copy span,.activity-copy small{display:block}.activity-copy strong{font-size:11px}.activity-copy span{margin-top:2px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-copy small{margin-top:3px;color:#648094;font-size:8px}.activity-arrow{color:var(--muted)}
    .manager-picker-dialog,.alert-centre-dialog{width:min(720px,calc(100vw - 34px));max-height:min(760px,calc(100vh - 50px));overflow:auto;padding:24px;border:1px solid var(--line);border-radius:21px;background:var(--surface);box-shadow:0 35px 90px rgba(0,0,0,.55)}.manager-picker-backdrop,.alert-centre-backdrop{z-index:1000}.manager-picker-head,.alert-centre-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.manager-picker-head h2,.alert-centre-head h2{margin:4px 0 0}.manager-picker-head p,.alert-centre-head p{margin:6px 0 0;color:var(--muted);font-size:11px}.my-manager-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.my-manager-choice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer}.my-manager-choice:hover{border-color:rgba(50,213,196,.32)}.my-manager-choice-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(50,213,196,.1);color:var(--accent);font-weight:900}.my-manager-choice-copy .identity{min-width:0}.choice-arrow{color:var(--muted)}.clear-my-manager{margin-top:14px;color:#f28b94}
    .alert-centre-toolbar{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px;padding:10px 12px;border-radius:12px;background:rgba(50,213,196,.06);color:var(--muted);font-size:10px}.alert-preference-grid{display:flex;flex-wrap:wrap;gap:8px}.alert-pref{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);font-size:9px;cursor:pointer}.alert-pref input{accent-color:var(--accent)}.alert-browser-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.alert-browser-row strong,.alert-browser-row span{display:block}.alert-browser-row strong{font-size:11px}.alert-browser-row span{margin-top:3px;color:var(--muted);font-size:9px}.alert-list{display:grid;gap:5px;max-height:390px;overflow:auto}.alert-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:11px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.alert-item:hover{background:rgba(255,255,255,.035)}.alert-item.unread{border-color:rgba(50,213,196,.18);background:rgba(50,213,196,.05)}.alert-item strong,.alert-item span,.alert-item small{display:block}.alert-item strong{font-size:11px}.alert-item span{margin-top:2px;color:var(--muted);font-size:9px}.alert-item small{margin-top:4px;color:#607c8e;font-size:8px}
    .manager-profile-feature-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin:16px 0}.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.achievement-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.022)}.achievement-card.locked{opacity:.48;filter:saturate(.45)}.achievement-card.unlocked{border-color:rgba(50,213,196,.2);background:linear-gradient(135deg,rgba(50,213,196,.07),rgba(255,255,255,.02))}.achievement-medal{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:rgba(245,196,81,.1);color:var(--gold);font-weight:900}.achievement-card strong,.achievement-card span,.achievement-card small{display:block}.achievement-card strong{font-size:11px}.achievement-card span{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.4}.achievement-card small{margin-top:5px;color:#7e9aad;font-size:8px}.achievement-tick{color:var(--accent)}.trophy-cabinet-grid{display:grid;gap:9px}.trophy-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:center;padding:12px;border:1px solid rgba(245,196,81,.15);border-radius:14px;background:linear-gradient(135deg,rgba(245,196,81,.07),rgba(255,255,255,.02))}.trophy-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(245,196,81,.13);color:var(--gold);font-size:15px;font-weight:900}.trophy-card strong,.trophy-card span{display:block}.trophy-card strong{font-size:11px}.trophy-card span{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.4}
    .player-impact-panel{margin:16px 0}.player-impact-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.player-impact-card{position:relative;padding:13px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(18,35,54,.9),rgba(9,21,34,.94));min-width:0}.impact-rank{position:absolute;right:10px;top:9px;color:#617f92;font-size:8px;font-weight:900}.impact-player strong,.impact-player span{display:block}.impact-player strong{padding-right:24px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impact-player span{margin-top:3px;color:var(--muted);font-size:8px}.impact-points{display:flex;align-items:baseline;gap:5px;margin-top:12px}.impact-points strong{font-size:22px}.impact-points span{color:var(--muted);font-size:8px}.impact-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.impact-meta span{padding:4px 6px;border-radius:999px;background:rgba(50,213,196,.07);color:#8dc4c2;font-size:7px}.impact-events{margin-top:8px;color:var(--muted);font-size:8px;line-height:1.4}
    .squad-trends-block{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
    .squad-trends-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.squad-trends-title{font-size:15px;font-weight:900;letter-spacing:-.02em}.squad-trends-copy{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5;max-width:700px}.squad-trends-lock{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(50,213,196,.2);border-radius:999px;background:rgba(50,213,196,.07);color:#9ce2db;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.squad-trends-lock:before{content:"";width:6px;height:6px;border-radius:50%;background:#32d5c4;box-shadow:0 0 10px rgba(50,213,196,.7)}
    .squad-trend-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.squad-trend-kpi{padding:11px;border:1px solid var(--line);border-radius:13px;background:rgba(12,28,44,.72)}.squad-trend-kpi span{display:block;color:var(--muted);font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.squad-trend-kpi strong{display:block;margin-top:6px;font-size:19px;line-height:1}.squad-trend-kpi small{display:block;margin-top:5px;color:#718fa1;font-size:7px;line-height:1.35}
    .squad-trends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.squad-trend-card{min-width:0;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,rgba(16,34,52,.86),rgba(8,21,34,.9));overflow:hidden}.squad-trend-card.wide{grid-column:1/-1}.squad-trend-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.055)}.squad-trend-card-head strong{font-size:11px}.squad-trend-card-head span{color:var(--muted);font-size:7px;text-align:right}.squad-trend-card-body{padding:8px 10px 10px}
    .squad-trend-list{display:grid;gap:4px}.squad-trend-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 6px;border-radius:10px}.squad-trend-row:hover{background:rgba(255,255,255,.025)}.squad-trend-rank{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:#172b40;color:#86a5b6;font-size:7px;font-weight:900}.squad-trend-player{min-width:0}.squad-trend-player strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-trend-player span{display:block;margin-top:2px;color:var(--muted);font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad-trend-value{text-align:right}.squad-trend-value strong{display:block;font-size:10px}.squad-trend-value span{display:block;margin-top:2px;color:#7e9aad;font-size:7px}.squad-trend-bar{grid-column:2/-1;height:3px;border-radius:99px;background:#102638;overflow:hidden}.squad-trend-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#32d5c4,#4f8df7)}
    .squad-transfer-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.squad-transfer-column{min-width:0}.squad-transfer-label{display:flex;align-items:center;gap:6px;padding:2px 5px 6px;color:#8fa8b8;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.squad-transfer-label.in:before,.squad-transfer-label.out:before{display:grid;place-items:center;width:16px;height:16px;border-radius:6px;font-size:9px}.squad-transfer-label.in:before{content:"↗";background:rgba(34,197,94,.1);color:#84e5a5}.squad-transfer-label.out:before{content:"↘";background:rgba(239,68,68,.1);color:#ff9c9c}
    .squad-chip-list,.squad-hit-list{display:grid;gap:6px}.squad-chip-row,.squad-hit-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px;border-radius:10px;background:rgba(255,255,255,.025)}.squad-chip-row strong,.squad-hit-row strong{display:block;font-size:9px}.squad-chip-row span,.squad-hit-row span{display:block;margin-top:3px;color:var(--muted);font-size:7px;line-height:1.4}.squad-chip-count,.squad-hit-cost{flex:0 0 auto;padding:5px 7px;border-radius:999px;background:rgba(79,141,247,.09);color:#9bc2ff;font-size:7px;font-weight:900}.squad-hit-cost{background:rgba(239,68,68,.09);color:#ffabab}.squad-trend-empty{padding:17px 10px;text-align:center;color:var(--muted);font-size:8px;line-height:1.5}.squad-trends-note{margin-top:9px;padding:9px 10px;border:1px solid rgba(79,141,247,.13);border-radius:11px;background:rgba(79,141,247,.045);color:#83a0b4;font-size:7px;line-height:1.5}
    .squad-trends-waiting{padding:16px;border:1px dashed rgba(79,141,247,.25);border-radius:14px;background:rgba(79,141,247,.035);text-align:center}.squad-trends-waiting strong{display:block;font-size:11px}.squad-trends-waiting span{display:block;max-width:560px;margin:5px auto 0;color:var(--muted);font-size:8px;line-height:1.55}
    @media(max-width:1180px){.desktop-my-manager-button{display:none}.my-manager-hub.selected{grid-template-columns:auto minmax(0,1fr) auto}.my-manager-hub-stats{grid-column:1/-1}.home-intelligence-grid{grid-template-columns:1fr}.player-impact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.squad-trend-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:760px){.alert-centre-button{width:38px;height:38px;border-radius:11px}.my-manager-hub{display:none}.home-intelligence-grid{display:block;margin:12px 0}.season-pulse-panel,.recent-activity-panel{margin-bottom:12px}.season-pulse-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.season-pulse-card{flex:0 0 78%;scroll-snap-align:start;min-height:137px}.meaningful-activity-item{padding:9px 4px}.activity-copy span{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.manager-picker-sheet,.alert-centre-sheet{max-height:88vh}.my-manager-choice-list{grid-template-columns:1fr}.alert-centre-head h2,.manager-picker-head h2{font-size:21px}.alert-preference-grid{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.alert-pref{flex:0 0 auto}.alert-browser-row{align-items:flex-start}.manager-profile-feature-grid{display:block}.manager-profile-feature-grid>section{margin-bottom:12px}.achievement-grid{grid-template-columns:1fr}.player-impact-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.player-impact-card{flex:0 0 68%;scroll-snap-align:start}.squad-trends-head{align-items:flex-start}.squad-trends-lock{margin-top:1px}.squad-trends-grid{grid-template-columns:1fr}.squad-trend-card.wide{grid-column:auto}.squad-transfer-columns{grid-template-columns:1fr}.squad-trend-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.squad-trend-kpi strong{font-size:17px}.squad-trend-row{padding:8px 4px}.squad-trends-copy{font-size:8px}.mobile-my-manager-card.enhanced small{display:block;margin-top:4px;color:#718fa1;font-size:8px}.desktop-my-manager-button{display:none}}

  
    /* ===== Phase 12: News & Articles ===== */
    .news-hub-layout{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:18px;align-items:start}
    .news-recent-panel{position:sticky;top:94px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(180deg,rgba(18,34,51,.94),rgba(8,18,30,.96));overflow:hidden}
    .news-recent-head{padding:16px 17px;border-bottom:1px solid var(--line)}
    .news-recent-head strong,.news-recent-head span{display:block}
    .news-recent-head strong{font-size:13px}
    .news-recent-head span{margin-top:4px;color:var(--muted);font-size:9px}
    .news-recent-list{display:grid;gap:7px;padding:10px}
    .news-recent-item{position:relative;width:100%;min-height:72px;display:flex;align-items:flex-end;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;background:linear-gradient(110deg,rgba(20,38,55,.96),rgba(10,23,38,.9));color:#fff;text-align:left;cursor:pointer}
    .news-recent-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,18,.92),rgba(2,10,18,.58),rgba(2,10,18,.25));z-index:0}
    .news-recent-item>*{position:relative;z-index:1}
    .news-recent-item:hover{border-color:rgba(66,221,197,.28);transform:translateY(-1px)}
    .news-recent-item.active{border-color:rgba(66,221,197,.38);box-shadow:inset 3px 0 0 var(--teal)}
    .news-recent-copy{min-width:0}
    .news-recent-copy strong,.news-recent-copy span{display:block}
    .news-recent-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .news-recent-copy span{margin-top:4px;color:#a9bdc9;font-size:8px}
    .news-article-card{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(16,31,49,.96),rgba(7,17,29,.98));box-shadow:0 22px 55px rgba(0,0,0,.18)}
    .news-article-hero{position:relative;min-height:154px;display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:18px;align-items:center;padding:24px 28px;background:linear-gradient(115deg,#2a1024,#101f35 70%,#102a31);background-position:center;background-size:cover;overflow:hidden}
    .news-article-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,8,21,.92),rgba(5,16,29,.68) 63%,rgba(5,16,29,.42));pointer-events:none}
    .news-article-avatar,.news-article-heading,.news-article-share{position:relative;z-index:1}
    .news-article-avatar{width:112px;height:130px;align-self:end;background-position:center bottom!important;background-repeat:no-repeat!important;background-size:contain!important}
    .news-article-heading{min-width:0;text-align:center}
    .news-article-heading .badge{margin-bottom:10px}
    .news-article-heading h1{margin:0;font-size:clamp(22px,3vw,36px);line-height:1.12;letter-spacing:-.035em}
    .news-article-heading p{margin:9px 0 0;color:#d5e1e8;font-size:11px}
    .news-article-share{align-self:start}
    .news-article-image{display:block;width:min(760px,calc(100% - 48px));max-height:520px;object-fit:cover;margin:24px auto 0;border:1px solid var(--line);border-radius:16px}
    .news-article-body{max-width:850px;margin:0 auto;padding:32px 42px 42px;color:#d6e4ea;font-size:14px;line-height:1.82}
    .news-article-summary{margin:0 0 26px;padding:16px 18px;border-left:3px solid var(--teal);border-radius:0 12px 12px 0;background:rgba(66,221,197,.07);color:#b9d1da;font-size:13px}
    .news-article-body h2,.news-article-body h3{margin:30px 0 10px;color:#f5fbfd;line-height:1.25}
    .news-article-body h2{font-size:23px}
    .news-article-body h3{font-size:18px}
    .news-article-body p{margin:0 0 17px}
    .news-article-body ul{margin:0 0 18px;padding-left:22px}
    .news-article-body li{margin:6px 0}
    .news-article-body blockquote{margin:0 0 18px;padding:14px 17px;border-left:3px solid #7c8dff;border-radius:0 10px 10px 0;background:rgba(82,113,255,.08);color:#dce3ff}
    .news-article-body a{color:var(--teal);font-weight:800}
    .news-article-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}
    .news-empty-panel{padding:34px}
    .home-latest-news{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;margin:0 0 18px;padding:13px 15px;border:1px solid rgba(66,221,197,.15);border-radius:14px;background:linear-gradient(100deg,rgba(66,221,197,.07),rgba(10,23,38,.94));cursor:pointer}
    .home-latest-news:hover{border-color:rgba(66,221,197,.3);transform:translateY(-1px)}
    .home-latest-news-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:rgba(66,221,197,.11);color:var(--teal);font-weight:900}
    .home-latest-news-copy{min-width:0}
    .home-latest-news-copy span,.home-latest-news-copy strong,.home-latest-news-copy small{display:block}
    .home-latest-news-copy span{color:var(--teal);font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
    .home-latest-news-copy strong{margin-top:3px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .home-latest-news-copy small{margin-top:3px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .home-latest-news-arrow{color:var(--teal);font-size:18px}
    .home-hero .home-latest-news.hero-news{max-width:660px;margin:22px 0 0;background:linear-gradient(105deg,rgba(66,221,197,.12),rgba(8,20,35,.72));border-color:rgba(66,221,197,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
    .home-hero .home-latest-news.hero-news:hover{border-color:rgba(66,221,197,.46);background:linear-gradient(105deg,rgba(66,221,197,.17),rgba(8,20,35,.82))}
    .mobile-app-dashboard .home-latest-news.mobile-news{margin:12px 0 0;padding:11px 12px;background:linear-gradient(105deg,rgba(66,221,197,.11),rgba(7,18,31,.72));border-color:rgba(66,221,197,.2)}
    @media(max-width:980px){
      .news-hub-layout{grid-template-columns:1fr}
      .news-recent-panel{position:static}
      .news-recent-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
      .news-recent-item{flex:0 0 min(310px,78vw);scroll-snap-align:start}
    }
    @media(max-width:760px){
      .news-hub-layout{gap:12px}
      .news-recent-panel{border-radius:15px}
      .news-recent-head{padding:13px 14px}
      .news-recent-list{padding:8px}
      .news-recent-item{min-height:65px;padding:11px}
      .news-article-card{border-radius:16px}
      .news-article-hero{min-height:132px;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:15px}
      .news-article-avatar{width:82px;height:108px}
      .news-article-heading{text-align:left}
      .news-article-heading h1{font-size:21px}
      .news-article-heading p{font-size:9px}
      .news-article-share{grid-column:1/-1;justify-self:start}
      .news-article-image{width:calc(100% - 24px);margin-top:12px;border-radius:12px}
      .news-article-body{padding:22px 18px 28px;font-size:13px;line-height:1.72}
      .news-article-body h2{font-size:20px}
      .news-article-body h3{font-size:16px}
      .news-article-footer{align-items:flex-start;flex-direction:column;padding:15px 18px}
      .home-latest-news{margin-bottom:12px;padding:11px 12px}
      .home-latest-news-copy small{display:none}
    }


    /* ===== v13.0: Live Habboon identity system ===== */
    .habbo-avatar {
      position: relative;
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
      overflow: hidden;
      isolation: isolate;
      background: linear-gradient(145deg, rgba(50,213,196,.13), rgba(96,165,250,.055));
      border: 1px solid rgba(50,213,196,.17);
      color: var(--teal);
      font-weight: 950;
      line-height: 1;
    }
    .habbo-avatar__fallback,
    .habbo-avatar__image { position: absolute; inset: 0; width: 100%; height: 100%; box-sizing: border-box; }
    .habbo-avatar__fallback { display: grid; place-items: center; z-index: 1; transition: opacity .16s ease; }
    .habbo-avatar__image {
      z-index: 2;
      display: block;
      object-fit: contain;
      object-position: center;
      opacity: 0;
      transform: none;
      transition: opacity .18s ease;
      image-rendering: auto;
      backface-visibility: hidden;
    }
    .habbo-avatar.is-loaded .habbo-avatar__image { opacity: 1; }
    .habbo-avatar.is-loaded .habbo-avatar__fallback { opacity: 0; }
    .habbo-avatar.is-error .habbo-avatar__fallback { opacity: 1; }
    .habbo-avatar--head .habbo-avatar__image {
      inset: 0;
      width: 100%;
      height: 100%;
      padding: 1px;
      object-fit: contain;
      object-position: center center;
      transform: none;
    }
    .habbo-avatar--full .habbo-avatar__image {
      inset: 12px 12px 14px;
      width: calc(100% - 24px);
      height: calc(100% - 26px);
      padding: 0;
      object-fit: contain;
      object-position: center center;
      transform-origin: center center;
    }

    /* Full manager profile avatar: intentionally part of the hero, never floating outside it. */
    .phase3-profile-main {
      display: grid;
      grid-template-columns: 148px minmax(0,1fr) 180px;
      gap: 24px;
      align-items: center;
    }
    .profile-avatar.habbo-avatar--hero {
      width: 148px;
      height: 174px;
      align-self: stretch;
      border-radius: 22px;
      background:
        radial-gradient(circle at 50% 26%, rgba(50,213,196,.20), transparent 44%),
        linear-gradient(160deg, rgba(10,29,42,.80), rgba(6,16,27,.50));
      border-color: rgba(50,213,196,.22);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.025);
      font-size: 28px;
    }
    .profile-avatar.habbo-avatar--hero .habbo-avatar__image {
      inset: 12px 12px 16px;
      width: calc(100% - 24px);
      height: calc(100% - 28px);
      padding: 0;
      object-position: center center;
      filter: drop-shadow(0 7px 8px rgba(0,0,0,.24));
    }

    /* Compact identity placements. */
    .avatar.habbo-avatar,
    .manager-card-avatar.habbo-avatar,
    .fixture-avatar.habbo-avatar,
    .compare-manager-avatar.habbo-avatar,
    .desktop-manager-avatar.habbo-avatar,
    .mobile-my-manager-avatar.habbo-avatar,
    .my-manager-choice-avatar.habbo-avatar,
    .app-sheet-avatar.habbo-avatar,
    .my-manager-hub-avatar.habbo-avatar,
    .search-result-icon.habbo-avatar,
    .hall-winner-avatar.habbo-avatar { overflow: hidden; }
    .desktop-manager-avatar.habbo-avatar { border-radius: 9px; font-size: 10px; }
    .mobile-trigger-avatar { width: 35px; height: 35px; border-radius: 10px; font-size: 10px; }
    .mobile-profile-trigger.selected { padding: 4px; background: rgba(50,213,196,.10); border-color: rgba(50,213,196,.34); }
    .mobile-profile-trigger.selected .mobile-trigger-avatar { width: 37px; height: 37px; }
    .manager-card-avatar.habbo-avatar { border-radius: 14px; font-size: 12px; }
    .fixture-avatar.habbo-avatar { border-radius: 14px; font-size: 12px; margin-bottom: 10px; }
    .compare-manager-avatar.habbo-avatar { width: 62px; height: 62px; border-radius: 17px; font-size: 13px; }
    .my-manager-choice-avatar.habbo-avatar { border-radius: 11px; font-size: 10px; }
    .app-sheet-avatar.habbo-avatar { border-radius: 16px; font-size: 14px; }
    .my-manager-hub-avatar.habbo-avatar { border-radius: 16px; font-size: 14px; }
    .mobile-my-manager-avatar.habbo-avatar { border-radius: 14px; font-size: 12px; }

    /* H2H rows keep both heads inside the card and facing the centre score. */
    .h2h-team { display: flex; align-items: center; gap: 8px; }
    .h2h-team.away { flex-direction: row-reverse; }
    .h2h-team-copy { min-width: 0; flex: 1 1 auto; }
    .h2h-team.away .h2h-team-copy { text-align: right; }
    .h2h-row-avatar { width: 38px; height: 38px; border-radius: 11px; font-size: 9px; }
    .h2h-detail-side { display: flex; flex-direction: column; align-items: center; min-width: 0; }
    .h2h-detail-side .h2h-detail-avatar { width: 54px; height: 54px; margin-bottom: 8px; border-radius: 15px; font-size: 12px; }

    .manager-match-row { grid-template-columns: 46px 36px minmax(0,1fr) auto 28px; }
    .manager-match-row .fixture-inline-avatar { width: 38px; height: 38px; }

    /* Compact fixture/result cards. */
    .fixture-side-with-avatar { display: flex; align-items: center; gap: 9px; min-width: 0; }
    .fixture-side.away .fixture-side-with-avatar { flex-direction: row-reverse; }
    .fixture-side-copy { min-width: 0; flex: 1 1 auto; }
    .fixture-side.away .fixture-side-copy { text-align: right; }
    .fixture-inline-avatar { width: 40px; height: 40px; border-radius: 11px; font-size: 10px; }

    /* Hall of Fame uses identity plus a small honour marker, rather than replacing the trophy language. */
    .hall-winner-card { grid-template-columns: 48px minmax(0,1fr) auto; }
    .hall-winner-avatar { width: 50px; height: 50px; border-radius: 14px; font-size: 11px; }
    .hall-winner-avatar-wrap { position: relative; width: 50px; height: 50px; }
    .hall-winner-honour {
      position: absolute; z-index: 4; right: -4px; bottom: -4px;
      width: 21px; height: 21px; display: grid; place-items: center;
      border: 2px solid #0c1524; border-radius: 8px;
      background: #2a2431; color: var(--gold); font-size: 9px; font-weight: 950;
    }

    /* Search results and profile pickers. */
    .search-result-icon.habbo-avatar { width: 38px; height: 38px; border-radius: 10px; font-size: 9px; }
    .my-manager-choice-copy .identity > .avatar { display: none; }
    .my-manager-choice-copy .identity { gap: 0; }

    /* Avatar coverage added to manager-bearing records, podiums and prize rows. */
    .record-row.has-manager-avatar { grid-template-columns: 30px 38px minmax(0,1fr) auto; }
    .record-avatar { width: 36px; height: 36px; border-radius: 10px; font-size: 9px; }
    .stats-summary-identity { display:flex; align-items:center; gap:10px; min-width:0; margin-top:10px; }
    .stats-summary-avatar { width:42px; height:42px; border-radius:12px; font-size:10px; }
    .stats-summary-identity .stats-summary-name { margin-top:0; min-width:0; }
    .headline-record-identity { display:flex; align-items:center; gap:9px; min-width:0; margin-top:8px; }
    .headline-record-avatar { width:38px; height:38px; border-radius:11px; font-size:9px; }
    .headline-record-identity .kpi-value { margin-top:0; min-width:0; }
    .podium-identity { display:flex; align-items:center; gap:11px; min-width:0; margin-top:10px; }
    .podium-avatar { width:48px; height:48px; border-radius:13px; font-size:10px; }
    .podium-copy { min-width:0; }
    .podium-identity .podium-name { margin-top:0; }
    .prize-recipient-with-avatar { display:flex; align-items:center; gap:9px; min-width:0; }
    .prize-recipient-avatar { width:40px; height:40px; border-radius:11px; font-size:9px; }
    .prize-recipient-copy { min-width:0; }
    .manager-opponent-avatar { width:38px; height:38px; border-radius:11px; font-size:9px; }
    .diamond-leader-person { display:flex; align-items:center; gap:9px; min-width:0; }
    .diamond-leader-avatar { width:40px; height:40px; border-radius:11px; font-size:9px; }
    .prize-history-person { flex-direction:row; align-items:center; gap:9px; }
    .prize-history-person-copy { min-width:0; display:flex; flex-direction:column; gap:5px; }
    .prize-history-avatar { width:42px; height:42px; border-radius:12px; font-size:9px; }
    .scoreboard-team-identity { display:flex; align-items:center; gap:9px; min-width:0; }
    .scoreboard-team.away .scoreboard-team-identity { flex-direction:row-reverse; }
    .scoreboard-team-copy { min-width:0; flex:1 1 auto; }
    .scoreboard-avatar { width:46px; height:46px; border-radius:13px; font-size:10px; }
    .cup-match-identity { display:inline-flex; align-items:center; gap:6px; min-width:0; }
    .cup-match-avatar { width:30px; height:30px; border-radius:9px; font-size:8px; }
    .cup-match-vs { margin:0 5px; color:var(--muted); font-size:10px; font-weight:850; }

    @media (max-width: 760px) {
      .rivalry-selects { grid-template-columns: minmax(0,1fr); gap: 10px; }
      .rivalry-selects .select-label,
      .rivalry-selects .select { width: 100%; min-width: 0; max-width: 100%; }
      .rivalry-selects .versus-mark { padding: 0; text-align: center; line-height: 1; }
      .compare-hero,
      .compare-manager-card,
      .compare-centre { width: 100%; min-width: 0; box-sizing: border-box; }
      .phase3-profile-main {
        grid-template-columns: 92px minmax(0,1fr) !important;
        gap: 14px !important;
        align-items: start !important;
      }
      .profile-avatar.habbo-avatar--hero {
        width: 92px !important;
        height: 122px !important;
        border-radius: 18px !important;
        font-size: 20px !important;
      }
      .phase3-profile-identity { padding-top: 2px; }
      .profile-form-line, .profile-actions, .phase3-profile-rank { grid-column: 1 / -1; }
      .compare-manager-card.second,
      .compare-manager-card.second .compare-manager-identity { text-align: right; }
      .compare-manager-card.second .compare-manager-identity { flex-direction: row-reverse; }
      .compare-manager-card.second .compare-manager-form .form { justify-content: flex-end; }
      .h2h-row-avatar { width: 34px; height: 34px; border-radius: 10px; }
      .record-row.has-manager-avatar { grid-template-columns: 26px 34px minmax(0,1fr) auto; gap:8px; }
      .record-avatar { width:33px; height:33px; border-radius:9px; }
      .stats-summary-avatar { width:38px; height:38px; border-radius:11px; }
      .podium-avatar { width:44px; height:44px; border-radius:12px; }
      .fixture-inline-avatar { width: 36px; height: 36px; border-radius: 10px; }
      .hall-winner-card { grid-template-columns: 46px minmax(0,1fr); }
      .hall-profile-link { grid-column: 2; }
    }

    @media (max-width: 420px) {
      .phase3-profile-main { grid-template-columns: 80px minmax(0,1fr) !important; gap: 12px !important; }
      .profile-avatar.habbo-avatar--hero { width: 80px !important; height: 108px !important; border-radius: 16px !important; }
      .profile-name { font-size: 23px; }
      .h2h-team { gap: 5px; }
      .h2h-row-avatar { width: 31px; height: 31px; border-radius: 9px; }
    }



    /* =========================================================
       v13.1 — PROFILE POLISH
       Latest news placement, avatar preview, achievement cabinet.
       ========================================================= */
    .home-hero-grid { align-items: start; }
    .home-hero-aside { min-width: 0; display: grid; gap: 14px; align-content: start; }
    .home-hero-aside .home-leader-card { width: 100%; max-width: none; }
    .home-hero .home-latest-news.hero-news {
      width: 100%; max-width: none; margin: 0; min-height: 72px; padding: 12px 14px;
      border-color: rgba(66,221,197,.28);
      background: linear-gradient(105deg,rgba(66,221,197,.14),rgba(8,20,35,.88));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 12px 28px rgba(0,0,0,.14);
    }
    .home-hero .home-latest-news.hero-news .home-latest-news-icon { width: 38px; height: 38px; }
    .home-hero .home-latest-news.hero-news .home-latest-news-copy strong { font-size: 12px; }

    .habbo-avatar[data-avatar-preview="1"] { cursor: zoom-in; }
    .habbo-avatar-preview {
      position: fixed; z-index: 180; width: 286px; min-height: 216px; display: grid;
      grid-template-columns: 108px minmax(0,1fr); gap: 13px; align-items: center;
      padding: 14px; border: 1px solid rgba(50,213,196,.28); border-radius: 18px;
      background: linear-gradient(150deg,rgba(15,37,49,.985),rgba(6,16,27,.99));
      box-shadow: 0 28px 70px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.04);
      opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(5px) scale(.98);
      transition: opacity .14s ease, transform .14s ease, visibility .14s ease;
    }
    .habbo-avatar-preview.is-open { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); }
    .avatar-preview-close {
      position: absolute; top: 8px; right: 8px; width: 27px; height: 27px; display: grid; place-items: center;
      border: 1px solid rgba(255,255,255,.08); border-radius: 9px; background: rgba(4,12,20,.62);
      color: #91aab7; cursor: pointer; font-size: 15px;
    }
    .avatar-preview-close:hover { color: var(--text); border-color: rgba(50,213,196,.28); }
    .avatar-preview-visual { height: 184px; display: grid; place-items: center; overflow: hidden; border-radius: 14px; background: radial-gradient(circle at 50% 30%,rgba(50,213,196,.16),transparent 48%),rgba(255,255,255,.018); }
    .avatar-preview-full.habbo-avatar { width: 102px; height: 178px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
    .avatar-preview-full.habbo-avatar .habbo-avatar__image { inset: 3px; width: calc(100% - 6px); height: calc(100% - 6px); filter: drop-shadow(0 7px 7px rgba(0,0,0,.24)); }
    .avatar-preview-copy { min-width: 0; padding-right: 8px; }
    .avatar-preview-copy span,.avatar-preview-copy strong,.avatar-preview-copy small { display: block; }
    .avatar-preview-eyebrow { color: var(--teal); font-size: 8px; font-weight: 950; letter-spacing: .11em; text-transform: uppercase; }
    .avatar-preview-copy strong { margin-top: 7px; font-size: 20px; line-height: 1.05; overflow-wrap: anywhere; }
    .avatar-preview-copy small { margin-top: 7px; color: var(--muted); font-size: 9px; line-height: 1.45; }
    .avatar-preview-profile { margin-top: 15px; padding: 0; border: 0; background: transparent; color: var(--teal); font: inherit; font-size: 9px; font-weight: 900; cursor: pointer; text-align: left; }

    .manager-profile-feature-grid { grid-template-columns: minmax(0,1.55fr) minmax(280px,.45fr); align-items: start; }
    .achievement-panel { overflow: hidden; }
    .achievement-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
    .achievement-card {
      min-height: 116px; grid-template-columns: 43px minmax(0,1fr); gap: 11px; padding: 13px;
      overflow: hidden; opacity: 1; filter: none;
    }
    .achievement-card.locked { opacity: .64; filter: saturate(.6); }
    .achievement-card.unlocked { border-color: rgba(50,213,196,.23); }
    .achievement-card.difficulty-rare { border-color: rgba(245,196,81,.18); }
    .achievement-card.difficulty-elite { border-color: rgba(163,117,255,.24); background: linear-gradient(135deg,rgba(130,83,255,.07),rgba(255,255,255,.018)); }
    .achievement-medal { width: 43px; height: 43px; border-radius: 13px; }
    .difficulty-rare .achievement-medal { color: var(--gold); background: rgba(245,196,81,.12); }
    .difficulty-elite .achievement-medal { color: #c9a8ff; background: rgba(151,101,255,.14); }
    .achievement-copy { min-width: 0; }
    .achievement-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 7px; }
    .achievement-title-row strong { min-width: 0; font-size: 11px; line-height: 1.3; }
    .achievement-difficulty { flex: 0 0 auto; margin: 0 !important; padding: 3px 6px; border: 1px solid rgba(255,255,255,.08); border-radius: 999px; font-size: 6px !important; font-weight: 950; letter-spacing: .08em; text-transform: uppercase; }
    .achievement-difficulty.standard { color: #8fded5; background: rgba(50,213,196,.07); border-color: rgba(50,213,196,.16); }
    .achievement-difficulty.rare { color: #f6d37d; background: rgba(245,196,81,.08); border-color: rgba(245,196,81,.18); }
    .achievement-difficulty.elite { color: #d3b9ff; background: rgba(151,101,255,.09); border-color: rgba(151,101,255,.21); }
    .achievement-card .achievement-copy > span { min-height: 24px; }
    .achievement-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 7px; }
    .achievement-meta small { margin: 0; }
    .achievement-tick { color: var(--teal); font-size: 7px; white-space: nowrap; }
    .achievement-locked-label { color: #6d8797; font-size: 7px; white-space: nowrap; }
    .achievement-progress { height: 4px; margin-top: 8px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); }
    .achievement-progress i { display: block; width: var(--achievement-progress); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--teal),#75e8dd); }
    .difficulty-rare .achievement-progress i { background: linear-gradient(90deg,#d7a83d,#f5d77f); }
    .difficulty-elite .achievement-progress i { background: linear-gradient(90deg,#8159df,#d3b4ff); }

    @media (max-width: 920px) {
      .home-hero-aside { margin-top: 2px; }
      .manager-profile-feature-grid { grid-template-columns: 1fr; }
    }
    @media (max-width: 760px) {
      .home-hero .home-latest-news.hero-news { display: none; }
      .habbo-avatar[data-avatar-preview="1"] { cursor: pointer; }
      .habbo-avatar-preview {
        left: 12px !important; right: 12px !important; top: auto !important;
        bottom: calc(var(--mobile-nav) + var(--safe-bottom) + 12px); width: auto; min-height: 204px;
        grid-template-columns: 104px minmax(0,1fr); padding: 13px;
        border-radius: 19px; transform: translateY(14px);
      }
      .habbo-avatar-preview.is-open { transform: translateY(0); }
      .avatar-preview-visual { height: 174px; }
      .avatar-preview-full.habbo-avatar { width: 98px; height: 168px; }
      .achievement-panel .panel-head { display:grid; grid-template-columns:1fr; gap:10px; align-items:start; }
      .achievement-panel .panel-head .badge { justify-self:start; }
      .achievement-panel .panel-sub { max-width:none; }
      .achievement-grid { grid-template-columns: 1fr; }
      .achievement-card { min-height: 104px; }
    }


    /* =========================================================
       v13.1.1 — PROFILE POLISH CORRECTIONS
       ========================================================= */
    .home-hero { isolation: isolate; }
    .home-hero .home-latest-news.hero-news.hero-news-corner {
      position: absolute;
      z-index: 4;
      top: 18px;
      right: 18px;
      width: 310px;
      max-width: calc(100% - 36px);
      margin: 0;
      min-height: 68px;
      padding: 11px 13px;
    }
    .home-hero-aside { padding-top: 74px; }

    .profile-name-row {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 10px 12px;
      min-width: 0;
    }
    .profile-name-row .profile-name { min-width: 0; }
    .profile-achievement-badges {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 5px;
      min-width: 0;
    }
    .profile-achievement-badge,
    .profile-achievement-more {
      width: 27px;
      height: 27px;
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
      border: 1px solid rgba(50,213,196,.19);
      border-radius: 9px;
      background: rgba(50,213,196,.075);
      color: #9ce8df;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
      font-size: 8px;
      font-weight: 950;
      line-height: 1;
    }
    .profile-achievement-badge.rare { color: #f7d57f; border-color: rgba(245,196,81,.25); background: rgba(245,196,81,.09); }
    .profile-achievement-badge.elite { color: #d5bbff; border-color: rgba(165,121,255,.29); background: rgba(143,91,255,.11); }
    .profile-achievement-badge b { font: inherit; }
    .profile-achievement-more { width: auto; min-width: 27px; padding: 0 7px; color: #b6c8d2; border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.04); }
    .profile-achievement-empty { color: #718c9b; font-size: 8px; font-weight: 850; }

    .habbo-avatar[data-avatar-preview="1"] { cursor: zoom-in !important; pointer-events: auto; }
    .habbo-avatar[data-avatar-preview="1"] .habbo-avatar__image,
    .habbo-avatar[data-avatar-preview="1"] .habbo-avatar__fallback { pointer-events: none; }

    @media (max-width: 920px) {
      .home-hero .home-latest-news.hero-news.hero-news-corner { position: static; width: min(310px,100%); max-width: 100%; margin: 0 0 18px auto; }
      .home-hero-aside { padding-top: 0; }
    }
    @media (max-width: 760px) {
      .home-hero .home-latest-news.hero-news.hero-news-corner { display: none; }
      .profile-name-row { align-items: flex-start; gap: 8px; }
      .profile-achievement-badge,.profile-achievement-more { width: 25px; height: 25px; border-radius: 8px; }
      .profile-achievement-more { width: auto; }
    }


    /* =========================================================
       v13.1.2 — COMPACT ACHIEVEMENTS + HONOUR BADGES
       ========================================================= */
    .achievement-panel .panel-body { padding-bottom: 14px; }
    .achievement-panel:not(.is-expanded) .achievement-card:nth-child(n+7) { display: none; }
    .achievement-toggle-row {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 12px;
      padding-top: 12px;
      border-top: 1px solid rgba(255,255,255,.065);
    }
    .achievement-toggle {
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 8px 14px;
      border: 1px solid rgba(50,213,196,.2);
      border-radius: 999px;
      background: rgba(50,213,196,.065);
      color: #9de9df;
      font: inherit;
      font-size: 9px;
      font-weight: 900;
      cursor: pointer;
    }
    .achievement-toggle:hover { border-color: rgba(50,213,196,.38); background: rgba(50,213,196,.1); }
    .achievement-toggle-arrow { font-size: 12px; transition: transform .16s ease; }
    .achievement-panel.is-expanded .achievement-toggle-arrow { transform: rotate(180deg); }

    .profile-honour-badges {
      display: inline-flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 5px;
      min-width: 0;
    }
    .profile-honour-badge,
    .profile-honour-more {
      width: 27px;
      height: 27px;
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
      border: 1px solid rgba(50,213,196,.19);
      border-radius: 9px;
      background: rgba(50,213,196,.075);
      color: #9ce8df;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
      font-size: 8px;
      font-weight: 950;
      line-height: 1;
    }
    .profile-honour-badge.achievement-rare { color: #f7d57f; border-color: rgba(245,196,81,.25); background: rgba(245,196,81,.09); }
    .profile-honour-badge.achievement-elite { color: #d5bbff; border-color: rgba(165,121,255,.29); background: rgba(143,91,255,.11); }
    .profile-honour-badge.trophy {
      color: #ffe18d;
      border-color: rgba(245,196,81,.38);
      background: linear-gradient(145deg,rgba(245,196,81,.17),rgba(245,196,81,.07));
      box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 0 0 1px rgba(245,196,81,.04);
    }
    .profile-honour-badge b { font: inherit; }
    .profile-honour-more { width: auto; min-width: 27px; padding: 0 7px; color: #b6c8d2; border-color: rgba(255,255,255,.1); background: rgba(255,255,255,.04); }

    /* Align the compact Latest News card with the right edge of the H2H leader card. */
    .home-hero .home-latest-news.hero-news.hero-news-corner { right: 44px; }

    @media (max-width: 920px) {
      .home-hero .home-latest-news.hero-news.hero-news-corner { right: auto; }
    }
    @media (max-width: 760px) {
      .achievement-panel:not(.is-expanded) .achievement-card:nth-child(n+4) { display: none; }
      .profile-honour-badge,.profile-honour-more { width: 25px; height: 25px; border-radius: 8px; }
      .profile-honour-more { width: auto; }
    }


    /* v13.4.0 — manager-scoped Inbox, search and mobile redesign */
    .alert-centre-dialog{width:min(920px,calc(100vw - 40px));padding:0;overflow:hidden}
    .alert-centre-dialog .alert-centre-shell,.alert-centre-sheet .alert-centre-shell{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:0}
    .alert-centre-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 24px 17px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(50,213,196,.11),rgba(11,27,39,.97) 48%,rgba(23,31,60,.88))}
    .alert-centre-title-row{display:flex;align-items:center;gap:13px;min-width:0}.alert-centre-owner-avatar{width:50px!important;height:50px!important;flex:0 0 50px;border-radius:15px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.035)!important;overflow:hidden}
    .alert-centre-head h2{margin-top:2px;font-size:25px;letter-spacing:-.035em}.alert-centre-head p{max-width:610px;line-height:1.55}.alert-centre-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.alert-clear-button{min-height:35px}
    .alert-centre-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 24px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}
    .alert-centre-summary-copy strong,.alert-centre-summary-copy span{display:block}.alert-centre-summary-copy strong{font-size:11px}.alert-centre-summary-copy span{margin-top:3px;color:var(--muted);font-size:9px}
    .alert-centre-controls{display:grid;gap:10px;padding:12px 24px 11px;border-bottom:1px solid var(--line);background:rgba(4,13,20,.38)}
    .alert-search-wrap{position:relative;display:flex;align-items:center;gap:9px;min-height:40px;padding:0 11px;border:1px solid var(--line);border-radius:12px;background:#0b1824;transition:.16s}.alert-search-wrap:focus-within{border-color:rgba(50,213,196,.38);box-shadow:0 0 0 3px rgba(50,213,196,.07)}.alert-search-icon{color:#698697;font-size:16px}.alert-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.alert-search-input::placeholder{color:#617887}.alert-search-clear{width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:#708895;cursor:pointer}.alert-search-clear:hover{background:rgba(255,255,255,.06);color:#fff}
    .alert-filter-tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.alert-filter-tabs::-webkit-scrollbar{display:none}.alert-filter-button{flex:0 0 auto;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);color:var(--muted);font-size:9px;font-weight:850;cursor:pointer}.alert-filter-button:hover,.alert-filter-button.active{border-color:rgba(50,213,196,.30);background:rgba(50,213,196,.10);color:var(--text)}
    .phone-reminder-row{display:none;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}.phone-reminder-copy strong,.phone-reminder-copy span{display:block}.phone-reminder-copy strong{font-size:10px}.phone-reminder-copy span{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}.phone-reminder-button{flex:0 0 auto;min-height:34px}
    .alert-list{display:block;max-height:min(550px,calc(100vh - 320px));overflow:auto;padding:10px 16px 20px;scrollbar-gutter:stable}
    .alert-date-group{padding:14px 10px 8px;color:#688291;font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
    .alert-item{position:relative;width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px 16px 15px;border:1px solid rgba(255,255,255,.06);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012));color:var(--text);text-align:left;cursor:pointer;transition:.17s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
    .alert-item:hover{border-color:rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));transform:translateY(-1px)}.alert-item:focus-visible{outline:2px solid rgba(96,165,250,.75);outline-offset:2px}
    .alert-item.unread{border-color:rgba(50,213,196,.18);background:linear-gradient(90deg,rgba(50,213,196,.05),rgba(255,255,255,.014));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 0 1px rgba(50,213,196,.03)}.alert-item.is-focused{border-color:rgba(96,165,250,.42);background:linear-gradient(90deg,rgba(96,165,250,.10),rgba(255,255,255,.02));box-shadow:0 0 0 3px rgba(96,165,250,.08)}
    .alert-item-avatar{width:52px!important;height:52px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(50,213,196,.14),rgba(96,165,250,.10))!important;border:1px solid rgba(255,255,255,.08)!important;overflow:hidden}
    .alert-item-copy{min-width:0}
    .alert-item-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:7px}
    .alert-item-sender{font-size:8px;font-weight:950;letter-spacing:.085em;text-transform:uppercase;color:#d7e6ee}
    .alert-item-time{color:#6f8a99;font-size:8px;white-space:nowrap}
    .alert-item-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:8px}
    .alert-item-context,.alert-item-category{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:max-content;align-self:flex-start;min-height:20px;padding:0 8px;border-radius:999px;font-size:6.5px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
    .alert-item-context{border:1px solid color-mix(in srgb,var(--alert-accent,var(--teal)) 28%,transparent);background:color-mix(in srgb,var(--alert-accent,var(--teal)) 10%,transparent);color:var(--alert-accent,var(--teal))}
    .alert-item-category{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#a9c0cd}
    .alert-item-copy strong{display:block;font-size:13px;line-height:1.35;letter-spacing:-.01em}.alert-item-copy>span{display:block;margin-top:4px;color:#b4c4ce;font-size:9px;line-height:1.58}
    .alert-item-copy small{display:none}
    .alert-item-action{display:inline-flex;align-items:center;gap:7px;align-self:center;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.03);font-size:8px;font-weight:900;white-space:nowrap;color:#c7d7df}.alert-item-action svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.alert-item:hover .alert-item-action{border-color:color-mix(in srgb,var(--alert-accent,var(--teal)) 40%,transparent);color:var(--alert-accent,var(--teal));background:color-mix(in srgb,var(--alert-accent,var(--teal)) 8%,rgba(255,255,255,.03))}
    .alert-item.unread:after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:999px;background:var(--alert-accent,var(--teal));box-shadow:0 0 14px color-mix(in srgb,var(--alert-accent,var(--teal)) 50%,transparent)}
    .alert-empty{padding:52px 22px;text-align:center}.alert-empty-icon{width:60px;height:60px;margin:0 auto 13px;display:grid;place-items:center;border:1px solid rgba(50,213,196,.18);border-radius:19px;background:rgba(50,213,196,.07);color:var(--teal);font-size:25px}.alert-empty strong{display:block;font-size:13px}.alert-empty span{display:block;margin-top:5px;color:var(--muted);font-size:10px}
    .notification-bubble-stack{position:fixed;z-index:950;top:96px;right:max(22px,env(safe-area-inset-right));width:min(380px,calc(100vw - 44px));display:grid;gap:11px;pointer-events:none}
    .notification-bubble{--bubble-accent:var(--teal);position:relative;width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) 30px;gap:12px;align-items:start;min-height:112px;padding:13px 11px 12px 13px;border:1px solid color-mix(in srgb,var(--bubble-accent) 30%,rgba(255,255,255,.08));border-left:3px solid var(--bubble-accent);border-radius:17px;background:linear-gradient(135deg,rgba(15,34,46,.99),rgba(8,20,31,.99));box-shadow:0 22px 58px rgba(0,0,0,.46);backdrop-filter:blur(18px);pointer-events:auto;cursor:pointer;overflow:hidden;animation:notificationBubbleIn .28s ease both,notificationBubbleLife 10s linear .28s forwards}
    .notification-bubble:hover{animation-play-state:running,paused;border-color:color-mix(in srgb,var(--bubble-accent) 50%,rgba(255,255,255,.10));transform:translateX(-2px)}.notification-bubble:focus-visible{outline:2px solid rgba(96,165,250,.8);outline-offset:3px}.notification-bubble:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--bubble-accent) 13%,transparent),transparent 44%);pointer-events:none}
    .notification-bubble-avatar{position:relative;z-index:1;width:50px!important;height:50px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.04)!important;overflow:hidden}.notification-bubble-copy{position:relative;z-index:1;min-width:0}.notification-bubble-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:5px;color:var(--bubble-accent);font-size:7px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.notification-bubble-copy strong{display:block;font-size:11.5px;line-height:1.4;overflow-wrap:anywhere}.notification-bubble-copy>span{display:block;margin-top:4px;color:#a2b6c1;font-size:9px;line-height:1.48;overflow-wrap:anywhere}.notification-bubble-action{display:inline-flex!important;align-items:center;gap:6px;margin-top:7px!important;color:#7f9aa8!important;font-size:8px!important;font-weight:900!important}.notification-bubble-action svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
    .notification-bubble-close{position:relative;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:rgba(255,255,255,.03);color:#78909d;cursor:pointer}.notification-bubble-close:hover{border-color:rgba(255,255,255,.20);color:#fff;background:rgba(255,255,255,.08)}
    .inbox-confirm-backdrop{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(1,6,11,.72);backdrop-filter:blur(8px)}.inbox-confirm-card{width:min(420px,100%);padding:20px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:#0c1826;box-shadow:0 28px 80px rgba(0,0,0,.52)}.inbox-confirm-card h3{margin:0;font-size:18px}.inbox-confirm-card p{margin:8px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.inbox-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
    .inbox-undo-toast{position:fixed;z-index:1250;right:22px;bottom:22px;display:flex;align-items:center;gap:14px;min-width:290px;max-width:430px;padding:12px 14px;border:1px solid rgba(50,213,196,.25);border-radius:13px;background:#10232e;box-shadow:var(--shadow);animation:toastIn .2s ease}.inbox-undo-toast strong,.inbox-undo-toast span{display:block}.inbox-undo-toast strong{font-size:10px}.inbox-undo-toast span{margin-top:2px;color:var(--muted);font-size:8px}.inbox-undo-toast button{margin-left:auto}
    @keyframes notificationBubbleIn{from{opacity:0;transform:translateX(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes notificationBubbleLife{0%,80%{opacity:1}100%{opacity:0;transform:translateX(14px)}}
    /* Notification bubbles are a fixed overlay. They never resize or compress page content. */
    @media(max-width:1759px){.notification-bubble-stack{display:none!important}}
    @media(max-width:760px){
      .notification-bubble-stack{display:none!important}.alert-centre-sheet{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:none!important;padding:0 0 env(safe-area-inset-bottom)!important;border-radius:0!important;overflow:hidden!important;background:#07111c!important;animation:none!important;transform:none!important}.alert-centre-sheet>.app-sheet-handle{display:none}.alert-centre-sheet .alert-centre-shell{height:100dvh;grid-template-rows:auto auto minmax(0,1fr)}
      .alert-centre-sheet .alert-centre-head{position:relative;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;align-items:center}.alert-centre-title-row{gap:10px}.alert-centre-owner-avatar{width:44px!important;height:44px!important;flex-basis:44px;border-radius:13px!important}.alert-centre-head .eyebrow{font-size:7px}.alert-centre-head h2{font-size:19px;line-height:1.2}.alert-centre-head p{display:none}.alert-centre-head-actions{gap:6px}.alert-clear-button{min-height:34px;padding:0 9px;font-size:8px}.alert-centre-head .icon-button{width:36px;height:36px}
      .alert-centre-summary{padding:10px 14px}.alert-centre-summary-copy strong{font-size:10px}.alert-centre-summary-copy span{font-size:8px;line-height:1.35}.alert-centre-summary .badge{font-size:7px;white-space:nowrap}
      .alert-centre-controls{padding:10px 14px 9px;gap:9px}.alert-search-wrap{min-height:43px;border-radius:13px}.alert-search-input{font-size:12px}.alert-filter-tabs{margin:0 -14px;padding:0 14px 3px}.alert-filter-button{min-height:35px;padding:0 13px;font-size:9px}.phone-reminder-row{display:flex}.phone-reminder-button{min-width:76px}
      .alert-list{max-height:none;height:100%;padding:7px 10px calc(20px + var(--mobile-nav) + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}.alert-date-group{padding:13px 8px 7px;font-size:8px}.alert-item{grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:start;padding:13px 11px 12px;margin-bottom:6px;border-color:rgba(255,255,255,.055);border-radius:17px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.012))}.alert-item:hover{transform:none}.alert-item-avatar{width:44px!important;height:44px!important;border-radius:13px!important}.alert-item-topline{gap:6px;margin-bottom:6px}.alert-item-sender{font-size:7.5px}.alert-item-time{font-size:7.5px}.alert-item-meta{gap:5px;margin-bottom:7px}.alert-item-context,.alert-item-category{min-height:18px;padding:0 7px;font-size:5.8px}.alert-item-copy strong{font-size:12px;line-height:1.42}.alert-item-copy>span{font-size:9.3px;line-height:1.56}.alert-item-action{grid-column:2;justify-self:start;min-height:34px;margin-top:6px;padding:0 11px;font-size:8px}.alert-empty{padding:54px 18px}.inbox-undo-toast{left:12px;right:12px;bottom:calc(var(--mobile-nav) + env(safe-area-inset-bottom) + 12px);min-width:0}.inbox-confirm-actions{display:grid;grid-template-columns:1fr 1fr}.inbox-confirm-actions .action-button,.inbox-confirm-actions .pill-button{justify-content:center}
    }
    @media(prefers-reduced-motion:reduce){.notification-bubble,.inbox-undo-toast{animation:none!important}.alert-item,.notification-bubble{transition:none!important}}

    /* v14.0.4 — clean score rankings, single fixture form row and top mobile newspaper hero */
    .gameweek-score-ranking{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:rgba(3,9,17,.18)}
    .gameweek-score-ranking-head,.gameweek-score-ranking-row{display:grid;grid-template-columns:48px minmax(0,1fr) 90px 108px;gap:10px;align-items:center}
    .gameweek-score-ranking-head{min-height:42px;padding:0 15px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.025);color:#7895b7;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
    .gameweek-score-ranking-row{width:100%;min-height:64px;padding:9px 15px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:background .15s ease}
    .gameweek-score-ranking-row:last-child{border-bottom:0}.gameweek-score-ranking-row:hover{background:rgba(50,213,196,.045)}
    .gameweek-score-ranking-row.is-current{box-shadow:inset 3px 0 0 var(--teal);background:linear-gradient(90deg,rgba(50,213,196,.055),transparent 55%)}
    .gameweek-score-ranking-pos{font-size:11px;font-weight:950;color:#a9bed8}.gameweek-score-ranking-pos.top-1{color:#ffd85f}.gameweek-score-ranking-pos.top-2{color:#dce8f3}.gameweek-score-ranking-pos.top-3{color:#dc9b61}
    .gameweek-score-ranking-manager{min-width:0}.gameweek-score-ranking-score,.gameweek-score-ranking-overall{font-size:12px;font-weight:950;white-space:nowrap}.gameweek-score-ranking-overall{color:#dbe8f6}
    .fixture-form-line .form{justify-content:center}
    @media(max-width:760px){
      .mobile-newspaper-release.mobile-newspaper-top-hero{width:100%;min-height:132px;margin:0 0 12px;padding:17px 16px;border-radius:20px;grid-template-columns:minmax(0,1fr) 42px;box-shadow:0 18px 38px rgba(0,0,0,.26)}
      .mobile-newspaper-top-hero .mobile-newspaper-masthead{display:block;margin:7px 0 5px;padding:6px 0 5px;border-top:3px double #151515;border-bottom:1px solid #151515;font:950 25px/.92 Georgia,"Times New Roman",serif;letter-spacing:-.045em}
      .mobile-newspaper-top-hero strong{font-size:18px;line-height:1.02}.mobile-newspaper-top-hero b{width:42px;height:42px}
      .gameweek-score-ranking-head,.gameweek-score-ranking-row{grid-template-columns:38px minmax(0,1fr) 58px 68px;gap:7px}
      .gameweek-score-ranking-head{padding:0 10px;font-size:6.5px}.gameweek-score-ranking-row{min-height:60px;padding:8px 10px}
      .gameweek-score-ranking-score,.gameweek-score-ranking-overall{font-size:10px}.gameweek-score-ranking-manager .identity-copy small{max-width:150px}
    }

    /* v13.5.4 — mobile My Manager and app experience */
    /* Shared current-fixture card styling is also required on desktop My Season. */
    .mobile-manager-fixture{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 42px 12px;gap:9px;align-items:center;margin-top:9px;padding:11px;border:1px solid rgba(96,165,250,.14);border-radius:14px;background:linear-gradient(100deg,rgba(96,165,250,.065),rgba(255,255,255,.018));color:var(--text);text-align:left;cursor:pointer;appearance:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
    .mobile-manager-fixture:hover{border-color:rgba(96,165,250,.30);background:linear-gradient(100deg,rgba(96,165,250,.10),rgba(255,255,255,.025))}
    .mobile-manager-fixture.empty{display:block}
    .mobile-manager-fixture-copy{min-width:0}
    .mobile-manager-fixture-copy span,.mobile-manager-fixture-copy strong,.mobile-manager-fixture-copy small{display:block}
    .mobile-manager-fixture-copy span{color:#7792a4;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
    .mobile-manager-fixture-copy strong{margin-top:4px;font-size:12px}
    .mobile-manager-fixture-copy small{margin-top:3px;color:#879ca9;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .mobile-manager-fixture-score{font-size:16px;font-weight:950;white-space:nowrap}
    .mobile-manager-opponent-avatar{width:40px!important;height:40px!important;border-radius:12px!important}
    .mobile-manager-fixture-arrow{color:#7191a4;font-size:16px}

    /* v14.0.2 — shared manager shortcut styling on desktop and mobile. */
    .mobile-manager-shortcut{position:relative;width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:60px;padding:10px 12px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:linear-gradient(145deg,rgba(18,37,50,.88),rgba(7,19,29,.94));color:var(--text);text-align:left;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .16s ease,background .16s ease,transform .16s ease}
    .mobile-manager-shortcut:hover{border-color:rgba(50,213,196,.30);background:linear-gradient(145deg,rgba(50,213,196,.10),rgba(10,24,36,.96));transform:translateY(-1px)}
    .mobile-manager-shortcut:focus-visible{outline:2px solid rgba(96,165,250,.72);outline-offset:2px}
    .mobile-manager-shortcut-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(50,213,196,.09);color:var(--teal);font-size:13px;line-height:1}
    .mobile-manager-shortcut>span:nth-child(2){min-width:0}
    .mobile-manager-shortcut strong,.mobile-manager-shortcut small{display:block;overflow:hidden;text-overflow:ellipsis}
    .mobile-manager-shortcut strong{font-size:11px;line-height:1.2;white-space:nowrap}
    .mobile-manager-shortcut small{margin-top:3px;color:#78909f;font-size:8.5px;line-height:1.35;white-space:nowrap}
    .mobile-manager-shortcut i{display:grid;place-items:center;min-width:22px;color:#76909f;font-style:normal;font-size:14px;line-height:1}
    .mobile-manager-shortcut b{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:999px;background:#ef5a68;color:#fff;font-size:8px;line-height:1}

    .mobile-manager-home,.mobile-manager-shortcuts,.my-season-action-row,.my-season-kpis,.my-season-grid,.my-season-hero{display:none}
    @media(max-width:760px){
      .mobile-app-context{gap:7px;padding-left:12px;padding-right:12px}.mobile-context-updated{margin-left:auto}.mobile-context-pill.my{display:none}
      .mobile-app-dashboard{padding:15px;border-radius:20px}.mobile-app-dashboard-title{font-size:22px}.mobile-app-dashboard-status{min-height:27px;padding:0 8px;font-size:8px}.mobile-app-dashboard-grid{margin-top:12px}.mobile-app-dashboard-stat{padding:10px 8px}.mobile-app-dashboard-stat strong{font-size:14px}
      .mobile-manager-home{display:block;margin-top:12px;padding:13px;border:1px solid rgba(50,213,196,.16);border-radius:18px;background:linear-gradient(145deg,rgba(50,213,196,.065),rgba(6,18,29,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
      .mobile-manager-identity-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center}.mobile-manager-home-avatar{width:48px!important;height:48px!important;border-radius:15px!important}.mobile-manager-home-copy{min-width:0}.mobile-manager-home-copy>span{display:block;color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.mobile-manager-home-copy strong{display:block;margin-top:3px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-manager-home-copy small{display:block;margin-top:3px;color:#8298a8;font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-manager-change{min-height:31px;padding:0 9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#a9bdc8;font-size:8px;font-weight:900}
      .mobile-manager-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.mobile-manager-summary-grid>div{padding:9px 10px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.022)}.mobile-manager-summary-grid span,.mobile-manager-summary-grid strong{display:block}.mobile-manager-summary-grid span{color:#71899a;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mobile-manager-summary-grid strong{margin-top:4px;font-size:14px}
      .mobile-manager-fixture{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 42px 12px;gap:9px;align-items:center;margin-top:9px;padding:11px;border:1px solid rgba(96,165,250,.14);border-radius:14px;background:linear-gradient(100deg,rgba(96,165,250,.065),rgba(255,255,255,.018));color:var(--text);text-align:left}.mobile-manager-fixture.empty{display:block}.mobile-manager-fixture-copy{min-width:0}.mobile-manager-fixture-copy span,.mobile-manager-fixture-copy strong,.mobile-manager-fixture-copy small{display:block}.mobile-manager-fixture-copy span{color:#7792a4;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mobile-manager-fixture-copy strong{margin-top:4px;font-size:12px}.mobile-manager-fixture-copy small{margin-top:3px;color:#879ca9;font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-manager-fixture-score{font-size:16px;font-weight:950;white-space:nowrap}.mobile-manager-opponent-avatar{width:40px!important;height:40px!important;border-radius:12px!important}.mobile-manager-fixture-arrow{color:#7191a4;font-size:16px}.mobile-manager-form-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:0 2px}.mobile-manager-form-row>span{color:#71899a;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mobile-manager-form-row .form-dot{width:19px;height:19px;font-size:8px}
      .mobile-manager-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:11px}.mobile-manager-shortcut{grid-template-columns:31px minmax(0,1fr) auto;gap:8px;min-height:57px;padding:9px;border-radius:13px}.mobile-manager-shortcut:active{background:rgba(50,213,196,.07)}.mobile-manager-shortcut-icon{width:31px;height:31px;border-radius:10px;font-size:12px}.mobile-manager-shortcut strong{font-size:9.5px}.mobile-manager-shortcut small{font-size:7.2px}.mobile-manager-shortcut b{min-width:18px;height:18px;padding:0 4px;font-size:7px}
      .mobile-my-manager-card.setup{margin-top:12px;min-height:76px}.mobile-my-manager-card.setup span{white-space:normal}.mobile-my-manager-card.setup span span{line-height:1.4}
      .my-manager-mobile-sheet{height:min(88dvh,760px);max-height:88dvh;padding:0 14px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;border-radius:24px 24px 0 0}.mobile-manager-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 13px;border-bottom:1px solid rgba(255,255,255,.055)}.mobile-manager-sheet-profile{display:flex;align-items:center;gap:11px;min-width:0}.mobile-manager-sheet-avatar{width:50px!important;height:50px!important;border-radius:15px!important}.mobile-manager-sheet-profile div{min-width:0}.mobile-manager-sheet-profile span,.mobile-manager-sheet-profile strong,.mobile-manager-sheet-profile small{display:block}.mobile-manager-sheet-profile span{color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.mobile-manager-sheet-profile strong{margin-top:3px;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-manager-sheet-profile small{margin-top:3px;color:#7f96a5;font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-manager-sheet-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.mobile-manager-sheet-stats>div{padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.024)}.mobile-manager-sheet-stats span,.mobile-manager-sheet-stats strong{display:block}.mobile-manager-sheet-stats span{color:#71899a;font-size:7px;font-weight:900;text-transform:uppercase}.mobile-manager-sheet-stats strong{margin-top:5px;font-size:16px}.mobile-manager-shortcuts.sheet{margin-top:12px}.mobile-manager-sheet-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.055)}.mobile-manager-sheet-footer .clear-my-manager{margin:0;font-size:9px}
      .manager-picker-sheet{height:88dvh;max-height:88dvh;padding:0 14px calc(16px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.manager-picker-sheet .manager-picker-head{position:sticky;top:0;z-index:3;margin:0 -14px;padding:8px 14px 12px;background:linear-gradient(180deg,#0d1a29 82%,transparent)}.manager-picker-sheet .directory-search{position:sticky;top:82px;z-index:3;background:#0d1a29;padding:4px 0 9px}.manager-picker-sheet .my-manager-choice-list{padding-bottom:16px}.manager-picker-sheet .my-manager-choice{min-height:61px;padding:10px}.manager-picker-sheet .my-manager-choice-avatar{width:42px;height:42px}
      .my-season-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid rgba(50,213,196,.17);border-radius:20px;background:linear-gradient(130deg,rgba(50,213,196,.08),rgba(12,24,39,.96));box-shadow:0 16px 36px rgba(0,0,0,.15)}.my-season-identity{display:grid;grid-template-columns:54px minmax(0,1fr);gap:11px;align-items:center;min-width:0}.my-season-avatar{width:54px!important;height:54px!important;border-radius:17px!important}.my-season-identity h3{margin:2px 0 0;font-size:20px}.my-season-identity p{margin:3px 0 0;color:#8398a7;font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-season-identity .manager-profile-tags{margin-top:7px}.my-season-rank{text-align:right;flex:0 0 auto}.my-season-rank span,.my-season-rank strong,.my-season-rank small{display:block}.my-season-rank span{color:#708899;font-size:7px;font-weight:900;text-transform:uppercase}.my-season-rank strong{margin-top:4px;font-size:27px}.my-season-rank small{margin-top:2px;color:#7792a4;font-size:8px}.my-season-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.my-season-kpis>div{padding:11px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.022)}.my-season-kpis span,.my-season-kpis strong{display:block}.my-season-kpis span{color:#71899a;font-size:7px;font-weight:900;text-transform:uppercase}.my-season-kpis strong{margin-top:5px;font-size:15px}.my-season-action-row{display:grid;grid-template-columns:1fr;gap:7px;margin:10px 0}.my-season-action-row .mobile-manager-shortcut{min-height:54px}.my-season-grid{display:grid;grid-template-columns:1fr;gap:11px}.my-season-grid .panel{margin:0}.my-season-fixture-panel .mobile-manager-fixture{margin-top:0}.my-season-empty-action{text-align:center;margin-top:14px}
      body[data-density="compact"] .mobile-manager-home{padding:10px}body[data-density="compact"] .mobile-manager-summary-grid>div{padding:8px}body[data-density="compact"] .mobile-manager-shortcut{min-height:50px;padding:7px}
    }


    /* ==============================================================
       THE HABBOON TIMES — RESPONSIVE NEWSPAPER SYSTEM
       ============================================================== */
    .home-newspaper-release{position:relative;overflow:hidden;border:1px solid rgba(245,240,225,.32);border-radius:20px;background:linear-gradient(145deg,#f4f0e4,#d8d2c2);color:#151515;padding:18px;box-shadow:0 22px 48px rgba(0,0,0,.28);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.home-newspaper-release:hover{transform:translateY(-3px);box-shadow:0 27px 56px rgba(0,0,0,.34)}.home-newspaper-release:after{content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:repeating-linear-gradient(0deg,#111 0,#111 1px,transparent 1px,transparent 4px)}.home-newspaper-release>*{position:relative;z-index:1}.home-newspaper-release-label{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:3px double #151515;font-size:8px;font-weight:950;letter-spacing:.14em;text-transform:uppercase}.home-newspaper-release-logo{font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:.94;font-weight:950;letter-spacing:-.055em;margin:11px 0 8px}.home-newspaper-release h3{font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1;margin:0}.home-newspaper-release p{font-family:Georgia,"Times New Roman",serif;font-size:10px;line-height:1.45;margin:7px 0 13px;color:#383838}.home-newspaper-release-action{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #151515;padding-top:9px;font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.home-newspaper-release-action b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#151515;color:#fff;font-size:14px}.home-hero-aside{display:grid;gap:12px;align-content:start}
    .mobile-newspaper-release{display:none}

    .newspaper-archive-head{position:relative;overflow:hidden;padding:28px;border:1px solid #a9a395;border-radius:21px;background:linear-gradient(130deg,#f4f0e4,#d6d0bf);color:#171717;box-shadow:0 23px 56px rgba(0,0,0,.2)}.newspaper-archive-head:after{content:"THE HABBOON TIMES";position:absolute;right:-20px;bottom:-22px;font:950 64px/.8 Georgia,"Times New Roman",serif;letter-spacing:-.07em;color:rgba(0,0,0,.055);white-space:nowrap}.newspaper-archive-head>*{position:relative;z-index:1}.newspaper-archive-head .eyebrow{color:#313131}.newspaper-archive-head h2{font:950 46px/.9 Georgia,"Times New Roman",serif;letter-spacing:-.06em;margin:8px 0}.newspaper-archive-head p{max-width:720px;margin:0;color:#414141;font:13px/1.6 Georgia,"Times New Roman",serif}.newspaper-archive-rule{height:4px;border-top:1px solid #111;border-bottom:2px solid #111;margin:16px 0 0}.newspaper-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:16px}.newspaper-edition-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:360px;padding:18px;background:#f1ede0;color:#151515;border:1px solid #aaa496;border-radius:16px;box-shadow:0 15px 34px rgba(0,0,0,.16);cursor:pointer;transition:.18s}.newspaper-edition-tile:hover{transform:translateY(-4px);box-shadow:0 21px 43px rgba(0,0,0,.24)}.newspaper-edition-tile:after{content:"";position:absolute;inset:0;opacity:.1;pointer-events:none;background:repeating-linear-gradient(0deg,#111 0,#111 1px,transparent 1px,transparent 4px)}.newspaper-edition-tile>*{position:relative;z-index:1}.newspaper-edition-meta{display:flex;justify-content:space-between;gap:8px;font:900 8px/1.1 ui-sans-serif,system-ui;letter-spacing:.1em;text-transform:uppercase}.newspaper-edition-masthead{font:950 31px/.9 Georgia,"Times New Roman",serif;letter-spacing:-.06em;text-align:center;padding:12px 0 9px;margin-top:8px;border-top:3px solid #111;border-bottom:3px double #111}.newspaper-edition-tile h3{font:950 26px/.96 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:18px 0 8px}.newspaper-edition-tile p{font:11px/1.5 Georgia,"Times New Roman",serif;color:#373737;margin:0}.newspaper-edition-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:auto;padding-top:15px;border-top:1px solid #111;font:900 8px/1.2 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.08em}.newspaper-edition-footer span:last-child{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:15px}

    .newspaper-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(2,5,9,.91);backdrop-filter:blur(10px);animation:newspaperBackdropIn .24s ease}.newspaper-viewer{position:relative;width:min(1480px,96vw);height:min(930px,94vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px}.newspaper-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:14px;color:#fff}.newspaper-viewer-title{display:flex;align-items:center;gap:10px;min-width:0}.newspaper-viewer-title span{font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;color:#a9b7c7}.newspaper-viewer-title strong{font:900 18px/1 Georgia,"Times New Roman",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.newspaper-close{width:41px;height:41px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(10,16,24,.75);color:#fff;font-size:22px;cursor:pointer}.newspaper-stage{min-height:0;display:grid;place-items:center;perspective:2200px;overflow:hidden}.newspaper-book{position:relative;width:min(1320px,92vw);height:min(790px,80vh);transform-style:preserve-3d}.newspaper-book.is-opening{animation:newspaperUnfold 1.05s cubic-bezier(.2,.76,.2,1) both}.newspaper-sheet{position:absolute;inset:0;overflow:hidden;background:#f3efe2;color:#171717;border:1px solid #aaa497;border-radius:4px;box-shadow:0 35px 100px rgba(0,0,0,.58);transform-origin:left center;backface-visibility:hidden}.newspaper-sheet.turn-next{animation:newspaperTurnNext .42s cubic-bezier(.55,.05,.35,1)}.newspaper-sheet.turn-prev{animation:newspaperTurnPrev .42s cubic-bezier(.55,.05,.35,1)}.newspaper-paper-texture{position:absolute;inset:0;pointer-events:none;z-index:10;mix-blend-mode:multiply;opacity:.1;background-image:repeating-linear-gradient(0deg,#111 0,#111 1px,transparent 1px,transparent 4px),radial-gradient(circle at 20% 30%,#111 0,.5px,transparent .8px);background-size:auto,5px 5px}.newspaper-page{position:relative;z-index:2;height:100%;overflow:auto;padding:22px 26px 17px;font-family:Georgia,"Times New Roman",serif;scrollbar-width:thin;scrollbar-color:#777 transparent}.newspaper-page-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:13px;border-bottom:4px double #111;padding-bottom:8px;margin-bottom:13px}.newspaper-page-header small{font:900 8px/1.2 ui-sans-serif,system-ui;letter-spacing:.11em;text-transform:uppercase}.newspaper-page-header h2{font:950 47px/.86 Georgia,"Times New Roman",serif;letter-spacing:-.065em;text-align:center;margin:0;white-space:nowrap}.newspaper-page-header small:last-child{text-align:right}.newspaper-page-number{position:absolute;right:25px;bottom:7px;font:900 7px/1 ui-sans-serif,system-ui;letter-spacing:.12em;text-transform:uppercase}.newspaper-section-label{font:950 8px/1 ui-sans-serif,system-ui;letter-spacing:.15em;text-transform:uppercase}.newspaper-cover-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.72fr);gap:20px;height:calc(100% - 69px)}.newspaper-cover-main{display:flex;flex-direction:column;min-height:0}.newspaper-cover-main h1{font:950 clamp(42px,5vw,76px)/.88 Georgia,"Times New Roman",serif;letter-spacing:-.065em;margin:8px 0 12px}.newspaper-cover-standfirst{font-size:16px;line-height:1.35;font-weight:700;max-width:850px}.newspaper-cover-image{position:relative;min-height:230px;flex:1;margin-top:15px;border-top:2px solid #111;border-bottom:1px solid #111;overflow:hidden;background:repeating-radial-gradient(circle,#ccc 0,#ccc .8px,#eee9dc .8px,#eee9dc 3px);display:grid;place-items:center}.newspaper-cover-image .habbo-avatar{width:100%;height:100%;min-height:230px;border-radius:0;background:transparent}.newspaper-cover-image .habbo-avatar__image{filter:grayscale(1) contrast(1.12);object-fit:contain;object-position:center bottom}.newspaper-image-caption{position:absolute;left:6px;right:6px;bottom:5px;background:rgba(242,238,225,.9);padding:4px 6px;border-top:1px solid #111;font:800 7px/1.3 ui-sans-serif,system-ui;text-transform:uppercase}.newspaper-cover-sidebar{border-left:1px solid #111;padding-left:17px;display:flex;flex-direction:column}.newspaper-cover-secondary{padding:13px 0;border-bottom:1px solid #111}.newspaper-cover-secondary:first-child{padding-top:0}.newspaper-cover-secondary h3{font:950 25px/.98 Georgia,"Times New Roman",serif;margin:5px 0 6px}.newspaper-cover-secondary p{font-size:10px;line-height:1.45;margin:0}.newspaper-inside-box{margin-top:auto;border:2px solid #111;padding:10px}.newspaper-inside-box strong{font-size:16px}.newspaper-inside-box span{display:block;margin-top:5px;font:800 8px/1.45 ui-sans-serif,system-ui}
    .newspaper-feature-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:20px}.newspaper-feature-copy h1{font:950 clamp(43px,5vw,72px)/.9 Georgia,"Times New Roman",serif;letter-spacing:-.06em;margin:8px 0 12px}.newspaper-feature-standfirst{font-size:17px;line-height:1.35;font-weight:700;border-top:1px solid #111;border-bottom:1px solid #111;padding:9px 0}.newspaper-feature-body{column-count:2;column-gap:18px;column-rule:1px solid #777;font-size:13px;line-height:1.65;margin-top:14px}.newspaper-feature-body:first-letter{float:left;font-size:52px;line-height:.8;padding:6px 5px 0 0;font-weight:950}.newspaper-feature-sidebar{display:grid;gap:12px;align-content:start}.newspaper-feature-avatar{height:345px;border:1px solid #111;background:repeating-radial-gradient(circle,#ccc 0,#ccc 1px,#eee9dc 1px,#eee9dc 3px);overflow:hidden;display:grid;place-items:center}.newspaper-feature-avatar .habbo-avatar{width:100%;height:100%;border-radius:0;background:transparent}.newspaper-feature-avatar img{filter:grayscale(1) contrast(1.12);object-fit:contain!important;object-position:center bottom!important}.newspaper-score-box{border:3px double #111;padding:12px;text-align:center}.newspaper-score-box span{font:900 8px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.14em}.newspaper-score-box strong{display:block;font-size:21px;margin-top:6px}.newspaper-reason-list{border-top:1px solid #111}.newspaper-reason-list div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #888;font:800 8px/1.25 ui-sans-serif,system-ui;text-transform:uppercase}
    .newspaper-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.newspaper-report{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:12px;padding:14px 0;border-bottom:1px solid #555;min-height:240px}.newspaper-report:nth-child(odd){padding-right:18px;border-right:1px solid #555}.newspaper-report h3{font:950 29px/.96 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:6px 0 8px}.newspaper-report-standfirst{font-size:11px;line-height:1.45;font-weight:700}.newspaper-report-body{font-size:10px;line-height:1.55;margin-top:8px}.newspaper-report-score{display:inline-block;padding:3px 0;border-top:1px solid #111;border-bottom:1px solid #111;font:900 8px/1.2 ui-sans-serif,system-ui;text-transform:uppercase}.newspaper-report-avatar{align-self:start;height:142px;border:1px solid #111;overflow:hidden;background:repeating-radial-gradient(circle,#ccc 0,#ccc .8px,#eee9dc .8px,#eee9dc 3px);display:grid;place-items:center}.newspaper-report-avatar .habbo-avatar{width:100%;height:100%;border-radius:0;background:transparent}.newspaper-report-avatar img{filter:grayscale(1) contrast(1.12);object-fit:contain!important;object-position:center bottom!important}
    .newspaper-stats-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px}.newspaper-stat-splash{border:4px double #111;padding:16px}.newspaper-stat-splash h1{font:950 46px/.9 Georgia,"Times New Roman",serif;margin:7px 0}.newspaper-stat-list{display:grid;gap:0;margin-top:14px}.newspaper-stat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 0;border-top:1px solid #111}.newspaper-stat-row span{font-size:11px;line-height:1.35}.newspaper-stat-row strong{font-size:18px}.newspaper-table{width:100%;border-collapse:collapse;font-size:11px}.newspaper-table caption{text-align:left;font:950 30px/1 Georgia,"Times New Roman",serif;margin-bottom:10px}.newspaper-table th,.newspaper-table td{padding:8px 7px;border-bottom:1px solid #555;text-align:left}.newspaper-table th{border-top:3px solid #111;border-bottom:2px solid #111;font:900 8px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.08em}.newspaper-table td:last-child,.newspaper-table th:last-child{text-align:right}
    .newspaper-awards-head{text-align:center;border-top:4px solid #111;border-bottom:4px double #111;padding:12px 0;margin-bottom:15px}.newspaper-awards-head h1{font:950 47px/.9 Georgia,"Times New Roman",serif;letter-spacing:-.055em;margin:4px 0}.newspaper-awards-head p{font:800 9px/1.3 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.12em;margin:0}.newspaper-awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.newspaper-award-card{position:relative;min-height:205px;padding:14px;border:2px solid #111;display:flex;flex-direction:column}.newspaper-award-icon{font-size:29px;line-height:1}.newspaper-award-card h3{font:950 24px/.96 Georgia,"Times New Roman",serif;margin:10px 0 5px}.newspaper-award-manager{font:950 12px/1.2 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.08em}.newspaper-award-detail{font-size:10px;line-height:1.5;margin-top:10px}.newspaper-award-avatar{position:absolute;right:5px;bottom:0;width:82px;height:108px;overflow:hidden;opacity:.22}.newspaper-award-avatar .habbo-avatar{width:100%;height:100%;border-radius:0;background:transparent}.newspaper-award-avatar img{filter:grayscale(1) contrast(1.4);object-fit:contain!important;object-position:center bottom!important}
    .newspaper-back-page{height:calc(100% - 70px);display:grid;place-items:center;text-align:center;border:5px double #111;padding:35px}.newspaper-back-page h1{font:950 clamp(52px,7vw,100px)/.82 Georgia,"Times New Roman",serif;letter-spacing:-.075em;margin:10px 0}.newspaper-back-page p{font-size:16px;max-width:620px;line-height:1.5}.newspaper-back-page-rule{width:100%;height:4px;border-top:1px solid #111;border-bottom:2px solid #111;margin:20px 0}.newspaper-viewer-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#fff}.newspaper-turn-button{justify-self:start;min-width:142px;height:43px;border:1px solid rgba(255,255,255,.3);border-radius:3px;background:#eee9dc;color:#151515;padding:0 14px;font:950 10px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.09em;cursor:pointer}.newspaper-turn-button.next{justify-self:end}.newspaper-turn-button:disabled{opacity:.35;cursor:default}.newspaper-page-indicator{font:900 9px/1 ui-sans-serif,system-ui;letter-spacing:.12em;text-transform:uppercase;color:#cbd4dd}.newspaper-swipe-hint{display:none}
    .profile-newspaper-awards{margin:0 0 16px}.profile-newspaper-awards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profile-newspaper-award{position:relative;overflow:hidden;padding:14px;border:1px solid rgba(236,229,207,.18);border-radius:14px;background:linear-gradient(145deg,rgba(238,232,214,.08),rgba(255,255,255,.02))}.profile-newspaper-award:after{content:"HT";position:absolute;right:-4px;bottom:-12px;font:950 52px/1 Georgia,"Times New Roman",serif;color:rgba(255,255,255,.035)}.profile-newspaper-award>*{position:relative;z-index:1}.profile-newspaper-award small{display:block;color:#9cb0bd;font-size:8px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.profile-newspaper-award strong{display:block;margin-top:7px;font:900 17px/1 Georgia,"Times New Roman",serif}.profile-newspaper-award span{display:block;margin-top:5px;color:var(--muted);font-size:8px;line-height:1.45}.profile-newspaper-award b{display:inline-block;margin-top:9px;padding:4px 7px;border:1px solid rgba(255,255,255,.1);border-radius:999px;font-size:8px;color:#e8dfc7}
    @keyframes newspaperBackdropIn{from{opacity:0}to{opacity:1}}@keyframes newspaperUnfold{0%{opacity:0;transform:scale(.18,.88) rotateY(-25deg)}35%{opacity:1;transform:scale(.48,.9) rotateY(-10deg)}72%{transform:scale(1.02,1) rotateY(2deg)}100%{transform:none}}@keyframes newspaperTurnNext{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(-28deg) translateX(-2%);opacity:.65}100%{transform:rotateY(0);opacity:1}}@keyframes newspaperTurnPrev{0%{transform:rotateY(0);opacity:1}45%{transform:rotateY(28deg) translateX(2%);opacity:.65}100%{transform:rotateY(0);opacity:1}}
    @media(max-width:1180px){.newspaper-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.newspaper-cover-layout{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr)}.newspaper-page-header h2{font-size:39px}.newspaper-awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-newspaper-awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:760px){.home-newspaper-release{display:none}.mobile-newspaper-release{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:10px 0 12px;padding:14px;background:linear-gradient(145deg,#f3efe2,#d8d1bf);color:#151515;border:1px solid #b6af9e;border-radius:16px;text-align:left;box-shadow:0 12px 26px rgba(0,0,0,.18)}.mobile-newspaper-release:after{content:"";position:absolute;inset:0;opacity:.09;pointer-events:none;background:repeating-linear-gradient(0deg,#111 0,#111 1px,transparent 1px,transparent 4px)}.mobile-newspaper-release>*{position:relative;z-index:1}.mobile-newspaper-release small{display:block;font-size:7px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.mobile-newspaper-release strong{display:block;margin-top:5px;font:950 20px/.96 Georgia,"Times New Roman",serif}.mobile-newspaper-release span{display:block;margin-top:5px;font:9px/1.35 Georgia,"Times New Roman",serif;color:#3b3b3b}.mobile-newspaper-release b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#151515;color:#fff;font-size:20px}.newspaper-archive-head{padding:21px 18px}.newspaper-archive-head h2{font-size:36px}.newspaper-archive-grid{grid-template-columns:1fr}.newspaper-edition-tile{min-height:315px}.newspaper-overlay{padding:0;background:#161616}.newspaper-viewer{width:100vw;height:100dvh;gap:0}.newspaper-viewer-top{height:54px;padding:0 12px;background:#111}.newspaper-viewer-title strong{font-size:14px}.newspaper-close{width:35px;height:35px}.newspaper-stage{display:block;overflow:hidden}.newspaper-book{width:100vw;height:calc(100dvh - 112px);perspective:1400px}.newspaper-sheet{border:0;border-radius:0}.newspaper-page{padding:13px 14px 28px;-webkit-overflow-scrolling:touch}.newspaper-page-header{grid-template-columns:1fr auto;align-items:center}.newspaper-page-header h2{grid-column:1/-1;grid-row:1;text-align:center;font-size:32px}.newspaper-page-header small:first-child{grid-row:2}.newspaper-page-header small:last-child{grid-row:2}.newspaper-cover-layout,.newspaper-feature-grid,.newspaper-stats-layout{display:block;height:auto}.newspaper-cover-main h1,.newspaper-feature-copy h1{font-size:40px}.newspaper-cover-standfirst,.newspaper-feature-standfirst{font-size:14px}.newspaper-cover-image{height:250px;min-height:250px;flex:none}.newspaper-cover-sidebar{border-left:0;border-top:3px double #111;padding:12px 0 0;margin-top:14px}.newspaper-feature-body{column-count:1;font-size:12px}.newspaper-feature-sidebar{margin-top:14px}.newspaper-feature-avatar{height:260px}.newspaper-report-grid{display:block}.newspaper-report{grid-template-columns:minmax(0,1fr) 92px;min-height:210px;padding:13px 0!important;border-right:0!important}.newspaper-report h3{font-size:24px}.newspaper-report-avatar{height:112px}.newspaper-stats-layout>*+*{margin-top:18px}.newspaper-awards-grid{grid-template-columns:1fr}.newspaper-award-card{min-height:172px}.newspaper-viewer-controls{height:58px;padding:7px 10px;background:#111;grid-template-columns:1fr auto 1fr}.newspaper-turn-button{height:40px;min-width:0;padding:0 11px;font-size:8px}.newspaper-page-indicator{font-size:8px}.newspaper-swipe-hint{display:block;position:absolute;left:50%;bottom:65px;transform:translateX(-50%);z-index:8;background:rgba(0,0,0,.7);color:#fff;border-radius:999px;padding:5px 9px;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;animation:fadeSwipeHint 3s forwards}.profile-newspaper-awards-grid{grid-template-columns:1fr}.newspaper-page-number{right:14px}.newspaper-book.is-opening{animation-duration:.78s}}
    @keyframes fadeSwipeHint{0%,65%{opacity:1}100%{opacity:0}}
    @media(prefers-reduced-motion:reduce){.newspaper-book.is-opening,.newspaper-sheet.turn-next,.newspaper-sheet.turn-prev,.newspaper-overlay{animation:none!important}.home-newspaper-release,.newspaper-edition-tile{transition:none}}
    #newspaper-page-content{height:100%}

    .home-live-panel.newspaper{border-color:rgba(239,234,216,.28);background:linear-gradient(110deg,rgba(43,41,35,.82),rgba(13,20,30,.98) 50%,rgba(8,15,25,.98))}.home-live-panel.newspaper .live-ring{border-color:rgba(239,234,216,.3);background:rgba(239,234,216,.09)}.home-live-panel.newspaper .live-ring i{width:15px;height:11px;border-radius:1px;background:#eee8d7;box-shadow:inset 0 0 0 2px #151515}.home-live-panel.newspaper .home-live-kicker{color:#eee8d7}.home-live-action.newspaper{border-color:#eee8d7;background:#eee8d7;color:#151515;font-family:Georgia,"Times New Roman",serif}.home-live-action.newspaper:hover{background:#fffaf0}
    .newspaper-around-league{margin-top:20px;border-top:4px double #111;padding-top:11px}.newspaper-around-league>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px}.newspaper-around-league article{padding-right:15px;border-right:1px solid #777}.newspaper-around-league article:last-child{border-right:0}.newspaper-around-league h3{font:950 20px/.98 Georgia,"Times New Roman",serif;margin:0 0 6px}.newspaper-around-league p{font-size:10px;line-height:1.5;margin:0}
    @media(max-width:760px){.newspaper-around-league>div:last-child{grid-template-columns:1fr}.newspaper-around-league article{padding:0 0 10px;border-right:0;border-bottom:1px solid #777}}



    /* =========================================================
       v14.0.9 — NON-BLOCKING REFRESH SAFETY
       Keeps the full-screen newspaper while ensuring every control
       remains reachable around notches, browser chrome and home bars.
       ========================================================= */
    @media(max-width:760px){
      .newspaper-overlay{
        width:100%;
        height:100%;
        min-height:100dvh;
        overflow:hidden;
        overscroll-behavior:none;
      }
      .newspaper-viewer{
        width:100%;
        max-width:100vw;
        min-width:0;
        height:100dvh;
        max-height:100dvh;
        min-height:0;
        grid-template-rows:auto minmax(0,1fr) auto;
        overflow:hidden;
      }
      .newspaper-viewer-top{
        width:100%;
        max-width:100%;
        min-width:0;
        min-height:calc(56px + env(safe-area-inset-top));
        height:auto;
        padding:
          env(safe-area-inset-top)
          calc(10px + env(safe-area-inset-right))
          0
          calc(14px + env(safe-area-inset-left));
        box-sizing:border-box;
        position:relative;
        z-index:20;
      }
      .newspaper-viewer-title{
        display:block;
        flex:1 1 0;
        min-width:0;
        max-width:100%;
        overflow:hidden;
      }
      .newspaper-viewer-title span,
      .newspaper-viewer-title strong{
        display:block;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
      }
      .newspaper-viewer-title strong{
        min-width:0;
        margin-top:3px;
        font-size:13px;
      }
      .newspaper-close{
        position:relative;
        z-index:30;
        flex:0 0 44px;
        width:44px;
        height:44px;
        min-width:44px;
        min-height:44px;
        margin-left:8px;
        display:grid;
        place-items:center;
        padding:0 0 2px;
        border-color:rgba(255,255,255,.34);
        background:rgba(20,27,34,.96);
        box-shadow:0 5px 18px rgba(0,0,0,.28);
        font-size:25px;
        line-height:1;
        touch-action:manipulation;
        -webkit-tap-highlight-color:transparent;
      }
      .newspaper-close:focus-visible{
        outline:3px solid #32d5c4;
        outline-offset:2px;
      }
      .newspaper-stage{
        position:relative;
        display:block;
        width:100%;
        max-width:100%;
        min-width:0;
        min-height:0;
        overflow:hidden;
        touch-action:pan-y;
      }
      .newspaper-book{
        width:100%;
        max-width:100%;
        min-width:0;
        height:100%;
        min-height:0;
      }
      .newspaper-page{
        padding:12px 13px 34px;
        overscroll-behavior:contain;
      }
      .newspaper-page-header{
        gap:7px 10px;
        padding-bottom:7px;
        margin-bottom:10px;
      }
      .newspaper-page-header h2{
        font-size:clamp(27px,8.3vw,32px);
        line-height:.9;
      }
      .newspaper-page-header small{
        font-size:7px;
      }
      .newspaper-cover-main h1,
      .newspaper-feature-copy h1{
        font-size:clamp(32px,10vw,40px);
        line-height:.91;
        margin:6px 0 9px;
      }
      .newspaper-cover-standfirst,
      .newspaper-feature-standfirst{
        font-size:13px;
        line-height:1.35;
      }
      .newspaper-cover-image{
        height:clamp(190px,32dvh,245px);
        min-height:clamp(190px,32dvh,245px);
        margin-top:11px;
      }
      .newspaper-cover-sidebar{
        margin-top:11px;
        padding-top:10px;
      }
      .newspaper-cover-secondary{
        padding:10px 0;
      }
      .newspaper-cover-secondary h3{
        font-size:22px;
      }
      .newspaper-feature-sidebar{
        margin-top:11px;
      }
      .newspaper-feature-avatar{
        height:clamp(190px,30dvh,250px);
      }
      .newspaper-feature-body{
        margin-top:11px;
        line-height:1.58;
      }
      .newspaper-report{
        grid-template-columns:minmax(0,1fr) 84px;
        gap:10px;
        min-height:0;
      }
      .newspaper-report h3{
        font-size:22px;
      }
      .newspaper-report-avatar{
        height:104px;
      }
      .newspaper-stat-splash{
        padding:13px;
      }
      .newspaper-stat-splash h1{
        font-size:36px;
      }
      .newspaper-table caption{
        font-size:26px;
      }
      .newspaper-table{
        font-size:10px;
      }
      .newspaper-table th,
      .newspaper-table td{
        padding:7px 5px;
      }
      .newspaper-awards-head{
        padding:9px 0;
        margin-bottom:11px;
      }
      .newspaper-awards-head h1{
        font-size:clamp(30px,9vw,38px);
        line-height:.92;
      }
      .newspaper-award-card{
        min-height:158px;
        padding:12px;
      }
      .newspaper-award-card h3{
        font-size:22px;
      }
      .newspaper-back-page{
        width:100%;
        min-height:calc(100% - 62px);
        height:auto;
        padding:24px 16px;
      }
      .newspaper-back-page h1{
        font-size:clamp(46px,16vw,68px);
      }
      .newspaper-back-page p{
        font-size:14px;
      }
      .newspaper-viewer-controls{
        width:100%;
        max-width:100%;
        min-width:0;
        min-height:calc(62px + env(safe-area-inset-bottom));
        height:auto;
        padding:
          7px
          calc(10px + env(safe-area-inset-right))
          calc(7px + env(safe-area-inset-bottom))
          calc(10px + env(safe-area-inset-left));
        grid-template-columns:minmax(0,1fr) minmax(74px,auto) minmax(0,1fr);
        box-sizing:border-box;
        position:relative;
        z-index:20;
      }
      .newspaper-turn-button{
        width:auto;
        max-width:100%;
        min-height:44px;
        height:44px;
        padding:0 10px;
        white-space:nowrap;
        touch-action:manipulation;
        -webkit-tap-highlight-color:transparent;
      }
      .newspaper-page-indicator{
        min-width:0;
        max-width:126px;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        text-align:center;
        line-height:1.25;
      }
      .newspaper-swipe-hint{
        left:50%;
        bottom:9px;
        max-width:calc(100% - 28px);
        white-space:nowrap;
      }
      .newspaper-page-number{
        right:13px;
        bottom:8px;
      }
    }

    @media(max-width:760px) and (max-height:700px){
      .newspaper-viewer-top{
        min-height:calc(50px + env(safe-area-inset-top));
      }
      .newspaper-close{
        flex-basis:44px;
        width:44px;
        height:44px;
        min-width:44px;
        min-height:44px;
      }
      .newspaper-viewer-controls{
        min-height:calc(56px + env(safe-area-inset-bottom));
        padding-top:6px;
      }
      .newspaper-turn-button{
        min-height:40px;
        height:40px;
      }
      .newspaper-page{
        padding-top:10px;
      }
      .newspaper-page-header h2{
        font-size:27px;
      }
      .newspaper-cover-main h1,
      .newspaper-feature-copy h1{
        font-size:34px;
      }
      .newspaper-cover-image{
        height:clamp(160px,28dvh,200px);
        min-height:clamp(160px,28dvh,200px);
      }
      .newspaper-feature-avatar{
        height:185px;
      }
    }




    /* v15.2 critical cascade: loaded after the legacy stylesheet. */
    .manager-picker-dialog [hidden],.manager-picker-sheet [hidden]{display:none!important}
    body .notification-bubble-stack{display:grid!important}
    body .compact-search-trigger{display:grid!important;color:#a9bdc8!important}
    body .compact-search-trigger .app-icon{display:grid!important;width:19px!important;height:19px!important;opacity:1!important}
    body .compact-search-trigger svg{display:block!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
    body[data-page="league"] .phase3-control-panel,body[data-page="fixtures"] .phase3-control-panel,body[data-page="managers"] .phase3-control-panel{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important}
    @media(min-width:761px){body .mobile-profile-trigger{display:none!important}}
    @media(max-width:760px){body .desktop-my-profile-link{display:none!important}}
  



    .manager-profile-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;min-height:0}
    .manager-profile-tag{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border:1px solid var(--profile-tag-color);border-radius:999px;color:var(--profile-tag-color);background:color-mix(in srgb,var(--profile-tag-color) 8%,transparent);font-size:7px;font-weight:950;line-height:1;letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;box-shadow:0 5px 14px color-mix(in srgb,var(--profile-tag-color) 8%,transparent)}
    @media(max-width:760px){.manager-profile-tags{gap:5px;margin-top:8px}.manager-profile-tag{min-height:21px;padding:4px 7px;font-size:6.5px}}


    /* v13.5.4 — desktop My Manager/header merge + mobile cleanup */
    .compact-search-trigger{width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;justify-content:center!important;border-radius:12px!important}
    .compact-search-trigger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
    .desktop-more-wrap{position:relative;display:inline-flex;align-items:center}
    .desktop-more-trigger{display:inline-flex;align-items:center;gap:6px}
    .desktop-more-trigger.open{color:var(--text);background:rgba(50,213,196,.09)}
    .desktop-more-popover{position:absolute;z-index:121;top:50px;right:0;width:244px;padding:8px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(10,24,35,.98);box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(20px)}
    .desktop-more-popover button,.desktop-more-popover a{width:100%;min-height:43px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:#c9d8e0;text-align:left;cursor:pointer}
    .desktop-more-popover button:hover,.desktop-more-popover a:hover{background:rgba(50,213,196,.08);color:#fff}.desktop-more-popover b{font-size:11px}.desktop-more-popover span{color:var(--teal);text-align:center}
    .desktop-more-dismiss{position:fixed;z-index:110;inset:76px 0 0;border:0;background:transparent;cursor:default}
    .desktop-my-manager-button.account-style{height:42px;min-width:136px;padding:4px 8px 4px 5px;border-radius:12px;gap:8px}.desktop-my-manager-button.account-style .desktop-manager-avatar{width:32px;height:32px;border-radius:9px}.desktop-manager-copy{min-width:0}.desktop-manager-copy strong{max-width:92px}.desktop-manager-chevron{color:#6d8794;font-size:11px;margin-left:1px}
    .footer-status-cluster{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-live-data .connection-pill{width:auto!important;min-width:0!important;min-height:28px;padding:0 9px;font-size:9px;background:rgba(255,255,255,.025)}.footer-live-data .connection-pill span{display:inline!important}
    .my-manager-hub.redesigned{position:relative;grid-template-columns:minmax(230px,.85fr) minmax(350px,1.15fr);gap:14px;padding:15px 17px;margin-bottom:18px;overflow:hidden}.my-manager-hub.redesigned:after{content:"";position:absolute;width:170px;height:170px;right:-80px;top:-90px;border-radius:50%;background:rgba(50,213,196,.06);pointer-events:none}.my-manager-hub.redesigned.setup{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}
    .my-manager-hub-profile{display:flex;align-items:center;gap:13px;min-width:0}.my-manager-hub-profile .my-manager-hub-avatar{width:58px;height:58px;flex:0 0 58px}.my-manager-hub-identity{min-width:0}.my-manager-hub-identity h3{font-size:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-manager-hub-identity p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .redesigned-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.redesigned-stats>div{padding:9px 10px!important}.redesigned-stats strong{font-size:13px!important}.my-form-value{margin-top:4px;font-size:11px;font-weight:900}.my-form-stat .form{transform:scale(.88);transform-origin:left center}
    .my-manager-quick-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.my-manager-quick{min-height:54px;padding:9px 11px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text);text-align:left;cursor:pointer;transition:.16s}.my-manager-quick:hover{border-color:rgba(50,213,196,.28);background:rgba(50,213,196,.07);transform:translateY(-1px)}.my-manager-quick.primary{background:linear-gradient(135deg,rgba(50,213,196,.15),rgba(96,165,250,.07));border-color:rgba(50,213,196,.23)}.my-manager-quick span,.my-manager-quick small{display:block}.my-manager-quick span{font-size:10px;font-weight:900}.my-manager-quick small{margin-top:4px;color:#738c99;font-size:8px}.my-manager-hub-menu{position:absolute;right:9px;top:9px;width:29px;height:29px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(4,13,20,.35);color:#77909d;cursor:pointer;z-index:2}
    .my-manager-page-strip{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 0 15px;padding:10px 12px;border:1px solid rgba(50,213,196,.15);border-radius:14px;background:linear-gradient(90deg,rgba(50,213,196,.065),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.my-manager-strip-avatar{width:40px!important;height:40px!important;border-radius:12px!important}.my-manager-strip-copy{min-width:0}.my-manager-strip-copy span,.my-manager-strip-copy strong,.my-manager-strip-copy small{display:block}.my-manager-strip-copy span{color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.my-manager-strip-copy strong{margin-top:3px;font-size:11px}.my-manager-strip-copy small{margin-top:3px;color:#78909d;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-manager-strip-actions{display:flex;align-items:center;gap:10px}.my-manager-strip-actions .plain-link{font-size:9px;color:#7f99a7}
    .leaderboard-row.is-my-manager,.competition-fixture-card.is-my-manager,.fixture-card.is-my-manager,.h2h-score-row.is-my-manager,.manager-card.is-my-manager,.diamond-leader-row.is-my-manager,.prize-history-row.is-my-manager{border-color:rgba(50,213,196,.32)!important;background:linear-gradient(90deg,rgba(50,213,196,.09),rgba(255,255,255,.018))!important;box-shadow:inset 3px 0 0 var(--teal)}tr.is-my-manager td:first-child{box-shadow:inset 3px 0 0 var(--teal)}.my-manager-you-badge{display:inline-flex;align-items:center;min-height:16px;margin-left:6px;padding:0 5px;border:1px solid rgba(50,213,196,.28);border-radius:999px;background:rgba(50,213,196,.10);color:var(--teal);font-size:5.8px;font-weight:950;letter-spacing:.09em;vertical-align:middle}
    .my-manager-menu-dialog{width:min(600px,calc(100vw - 36px));padding:20px;border:1px solid var(--line);border-radius:20px;background:#0b1a27;box-shadow:0 35px 95px rgba(0,0,0,.58)}.my-manager-menu-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:13px;align-items:center}.my-manager-menu-head h2{margin:0;font-size:22px}.my-manager-menu-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.my-manager-menu-avatar{width:56px!important;height:56px!important;border-radius:16px!important}.my-manager-menu-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.my-manager-menu-stats>div{padding:11px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.my-manager-menu-stats span,.my-manager-menu-stats strong{display:block}.my-manager-menu-stats span{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.my-manager-menu-stats strong{margin-top:5px;font-size:15px}.my-manager-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.my-manager-menu-links button{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;min-height:62px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--text);text-align:left;cursor:pointer}.my-manager-menu-links button:hover{border-color:rgba(50,213,196,.30);background:rgba(50,213,196,.07)}.my-manager-menu-links button>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(50,213,196,.09);color:var(--teal)}.my-manager-menu-links b{font-size:10px}.my-manager-menu-links small{color:#728b99;font-size:8px;margin-top:3px}
    @media(min-width:761px){.my-season-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid rgba(50,213,196,.20);border-radius:22px;background:linear-gradient(125deg,rgba(50,213,196,.12),rgba(17,34,49,.92) 48%,rgba(96,165,250,.08));box-shadow:var(--shadow)}.my-season-identity{display:grid;grid-template-columns:82px minmax(0,1fr);gap:16px;align-items:center}.my-season-avatar{width:82px!important;height:82px!important}.my-season-identity h3{margin:0;font-size:28px}.my-season-rank{text-align:right}.my-season-rank span,.my-season-rank small{display:block;color:var(--muted)}.my-season-rank strong{display:block;margin-top:5px;font-size:38px}.my-season-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0}.my-season-kpis>div{padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(18,37,50,.82),rgba(7,19,29,.90))}.my-season-kpis span,.my-season-kpis strong{display:block}.my-season-kpis span{font-size:7px;color:var(--muted);text-transform:uppercase}.my-season-kpis strong{margin-top:7px;font-size:20px}.my-season-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.my-season-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.my-season-grid .panel{margin:0}.my-season-fixture-panel{grid-column:1/-1}.my-season-action-row .mobile-manager-shortcut{display:grid;min-height:62px}}
    @media(min-width:1081px) and (max-width:1450px){.desktop-my-manager-button.account-style{display:flex!important;min-width:42px;width:42px;padding:4px}.desktop-manager-copy,.desktop-manager-chevron{display:none}.desktop-nav-link{padding-left:7px!important;padding-right:7px!important;font-size:11.5px!important}.topbar-inner{gap:10px!important}}
    @media(max-width:1080px){.desktop-more-wrap{display:none}.desktop-my-manager-button.account-style{display:none}}
    @media(max-width:900px) and (min-width:761px){.my-manager-hub.redesigned{grid-template-columns:1fr}.redesigned-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.my-manager-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:760px){.footer-live-data{display:none}.my-manager-page-strip{display:none}.my-manager-hub{display:none!important}.mobile-manager-home{margin-top:10px!important;padding:12px!important}.mobile-manager-summary-grid{gap:6px!important}.mobile-manager-fixture{grid-template-columns:minmax(0,1fr) auto 38px 10px!important;padding:10px!important}.mobile-manager-opponent-avatar{width:36px!important;height:36px!important}.mobile-manager-shortcuts{gap:6px!important}.mobile-manager-shortcut{min-height:54px!important;padding:8px!important}.my-manager-mobile-sheet{height:min(92dvh,790px)!important;max-height:92dvh!important}.manager-picker-sheet{height:92dvh!important;max-height:92dvh!important}}



    /* =========================================================
       v14.0.4 — FIXTURE FORM, MOBILE NEWSPAPER, SCORE RANKINGS + PUBLIC NOTIFICATIONS
       Final-cascade fixes so every W/D/L glyph is optically centred
       and Monthly podium identities remain fully readable on phones.
       ========================================================= */
    .form-dot{
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      padding:0!important;
      font-size:0!important;
      font-weight:950!important;
      line-height:1!important;
      text-align:center!important;
      text-indent:0!important;
      vertical-align:middle!important;
      font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    }
    .form-dot::before{
      display:block;
      width:100%;
      text-align:center;
      font-size:10px;
      font-weight:950;
      line-height:1;
      transform:translateY(-.15px);
      -webkit-font-smoothing:antialiased;
      text-rendering:geometricPrecision;
    }
    .form-dot.W::before{content:"W"}
    .form-dot.D::before{content:"D"}
    .form-dot.L::before{content:"L"}
    .mobile-manager-form-row .form-dot::before{font-size:8px}

    .monthly-podium-panel .podium-card,
    .monthly-podium-panel .podium-copy,
    .monthly-podium-panel .podium-name,
    .monthly-podium-panel .podium-team{min-width:0}

    .monthly-podium-panel .panel-body{padding:12px!important}
    .monthly-podium-panel .podium{
      display:grid!important;
      grid-template-columns:1fr!important;
      gap:8px!important;
    }
    .monthly-podium-panel .podium-card{
      display:grid!important;
      grid-template-columns:minmax(0,1fr) auto!important;
      grid-template-areas:"position value" "identity value"!important;
      align-items:center!important;
      column-gap:12px!important;
      row-gap:0!important;
      width:100%!important;
      padding:12px 13px 12px 15px!important;
      overflow:hidden!important;
    }
    .monthly-podium-panel .podium-pos{
      grid-area:position!important;
      font-size:8px!important;
      letter-spacing:.08em!important;
    }
    .monthly-podium-panel .podium-identity{
      grid-area:identity!important;
      display:grid!important;
      grid-template-columns:42px minmax(0,1fr)!important;
      align-items:center!important;
      gap:10px!important;
      margin-top:7px!important;
    }
    .monthly-podium-panel .podium-avatar{
      width:42px!important;
      height:42px!important;
      border-radius:11px!important;
    }
    .monthly-podium-panel .podium-copy{overflow:hidden!important}
    .monthly-podium-panel .podium-name{
      margin-top:0!important;
      overflow:visible!important;
      text-overflow:clip!important;
      white-space:normal!important;
      overflow-wrap:anywhere!important;
      font-size:14px!important;
      line-height:1.15!important;
    }
    .monthly-podium-panel .podium-team{
      margin-top:3px!important;
      overflow:visible!important;
      text-overflow:clip!important;
      white-space:normal!important;
      overflow-wrap:anywhere!important;
      font-size:9px!important;
      line-height:1.25!important;
    }
    .monthly-podium-panel .podium-value{
      grid-area:value!important;
      align-self:center!important;
      margin:0!important;
      padding-left:4px!important;
      font-size:18px!important;
      line-height:1!important;
      white-space:nowrap!important;
      text-align:right!important;
    }
    .monthly-podium-panel .podium-card > .badge,
    .monthly-podium-panel .podium-card > div[style*="margin-top"]{grid-column:1/-1!important}

    @media(max-width:390px){
      .monthly-podium-panel .podium-card{
        grid-template-columns:minmax(0,1fr) auto!important;
        column-gap:8px!important;
        padding-right:11px!important;
      }
      .monthly-podium-panel .podium-identity{
        grid-template-columns:38px minmax(0,1fr)!important;
        gap:8px!important;
      }
      .monthly-podium-panel .podium-avatar{
        width:38px!important;
        height:38px!important;
      }
      .monthly-podium-panel .podium-name{font-size:13px!important}
      .monthly-podium-panel .podium-value{font-size:16px!important}
    }


    /* ==============================================================
       v15.2.0 — INTERACTION, HOME, TOAST & REFRESH POLISH
       A clear top-to-bottom hierarchy built specifically for phones.
       ============================================================== */
    .mobile-home-command,.mobile-home-explore,.mobile-home-section-label{display:none}

    @media(max-width:760px){
      body[data-page="home"] .workspace>.content{
        padding-left:11px;
        padding-right:11px;
        background:linear-gradient(180deg,rgba(8,17,30,.18),rgba(5,12,21,.02));
      }
      body[data-page="home"] .mobile-app-context{
        padding-left:11px;
        padding-right:11px;
      }
      body[data-page="home"] .mobile-context-updated{display:none}

      .mobile-home-command{display:block;margin:0 0 12px}
      .mobile-home-command-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 3px 11px}
      .mobile-home-command-head>div{min-width:0}
      .mobile-home-command-head span,.mobile-home-command-head strong{display:block}
      .mobile-home-command-head>div>span{color:#718b9d;font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
      .mobile-home-command-head>div>strong{margin-top:4px;font-size:24px;line-height:1;letter-spacing:-.045em}
      .mobile-home-command-status{display:inline-flex!important;align-items:center;gap:7px;min-height:29px;padding:0 10px;border:1px solid rgba(96,165,250,.18);border-radius:999px;background:rgba(96,165,250,.07);color:#b7d5ff;font-size:8px;font-weight:950;white-space:nowrap}
      .mobile-home-command-status.live{border-color:rgba(85,214,139,.22);background:rgba(85,214,139,.09);color:#9ff0cb}
      .mobile-home-command-status i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(85,214,139,.11);animation:livePulse 1.8s ease-in-out infinite}

      .mobile-home-manager-card{position:relative;overflow:hidden;padding:14px;border:1px solid rgba(50,213,196,.24);border-radius:22px;background:radial-gradient(circle at 95% 0,rgba(50,213,196,.16),transparent 35%),linear-gradient(145deg,rgba(17,38,52,.98),rgba(7,18,29,.99));box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)}
      .mobile-home-manager-card:after{content:"";position:absolute;width:125px;height:125px;right:-65px;bottom:-77px;border-radius:50%;background:rgba(96,165,250,.08);pointer-events:none}
      .mobile-home-manager-card>*{position:relative;z-index:1}
      .mobile-home-manager-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}
      .mobile-home-manager-label>span{display:inline-flex;align-items:center;gap:7px;color:#9ce8df;font-size:8px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
      .mobile-home-manager-label>span i{width:6px;height:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(50,213,196,.09)}
      .mobile-home-manager-label button{min-height:28px;padding:0 9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.035);color:#9bb0bd;font-size:8px;font-weight:900}
      .mobile-home-manager-identity{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:11px;align-items:center}
      .mobile-home-manager-avatar{width:58px!important;height:58px!important;border-radius:17px!important;background:rgba(4,14,22,.55)!important;border-color:rgba(50,213,196,.16)!important}
      .mobile-home-manager-identity>div:nth-child(2){min-width:0}
      .mobile-home-manager-identity strong,.mobile-home-manager-identity span,.mobile-home-manager-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .mobile-home-manager-identity>div:nth-child(2)>strong{font-size:19px;line-height:1.05;letter-spacing:-.025em}
      .mobile-home-manager-identity>div:nth-child(2)>span{margin-top:4px;color:#8ca1ae;font-size:9px}
      .mobile-home-manager-identity>div:nth-child(2)>small{margin-top:4px;color:#637e8e;font-size:7.5px}
      .mobile-home-manager-rank{min-width:50px;padding:8px 9px;border:1px solid rgba(50,213,196,.15);border-radius:13px;background:rgba(50,213,196,.055);text-align:center}
      .mobile-home-manager-rank span{color:#75a69f!important;font-size:7px!important;font-weight:950;text-transform:uppercase}
      .mobile-home-manager-rank strong{margin-top:3px;font-size:19px!important;color:#c8fff6}
      .mobile-home-manager-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}
      .mobile-home-manager-stats>div{min-width:0;padding:9px 8px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.023)}
      .mobile-home-manager-stats span,.mobile-home-manager-stats strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .mobile-home-manager-stats span{color:#6d8797;font-size:6.8px;font-weight:950;letter-spacing:.065em;text-transform:uppercase}
      .mobile-home-manager-stats strong{margin-top:4px;font-size:15px}
      .mobile-home-featured-fixture{margin-top:8px!important;border-color:rgba(96,165,250,.19)!important;background:linear-gradient(100deg,rgba(96,165,250,.09),rgba(255,255,255,.018))!important}
      .mobile-home-manager-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px}
      .mobile-home-manager-actions button{position:relative;min-width:0;min-height:53px;padding:7px 4px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text);text-align:center}
      .mobile-home-manager-actions button:active{transform:scale(.97);background:rgba(50,213,196,.08)}
      .mobile-home-manager-actions button>b,.mobile-home-manager-actions button>span{display:block}
      .mobile-home-manager-actions button>b{height:20px;color:var(--teal);font-size:12px;line-height:20px}
      .mobile-home-manager-actions button>span{margin-top:3px;overflow:hidden;color:#a9bac5;font-size:7.5px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
      .mobile-home-manager-actions button>i{position:absolute;right:4px;top:4px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;border-radius:999px;background:#ef5a68;color:#fff;font-size:6.5px;font-style:normal;font-weight:950}

      .mobile-home-manager-setup{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px;border:1px solid rgba(50,213,196,.24);border-radius:21px;background:radial-gradient(circle at 95% 0,rgba(50,213,196,.14),transparent 36%),linear-gradient(145deg,rgba(17,38,52,.98),rgba(7,18,29,.99));color:var(--text);text-align:left;box-shadow:0 18px 42px rgba(0,0,0,.2)}
      .mobile-home-manager-setup-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(50,213,196,.2);border-radius:15px;background:rgba(50,213,196,.09);color:var(--teal);font-size:21px}
      .mobile-home-manager-setup>span:nth-child(2){min-width:0}
      .mobile-home-manager-setup small,.mobile-home-manager-setup strong,.mobile-home-manager-setup em{display:block}
      .mobile-home-manager-setup small{color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
      .mobile-home-manager-setup strong{margin-top:3px;font-size:16px}
      .mobile-home-manager-setup em{margin-top:4px;color:#8198a6;font-size:8px;font-style:normal;line-height:1.35}
      .mobile-home-manager-setup>b{min-height:29px;display:grid;place-items:center;padding:0 9px;border-radius:9px;background:var(--teal);color:#071a16;font-size:8px}

      .mobile-home-league-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:8px;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.055)}
      .mobile-home-league-strip>div{min-width:0;padding:8px 7px;background:rgba(8,18,30,.92);text-align:center}
      .mobile-home-league-strip span,.mobile-home-league-strip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .mobile-home-league-strip span{color:#617b8c;font-size:6.5px;font-weight:950;text-transform:uppercase}
      .mobile-home-league-strip strong{margin-top:3px;font-size:12px}

      body[data-page="home"] .home-live-panel{position:relative;overflow:hidden;margin:0 0 12px;padding:15px;grid-template-columns:42px minmax(0,1fr);gap:11px;border-radius:21px;box-shadow:0 18px 42px rgba(0,0,0,.2)}
      body[data-page="home"] .home-live-panel:before{content:"GAMEWEEK CENTRE";position:absolute;right:12px;top:9px;color:rgba(255,255,255,.18);font-size:6.5px;font-weight:950;letter-spacing:.14em}
      body[data-page="home"] .home-live-panel .home-live-icon{align-self:start;margin-top:3px}
      body[data-page="home"] .home-live-panel .live-ring{width:38px;height:38px}
      body[data-page="home"] .home-live-copy{padding-right:4px}
      body[data-page="home"] .home-live-copy strong{padding-right:56px;font-size:17px;line-height:1.18}
      body[data-page="home"] .home-live-copy>span{font-size:9px;line-height:1.45}
      body[data-page="home"] .home-live-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:1px;border-radius:12px}
      body[data-page="home"] .home-live-metrics div{min-width:0;padding:9px 6px}
      body[data-page="home"] .home-live-metrics b{font-size:16px}
      body[data-page="home"] .home-live-action{grid-column:1/-1;width:100%;min-height:43px;border-radius:12px;font-size:10px}

      .mobile-home-explore{display:block;margin:0 0 14px;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:20px;background:linear-gradient(150deg,rgba(16,30,49,.94),rgba(8,17,29,.98));box-shadow:0 14px 34px rgba(0,0,0,.14)}
      .mobile-home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 1px 10px}
      .mobile-home-section-head span,.mobile-home-section-head strong{display:block}
      .mobile-home-section-head span{color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
      .mobile-home-section-head strong{margin-top:3px;font-size:14px}
      .mobile-home-section-head>small{color:#60798a;font-size:7px;font-weight:900;text-transform:uppercase}
      .mobile-home-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
      .mobile-home-explore-grid button{min-width:0;min-height:69px;padding:8px 3px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.025);color:var(--text);text-align:center}
      .mobile-home-explore-grid button:active{transform:scale(.97);background:rgba(96,165,250,.08)}
      .mobile-home-explore-grid b,.mobile-home-explore-grid span,.mobile-home-explore-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .mobile-home-explore-grid b{width:29px;height:29px;display:grid;margin:0 auto;place-items:center;border-radius:9px;background:rgba(96,165,250,.09);color:#a9ccff;font-size:13px}
      .mobile-home-explore-grid span{margin-top:6px;font-size:8px;font-weight:950}
      .mobile-home-explore-grid small{margin-top:2px;color:#637d8d;font-size:6.5px}
      .mobile-home-explore .home-latest-news.mobile-home-news{margin:9px 0 0;padding:10px 11px;border-radius:13px;background:linear-gradient(105deg,rgba(50,213,196,.08),rgba(7,18,31,.72));border-color:rgba(50,213,196,.15)}

      .mobile-home-section-label{display:block;margin:18px 3px 9px}
      .mobile-home-section-label span,.mobile-home-section-label strong{display:block}
      .mobile-home-section-label span{color:#688394;font-size:7px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
      .mobile-home-section-label strong{margin-top:3px;font-size:17px;letter-spacing:-.02em}

      body[data-page="home"] .home-intelligence-grid{display:block;margin:0 0 4px}
      body[data-page="home"] .home-intelligence-grid .recent-activity-panel{display:none}
      body[data-page="home"] .season-pulse-panel{margin:0}
      body[data-page="home"] .season-pulse-grid{margin:0 -2px;padding:0 2px 5px;gap:8px}
      body[data-page="home"] .season-pulse-card{flex-basis:74%;min-height:132px;border-radius:17px}

      body[data-page="home"] .home-content-grid{display:grid!important;gap:10px;margin-top:0}
      body[data-page="home"] .home-content-grid>.panel{margin:0;content-visibility:auto;contain-intrinsic-size:360px;border-radius:19px}
      body[data-page="home"] .home-content-grid .panel-head{align-items:flex-start;padding:13px 14px}
      body[data-page="home"] .home-content-grid .panel-title{font-size:13px}
      body[data-page="home"] .home-content-grid .panel-sub{margin-top:3px;font-size:8px;line-height:1.4}
      body[data-page="home"] .home-section-action{min-height:29px;padding:0 8px;font-size:7px;white-space:nowrap}
      body[data-page="home"] .home-stat-grid{grid-template-columns:1fr!important;gap:7px}
      body[data-page="home"] .home-stat-card{min-height:0;padding:12px;border-radius:13px}

      .mobile-newspaper-release.mobile-newspaper-top-hero{min-height:146px;margin:0 0 12px;padding:15px 15px 14px;border-radius:21px;grid-template-columns:minmax(0,1fr) 40px;background:linear-gradient(145deg,#f8f4e9,#d8cfba);box-shadow:0 18px 42px rgba(0,0,0,.27)}
      .mobile-newspaper-top-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#151515;z-index:2}
      .mobile-newspaper-top-hero .mobile-newspaper-masthead{margin:7px 0 6px;padding:6px 0 5px;font-size:26px}
      .mobile-newspaper-top-hero strong{font-size:17px!important;line-height:1.04!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
      .mobile-newspaper-top-hero span>span{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:9px!important;line-height:1.35!important}
      .mobile-newspaper-top-hero>b{width:40px!important;height:40px!important}

      body[data-page="home"] button,body[data-page="home"] [role="button"]{-webkit-tap-highlight-color:transparent}
    }

    @media(max-width:380px){
      .mobile-home-manager-identity{grid-template-columns:52px minmax(0,1fr) auto}
      .mobile-home-manager-avatar{width:52px!important;height:52px!important}
      .mobile-home-manager-actions button>span{font-size:7px}
      .mobile-home-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .mobile-home-explore-grid button{min-height:61px}
      .mobile-home-explore-grid b{width:26px;height:26px}
    }


    /* ==============================================================
       v16.0.0 — MOBILE HOMEPAGE REBUILD
       One deliberate app dashboard. Desktop homepage is unchanged.
       ============================================================== */
    .mobile-home-app-v16{display:none}
    .desktop-home-content{display:block}

    @media(max-width:760px){
      body[data-page="home"] .mobile-app-context{display:none!important}
      body[data-page="home"] .workspace>.content{
        padding:calc(var(--mobile-appbar) + var(--safe-top) + 13px) 12px calc(var(--mobile-nav) + var(--safe-bottom) + 25px)!important;
        background:
          radial-gradient(circle at 88% 0,rgba(50,213,196,.08),transparent 23%),
          linear-gradient(180deg,#08111e 0%,#060d17 100%)!important;
      }
      body[data-page="home"] .desktop-home-content{display:none!important}
      body[data-page="home"] .mobile-home-app-v16{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;max-width:600px;min-width:0;margin:0 auto}
      body[data-page="home"] .mobile-home-app-v16>*{min-width:0;max-width:100%}
      body[data-page="home"] .site-footer{display:none}

      .mobile-home-app-v16 button,.mobile-home-app-v16 a,.mobile-home-app-v16 article{font-family:inherit;-webkit-tap-highlight-color:transparent}
      .mobile-home-app-v16 button{cursor:pointer}

      .mobile-v16-gameweek{
        position:relative;overflow:hidden;padding:18px;border:1px solid rgba(96,165,250,.20);border-radius:25px;
        background:radial-gradient(circle at 100% 0,rgba(96,165,250,.18),transparent 38%),linear-gradient(145deg,rgba(20,40,66,.98),rgba(8,18,31,.99));
        box-shadow:0 22px 50px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.04)
      }
      .mobile-v16-gameweek:after{content:"";position:absolute;width:170px;height:170px;right:-98px;bottom:-112px;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 55px rgba(96,165,250,.08);pointer-events:none}
      .mobile-v16-gameweek.live{border-color:rgba(85,214,139,.26);background:radial-gradient(circle at 100% 0,rgba(85,214,139,.20),transparent 38%),linear-gradient(145deg,rgba(13,52,48,.98),rgba(8,21,31,.99))}
      .mobile-v16-gameweek.final{border-color:rgba(245,196,81,.24);background:radial-gradient(circle at 100% 0,rgba(245,196,81,.16),transparent 38%),linear-gradient(145deg,rgba(48,42,25,.96),rgba(9,20,31,.99))}
      .mobile-v16-gameweek.updating{border-color:rgba(167,139,250,.25);background:radial-gradient(circle at 100% 0,rgba(167,139,250,.18),transparent 38%),linear-gradient(145deg,rgba(39,31,64,.97),rgba(9,19,31,.99))}
      .mobile-v16-gameweek>*{position:relative;z-index:1}
      .mobile-v16-gameweek-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
      .mobile-v16-gameweek-top>span{display:inline-flex;align-items:center;gap:7px;color:#b6d5ff;font-size:8px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
      .mobile-v16-gameweek.live .mobile-v16-gameweek-top>span{color:#a5f2ce}
      .mobile-v16-gameweek.final .mobile-v16-gameweek-top>span{color:#ffe09a}
      .mobile-v16-gameweek-top i{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 0 4px rgba(96,165,250,.12)}
      .mobile-v16-gameweek.live .mobile-v16-gameweek-top i{background:var(--green);box-shadow:0 0 0 4px rgba(85,214,139,.12);animation:livePulse 1.8s ease-in-out infinite}
      .mobile-v16-gameweek.final .mobile-v16-gameweek-top i{background:var(--gold);box-shadow:0 0 0 4px rgba(245,196,81,.10)}
      .mobile-v16-gameweek-top>small{color:#72899a;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
      .mobile-v16-gameweek h2{margin:11px 0 0;font-size:27px;line-height:1.02;letter-spacing:-.045em}
      .mobile-v16-gameweek p{margin:9px 0 0;max-width:520px;color:#9cb1bf;font-size:10.5px;line-height:1.55}
      .mobile-v16-gameweek-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px}
      .mobile-v16-gameweek-metrics>div{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(3,12,20,.25)}
      .mobile-v16-gameweek-metrics span,.mobile-v16-gameweek-metrics strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .mobile-v16-gameweek-metrics span{color:#728a9b;font-size:6.8px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}
      .mobile-v16-gameweek-metrics strong{margin-top:4px;font-size:16px}
      .mobile-v16-primary-action{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px;border:1px solid rgba(96,165,250,.28);border-radius:14px;background:rgba(96,165,250,.14);color:#d5e7ff;font-size:10px;font-weight:950}
      .mobile-v16-gameweek.live .mobile-v16-primary-action{border-color:rgba(85,214,139,.30);background:rgba(85,214,139,.15);color:#c9fbe3}
      .mobile-v16-gameweek.final .mobile-v16-primary-action{border-color:rgba(245,196,81,.27);background:rgba(245,196,81,.13);color:#ffe6a9}
      .mobile-v16-primary-action:active{transform:scale(.985)}
      .mobile-v16-primary-action span{font-size:14px}

      .mobile-v16-manager-card{overflow:hidden;border:1px solid rgba(50,213,196,.17);border-radius:22px;background:linear-gradient(145deg,rgba(16,34,47,.98),rgba(8,18,29,.99));box-shadow:0 16px 36px rgba(0,0,0,.17)}
      .mobile-v16-manager-main{width:100%;display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 13px 11px;border:0;background:transparent;color:var(--text);text-align:left}
      .mobile-v16-manager-avatar{width:55px!important;height:55px!important;border-radius:16px!important;background:rgba(4,13,21,.52)!important;border-color:rgba(50,213,196,.14)!important}
      .mobile-v16-manager-copy{min-width:0}
      .mobile-v16-manager-copy small,.mobile-v16-manager-copy strong,.mobile-v16-manager-copy em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .mobile-v16-manager-copy small{color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
      .mobile-v16-manager-copy strong{margin-top:4px;font-size:18px;line-height:1.05}
      .mobile-v16-manager-copy em{margin-top:4px;color:#8199a8;font-size:8.5px;font-style:normal}
      .mobile-v16-manager-rank{min-width:50px;padding:8px 7px;border:1px solid rgba(50,213,196,.14);border-radius:13px;background:rgba(50,213,196,.055);text-align:center}
      .mobile-v16-manager-rank small,.mobile-v16-manager-rank strong{display:block}
      .mobile-v16-manager-rank small{color:#739b96;font-size:6.5px;font-weight:950;text-transform:uppercase}
      .mobile-v16-manager-rank strong{margin-top:3px;color:#c9fff7;font-size:18px}
      .mobile-v16-manager-glance{display:grid;grid-template-columns:minmax(0,1.5fr) .65fr .85fr;gap:1px;margin:0 11px;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:rgba(255,255,255,.055)}
      .mobile-v16-manager-glance>button,.mobile-v16-manager-glance>div{min-width:0;padding:10px;background:rgba(8,19,31,.96);color:var(--text);text-align:left}
      .mobile-v16-manager-glance>button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0}
      .mobile-v16-manager-glance>button>span{min-width:0}
      .mobile-v16-manager-glance small,.mobile-v16-manager-glance strong,.mobile-v16-manager-glance em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .mobile-v16-manager-glance small{color:#668191;font-size:6.5px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}
      .mobile-v16-manager-glance strong{margin-top:4px;font-size:14px}
      .mobile-v16-manager-glance em{margin-top:3px;color:#728998;font-size:6.8px;font-style:normal}
      .mobile-v16-manager-glance>button>b{color:#8db9ff;font-size:17px}
      .mobile-v16-manager-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:9px 11px 11px}
      .mobile-v16-manager-actions button{min-height:40px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(255,255,255,.025);color:#b9cbd4;font-size:8.5px;font-weight:900}
      .mobile-v16-manager-actions button:first-child{border-color:rgba(50,213,196,.18);background:rgba(50,213,196,.07);color:#aef3e9}
      .mobile-v16-manager-actions i{display:inline-grid;min-width:16px;height:16px;place-items:center;margin-left:3px;padding:0 4px;border-radius:999px;background:#ef5a68;color:#fff;font-size:6px;font-style:normal}
      .mobile-v16-manager-actions button:active{transform:scale(.975)}

      .mobile-v16-manager-setup{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px;border:1px solid rgba(50,213,196,.19);border-radius:22px;background:linear-gradient(145deg,rgba(16,34,47,.98),rgba(8,18,29,.99));color:var(--text);text-align:left;box-shadow:0 16px 36px rgba(0,0,0,.17)}
      .mobile-v16-manager-setup>span:first-child{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(50,213,196,.17);border-radius:15px;background:rgba(50,213,196,.07);color:var(--teal);font-size:20px}
      .mobile-v16-manager-setup>span:nth-child(2){min-width:0}
      .mobile-v16-manager-setup small,.mobile-v16-manager-setup strong,.mobile-v16-manager-setup em{display:block}
      .mobile-v16-manager-setup small{color:var(--teal);font-size:7px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
      .mobile-v16-manager-setup strong{margin-top:3px;font-size:16px}
      .mobile-v16-manager-setup em{margin-top:4px;color:#7d94a3;font-size:8px;font-style:normal;line-height:1.35}
      .mobile-v16-manager-setup>b{min-height:30px;display:grid;place-items:center;padding:0 10px;border-radius:10px;background:var(--teal);color:#061a16;font-size:8px}

      .mobile-v16-primary-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
      .mobile-v16-primary-nav button{min-width:0;min-height:82px;padding:10px 4px 9px;border:1px solid rgba(255,255,255,.065);border-radius:17px;background:linear-gradient(155deg,rgba(16,31,50,.96),rgba(8,17,29,.99));color:var(--text);box-shadow:0 12px 26px rgba(0,0,0,.12)}
      .mobile-v16-primary-nav button:active{transform:scale(.97);border-color:rgba(50,213,196,.18);background:rgba(50,213,196,.06)}
      .mobile-v16-primary-nav span{width:32px;height:32px;display:grid;place-items:center;margin:0 auto;border-radius:10px;background:rgba(96,165,250,.09);color:#aad0ff}
      .mobile-v16-primary-nav span svg{width:17px;height:17px}
      .mobile-v16-primary-nav button:first-child span{background:rgba(85,214,139,.09);color:#9bedc4}
      .mobile-v16-primary-nav strong,.mobile-v16-primary-nav small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
      .mobile-v16-primary-nav strong{margin-top:7px;font-size:8.3px}
      .mobile-v16-primary-nav small{margin-top:2px;color:#617989;font-size:6.5px}

      .mobile-v16-section{padding-top:2px}
      .mobile-v16-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 3px 9px}
      .mobile-v16-section-head>div small,.mobile-v16-section-head>div strong{display:block}
      .mobile-v16-section-head>div small{color:#688494;font-size:7px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
      .mobile-v16-section-head>div strong{margin-top:3px;font-size:16px;letter-spacing:-.025em}
      .mobile-v16-section-head>button{min-height:28px;padding:0 8px;border:0;background:transparent;color:#7fa6d8;font-size:8px;font-weight:900}
      .mobile-v16-section-head>span{color:#607888;font-size:7px;font-weight:900;text-transform:uppercase}

      .mobile-v16-editorial-list{display:grid;gap:8px}
      .mobile-v16-editorial-card{position:relative;overflow:hidden;width:100%;min-height:92px;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:12px;align-items:center;padding:13px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:linear-gradient(145deg,rgba(16,31,48,.97),rgba(8,17,29,.99));color:var(--text);text-align:left;box-shadow:0 13px 28px rgba(0,0,0,.12)}
      .mobile-v16-editorial-card.article{grid-template-columns:66px minmax(0,1fr) 25px}
      .mobile-v16-editorial-card.newspaper{border-color:rgba(245,196,81,.22);background:linear-gradient(145deg,#f5f0e3,#d7cdb6);color:#171717}
      .mobile-v16-editorial-card>span{min-width:0}
      .mobile-v16-editorial-card small,.mobile-v16-editorial-card strong,.mobile-v16-editorial-card em{display:block}
      .mobile-v16-editorial-card small{color:#7890a0;font-size:6.8px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
      .mobile-v16-editorial-card.newspaper small{color:#665f50}
      .mobile-v16-editorial-card strong{margin-top:4px;overflow:hidden;font-size:13px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
      .mobile-v16-editorial-card.newspaper strong{font-family:Georgia,serif;font-size:17px;letter-spacing:-.04em;border-bottom:2px solid #171717;padding-bottom:4px}
      .mobile-v16-editorial-card em{display:-webkit-box;margin-top:4px;overflow:hidden;color:#7d95a4;font-size:8px;font-style:normal;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
      .mobile-v16-editorial-card.newspaper em{color:#514b3f}
      .mobile-v16-editorial-card>b{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.035);color:#9ac3f4;font-size:16px}
      .mobile-v16-editorial-card.newspaper>b{border-color:rgba(23,23,23,.16);background:rgba(23,23,23,.08);color:#171717}
      .mobile-v16-editorial-image{width:66px;height:66px;display:grid;place-items:center;border-radius:14px;background-position:center;background-size:cover;background-color:rgba(96,165,250,.08);color:#9ec7f8}
      .mobile-v16-editorial-image.fallback svg{width:23px;height:23px}
      .mobile-v16-editorial-card:active{transform:scale(.985)}

      .mobile-v16-snapshot-strip{display:flex;gap:9px;margin:0 -12px;padding:0 12px 5px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
      .mobile-v16-snapshot-strip::-webkit-scrollbar{display:none}
      .mobile-v16-snapshot-card{flex:0 0 min(79vw,330px);min-height:124px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:15px;border:1px solid rgba(255,255,255,.065);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(96,165,250,.13),transparent 40%),linear-gradient(145deg,rgba(17,33,52,.98),rgba(8,17,29,.99));color:var(--text);text-align:left;scroll-snap-align:start;box-shadow:0 14px 30px rgba(0,0,0,.12)}
      .mobile-v16-snapshot-card.leader{border-color:rgba(245,196,81,.17);background:radial-gradient(circle at 100% 0,rgba(245,196,81,.13),transparent 40%),linear-gradient(145deg,rgba(42,36,24,.96),rgba(8,17,29,.99))}
      .mobile-v16-snapshot-card.monthly{border-color:rgba(167,139,250,.18);background:radial-gradient(circle at 100% 0,rgba(167,139,250,.13),transparent 40%),linear-gradient(145deg,rgba(35,29,53,.97),rgba(8,17,29,.99))}
      .mobile-v16-snapshot-card.records{border-color:rgba(50,213,196,.16);background:radial-gradient(circle at 100% 0,rgba(50,213,196,.12),transparent 40%),linear-gradient(145deg,rgba(17,40,44,.96),rgba(8,17,29,.99))}
      .mobile-v16-snapshot-card small,.mobile-v16-snapshot-card strong,.mobile-v16-snapshot-card em{display:block;max-width:100%}
      .mobile-v16-snapshot-card small{color:#7791a1;font-size:7px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
      .mobile-v16-snapshot-card strong{margin-top:8px;overflow:hidden;font-size:18px;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}
      .mobile-v16-snapshot-card.result strong{white-space:normal;font-size:14px}
      .mobile-v16-snapshot-card.result strong b{color:#dcecff;font-size:18px;margin:0 3px}
      .mobile-v16-snapshot-card em{margin-top:5px;overflow:hidden;color:#7891a0;font-size:8px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
      .mobile-v16-snapshot-card:active{transform:scale(.985)}

      .mobile-v16-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
      .mobile-v16-more-grid button{min-width:0;min-height:62px;padding:8px 3px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.022);color:#a8bac5}
      .mobile-v16-more-grid span{width:25px;height:25px;display:grid;place-items:center;margin:0 auto;color:#7eaae0}
      .mobile-v16-more-grid span svg{width:15px;height:15px}
      .mobile-v16-more-grid strong{display:block;margin-top:4px;overflow:hidden;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}
      .mobile-v16-more-grid button:active{transform:scale(.97);background:rgba(96,165,250,.06)}

      .mobile-v16-footer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:1px}
      .mobile-v16-footer-actions a{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.022);color:#879dab;font-size:8.5px;font-weight:900}
      .mobile-v16-footer-actions a span{color:#80b5ed;font-size:12px}
    }

    @media(max-width:360px){
      .mobile-v16-primary-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
      .mobile-v16-primary-nav button{min-height:70px}
      .mobile-v16-manager-glance{grid-template-columns:1fr 1fr}
      .mobile-v16-manager-glance>button{grid-column:1/-1}
      .mobile-v16-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }


/* =========================================================
   v16.2.0 — THE HABBOON TIMES V1 POLISHED EDITION
   Dynamic pagination, fuller editorial layouts, dual-manager
   avatar scenes, expanded league-table readability and signoff.
   ========================================================= */
.newspaper-page{color:#171717}
.newspaper-page *{box-sizing:border-box}
.newspaper-avatar-scene{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:12px;overflow:hidden;color:#171717}
.newspaper-avatar-scene .newspaper-avatar-person{position:relative;display:flex;align-items:flex-end;justify-content:center;height:100%;min-width:0;flex:1}
.newspaper-avatar-scene .newspaper-avatar-person>.habbo-avatar{width:100%;height:100%;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.newspaper-avatar-scene .newspaper-avatar-person img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;filter:grayscale(1) contrast(1.22)!important;image-rendering:auto}
.newspaper-avatar-scene .newspaper-avatar-person>span{position:absolute;left:4px;right:4px;bottom:4px;z-index:3;padding:4px 5px;border-top:1px solid rgba(17,17,17,.58);background:rgba(243,239,226,.88);font:900 7px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.08em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newspaper-avatar-scene.is-single .newspaper-avatar-person{max-width:62%;flex:0 1 62%}
.newspaper-avatar-duel-score{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);min-width:46px;padding:6px 7px;border:2px solid #111;background:#f3efe2;box-shadow:3px 3px 0 rgba(17,17,17,.15);font:950 12px/1 Georgia,"Times New Roman",serif;text-align:center}
.newspaper-avatar-scene.is-compact{gap:5px}
.newspaper-avatar-scene.is-compact .newspaper-avatar-person>span{font-size:5.5px;padding:3px}
.newspaper-avatar-scene.is-compact .newspaper-avatar-duel-score{min-width:34px;padding:4px 5px;font-size:9px}

.newspaper-cover-image{padding:0 12px 17px}
.newspaper-cover-avatar-scene{width:min(610px,100%);height:100%;min-height:230px}
.newspaper-cover-avatar-scene.is-duel .newspaper-avatar-person{max-width:42%;flex-basis:42%}
.newspaper-cover-avatar-scene.is-single .newspaper-avatar-person{max-width:46%;flex-basis:46%}
.newspaper-cover-avatar-scene .newspaper-avatar-person>span{bottom:10px}
.newspaper-cover-main h1{max-width:920px}
.newspaper-inside-box{background:rgba(255,255,255,.2)}

.newspaper-page-feature{display:flex;flex-direction:column}
.newspaper-page-feature .newspaper-feature-grid{flex:1;min-height:0;grid-template-columns:minmax(0,1.5fr) minmax(300px,.62fr);align-items:stretch}
.newspaper-feature-copy{display:flex;flex-direction:column;min-height:0}
.newspaper-feature-copy h1{font-size:clamp(42px,4.5vw,68px)}
.newspaper-feature-body{font-size:13px;line-height:1.6;column-gap:20px;margin-top:12px}
.newspaper-feature-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:auto;border-top:3px double #111;border-bottom:1px solid #111}
.newspaper-feature-context>div{padding:10px 11px;border-right:1px solid #777}
.newspaper-feature-context>div:last-child{border-right:0}
.newspaper-feature-context span,.newspaper-feature-context strong{display:block}
.newspaper-feature-context span{font:900 7px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.11em}
.newspaper-feature-context strong{margin-top:5px;font:950 18px/1 Georgia,"Times New Roman",serif;text-transform:capitalize}
.newspaper-feature-sidebar{height:100%;grid-template-rows:minmax(260px,1fr) auto auto}
.newspaper-feature-avatar{height:auto;min-height:285px;padding:0 10px 8px}
.newspaper-feature-avatar-scene{height:100%}
.newspaper-feature-avatar-scene.is-duel .newspaper-avatar-person{max-width:48%;flex-basis:48%}
.newspaper-feature-avatar-scene.is-single .newspaper-avatar-person{max-width:72%;flex-basis:72%}
.newspaper-reason-list b{max-width:62%;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.newspaper-feature-companions{display:grid;gap:12px;margin-top:14px;padding-top:13px;border-top:4px double #111}
.newspaper-feature-companions.count-1{grid-template-columns:1fr}
.newspaper-feature-companions.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.newspaper-feature-companion{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:12px;min-height:126px;padding:11px 0;border-bottom:1px solid #777}
.newspaper-feature-companion h3{margin:5px 0 6px;font:950 22px/.98 Georgia,"Times New Roman",serif}
.newspaper-feature-companion p{margin:0;font-size:9.5px;line-height:1.45}
.newspaper-feature-companion-avatar{height:116px;border:1px solid #111;background:repeating-radial-gradient(circle,#ccc 0,#ccc .8px,#eee9dc .8px,#eee9dc 3px)}

.newspaper-page-reports{display:flex;flex-direction:column}
.newspaper-page-reports .newspaper-report-grid{flex:1;min-height:0;display:grid;gap:14px;border:0}
.newspaper-report-grid.count-1{grid-template-columns:1fr}
.newspaper-report-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.newspaper-report-grid.count-3{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.newspaper-report-grid.count-3 .newspaper-report:first-child{grid-column:1/-1}
.newspaper-report-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.newspaper-report{min-height:0!important;height:100%;padding:14px!important;border:1px solid #777!important;background:rgba(255,255,255,.13);grid-template-columns:minmax(0,1fr) 128px;gap:14px;overflow:hidden}
.newspaper-report-copy{min-width:0;display:flex;flex-direction:column}
.newspaper-report h3{font-size:clamp(23px,2.25vw,32px);margin:5px 0 7px}
.newspaper-report-standfirst{font-size:10.5px}
.newspaper-report-body{font-size:9.8px;line-height:1.48;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden}
.newspaper-report-grid.count-1 .newspaper-report-body,.newspaper-report-grid.count-2 .newspaper-report-body{-webkit-line-clamp:18;font-size:11px;line-height:1.55}
.newspaper-report-grid.count-3 .newspaper-report:first-child .newspaper-report-body{-webkit-line-clamp:6}
.newspaper-report-avatar{align-self:stretch;height:auto!important;min-height:128px;padding:0 4px 5px}
.newspaper-report-avatar-scene{height:100%}
.newspaper-report-grid.count-1 .newspaper-report{grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr)}
.newspaper-report-grid.count-1 .newspaper-report-avatar{min-height:420px}
.newspaper-report-grid.count-2 .newspaper-report{grid-template-columns:minmax(0,1fr) 155px}
.newspaper-report-grid.count-2 .newspaper-report-avatar{min-height:300px}
.newspaper-report-grid.count-3 .newspaper-report:first-child{grid-template-columns:minmax(0,1.45fr) 220px}
.newspaper-report-grid.count-3 .newspaper-report:first-child .newspaper-report-avatar{min-height:210px}

.newspaper-page-stats{display:flex;flex-direction:column}
.newspaper-page-stats .newspaper-stats-layout{grid-template-columns:minmax(315px,.7fr) minmax(0,1.3fr);gap:18px;align-items:stretch}
.newspaper-stat-splash{padding:14px}
.newspaper-stat-splash h1{font-size:42px}
.newspaper-stat-row{padding:9px 0}
.newspaper-stat-row span{font-size:10.5px}.newspaper-stat-row strong{font-size:17px}
.newspaper-table-wrap{min-width:0}
.newspaper-table{color:#171717!important;background:transparent;font-size:10.5px}
.newspaper-table caption{color:#171717!important;font-size:31px}
.newspaper-table thead{background:#132534}
.newspaper-table th{padding:8px 7px!important;color:#f4f7f9!important;background:#132534!important;border-color:#111!important}
.newspaper-table td{padding:6px 7px!important;color:#171717!important;background:rgba(255,255,255,.06)!important;border-color:#777!important}
.newspaper-table tbody tr:nth-child(even) td{background:rgba(17,17,17,.035)!important}
.newspaper-table td b{color:#111!important}
.newspaper-table tbody tr:first-child td{font-weight:800}
.newspaper-table td:nth-child(1){width:44px;font-weight:900}
.newspaper-table td:nth-child(4){font-weight:900;letter-spacing:.08em}
.newspaper-around-league{margin-top:13px;padding-top:9px}
.newspaper-around-league>div:last-child{gap:14px;margin-top:8px}
.newspaper-around-league h3{font-size:18px}.newspaper-around-league p{font-size:9.2px;line-height:1.4}
.newspaper-compact-awards{margin-top:12px;padding-top:10px;border-top:4px double #111}
.newspaper-compact-awards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.newspaper-compact-awards-grid.count-1{grid-template-columns:1fr}
.newspaper-compact-awards-grid article{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 92px;min-height:112px;padding:11px;border:2px solid #111;overflow:hidden}
.newspaper-compact-awards-grid span{font-size:20px}.newspaper-compact-awards-grid small,.newspaper-compact-awards-grid strong{display:block}.newspaper-compact-awards-grid small{margin-top:4px;font:900 7px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.1em}.newspaper-compact-awards-grid strong{margin-top:5px;font:950 18px/1 Georgia,"Times New Roman",serif}.newspaper-compact-awards-grid p{margin:6px 0 0;font-size:9px;line-height:1.35}
.newspaper-compact-award-avatar{height:92px;align-self:end}.newspaper-compact-award-avatar .habbo-avatar{width:100%;height:100%;background:transparent!important;border-radius:0!important}.newspaper-compact-award-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;filter:grayscale(1) contrast(1.25)!important}

.newspaper-page-awards{display:flex;flex-direction:column}
.newspaper-page-awards .newspaper-awards-head{flex:0 0 auto;padding:9px 0;margin-bottom:12px}
.newspaper-page-awards .newspaper-awards-head h1{font-size:43px}
.newspaper-page-awards .newspaper-awards-grid{flex:1;min-height:0;display:grid;gap:12px;align-items:stretch}
.newspaper-awards-grid.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.newspaper-awards-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.newspaper-awards-grid.count-5,.newspaper-awards-grid.count-6{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.newspaper-awards-grid.count-7,.newspaper-awards-grid.count-8{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
.newspaper-award-card{min-height:0;height:100%;overflow:hidden;background:rgba(255,255,255,.11)}
.newspaper-awards-grid.count-3 .newspaper-award-card{padding:18px}.newspaper-awards-grid.count-3 .newspaper-award-card h3{font-size:30px}
.newspaper-award-avatar{right:8px;bottom:0;width:108px;height:145px;opacity:.42}
.newspaper-award-avatar img{filter:grayscale(1) contrast(1.3)!important}

.newspaper-edition-signoff{flex:0 0 auto;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:12px;align-items:center;margin-top:12px;padding:9px 12px;border-top:4px double #111;border-bottom:1px solid #111;color:#171717}
.newspaper-edition-signoff span{font:900 7px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.11em}
.newspaper-edition-signoff strong{font:950 24px/.9 Georgia,"Times New Roman",serif;letter-spacing:-.04em;white-space:nowrap}
.newspaper-edition-signoff em{font:10px/1.3 Georgia,"Times New Roman",serif;font-style:normal;text-align:right}

@media(max-width:1180px) and (min-width:761px){
  .newspaper-report{grid-template-columns:minmax(0,1fr) 110px}
  .newspaper-feature-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr)!important}
  .newspaper-feature-body{font-size:11.8px}
  .newspaper-page-awards .newspaper-awards-head h1{font-size:36px}
  .newspaper-award-card h3{font-size:21px}
  .newspaper-table{font-size:9.5px}
}

@media(max-width:760px){
  .newspaper-avatar-scene .newspaper-avatar-person>span{font-size:6px;bottom:2px}
  .newspaper-avatar-duel-score{min-width:38px;font-size:10px;padding:5px}
  .newspaper-cover-image{height:275px!important;min-height:275px!important;padding-bottom:16px}
  .newspaper-cover-avatar-scene{height:100%;min-height:250px}
  .newspaper-cover-avatar-scene.is-duel .newspaper-avatar-person{max-width:48%;flex-basis:48%}
  .newspaper-page-feature{display:block}
  .newspaper-page-feature .newspaper-feature-grid{display:block}
  .newspaper-feature-context{margin-top:12px}
  .newspaper-feature-context strong{font-size:14px}
  .newspaper-feature-avatar{height:280px!important;min-height:280px}
  .newspaper-feature-companions.count-2{grid-template-columns:1fr}
  .newspaper-feature-companion{grid-template-columns:minmax(0,1fr) 92px}
  .newspaper-page-reports{display:block}
  .newspaper-page-reports .newspaper-report-grid,.newspaper-report-grid.count-1,.newspaper-report-grid.count-2,.newspaper-report-grid.count-3,.newspaper-report-grid.count-4{display:block}
  .newspaper-report-grid.count-3 .newspaper-report:first-child{display:grid}
  .newspaper-report{height:auto!important;min-height:210px!important;grid-template-columns:minmax(0,1fr) 95px!important;margin-bottom:10px;padding:12px!important}
  .newspaper-report h3{font-size:24px}.newspaper-report-body{font-size:10.5px;-webkit-line-clamp:10!important}
  .newspaper-report-avatar{min-height:118px!important;height:138px!important}
  .newspaper-page-stats{display:block}
  .newspaper-page-stats .newspaper-stats-layout{display:block}
  .newspaper-table-wrap{margin-top:18px;overflow-x:auto}
  .newspaper-table{min-width:560px;font-size:10px}
  .newspaper-table th,.newspaper-table td{padding:7px 6px!important}
  .newspaper-compact-awards-grid{grid-template-columns:1fr}
  .newspaper-page-awards{display:block}
  .newspaper-page-awards .newspaper-awards-head h1{font-size:34px}
  .newspaper-page-awards .newspaper-awards-grid,.newspaper-awards-grid.count-3,.newspaper-awards-grid.count-4,.newspaper-awards-grid.count-5,.newspaper-awards-grid.count-6,.newspaper-awards-grid.count-7,.newspaper-awards-grid.count-8{display:grid;grid-template-columns:1fr;grid-template-rows:auto}
  .newspaper-award-card{min-height:190px;height:auto}
  .newspaper-award-avatar{width:92px;height:125px}
  .newspaper-edition-signoff{grid-template-columns:1fr;gap:5px;text-align:center;padding:10px;margin-bottom:8px}
  .newspaper-edition-signoff em{text-align:center}
  .newspaper-edition-signoff strong{font-size:27px}
}
.newspaper-cover-secondary{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:10px;align-items:center}
.newspaper-cover-secondary-copy{min-width:0}
.newspaper-cover-secondary-avatar{height:86px;border-left:1px solid #777;padding-left:5px}
.newspaper-cover-secondary-avatar .newspaper-avatar-person>span{display:none}
@media(max-width:760px){.newspaper-cover-secondary{grid-template-columns:minmax(0,1fr) 78px}.newspaper-cover-secondary-avatar{height:76px}}

/* =========================================================
   Newspaper V1 FINAL — v16.3.0
   Historical identity safety, editorial spacing refinement,
   compact match scenes, full Results Desk and final award polish.
   ========================================================= */

/* Masthead / long-headline safety */
.newspaper-page-header{
  grid-template-columns:minmax(105px,1fr) minmax(0,680px) minmax(105px,1fr);
  min-width:0;
}
.newspaper-page-header h2{
  min-width:0;
  max-width:100%;
  font-size:clamp(36px,3.85vw,50px);
  letter-spacing:-.06em;
  overflow:hidden;
}
.newspaper-cover-main h1,
.newspaper-feature-copy h1{
  text-wrap:balance;
  overflow-wrap:normal;
}
.newspaper-cover-main h1{font-size:clamp(43px,4.75vw,72px);line-height:.9}

/* Avatar photography: stronger single-manager portraits, cleaner duel balance */
.newspaper-avatar-scene.is-single .newspaper-avatar-person{max-width:76%;flex-basis:76%}
.newspaper-avatar-scene.is-single .newspaper-avatar-person img{transform:scale(1.12);transform-origin:center bottom}
.newspaper-feature-avatar-scene.is-single .newspaper-avatar-person{max-width:88%;flex-basis:88%}
.newspaper-feature-avatar-scene.is-single .newspaper-avatar-person img{transform:scale(1.22);transform-origin:center bottom}
.newspaper-feature-avatar-scene.is-duel .newspaper-avatar-person{max-width:44%;flex-basis:44%}
.newspaper-cover-avatar-scene.is-duel{gap:20px}
.newspaper-cover-avatar-scene.is-duel .newspaper-avatar-person{max-width:39%;flex-basis:39%}
.newspaper-cover-avatar-scene .newspaper-avatar-duel-score{top:53%}
.newspaper-cover-avatar-scene .newspaper-avatar-person>span{bottom:8px}

/* Lead feature: turn the lower facts into a useful editorial strip */
.newspaper-feature-body{max-width:100%;text-wrap:pretty}
.newspaper-match-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:auto;
  border-top:4px double #111;
  border-bottom:1px solid #111;
}
.newspaper-match-facts>div{min-width:0;padding:10px 11px;border-right:1px solid #777}
.newspaper-match-facts>div:last-child{border-right:0}
.newspaper-match-facts span,.newspaper-match-facts strong{display:block}
.newspaper-match-facts span{font:900 7px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.11em;color:#2d2a25}
.newspaper-match-facts strong{margin-top:5px;font:950 17px/1 Georgia,"Times New Roman",serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newspaper-match-facts.is-compact{margin-top:10px;border-top:1px solid #777;border-bottom:0}
.newspaper-match-facts.is-compact>div{padding:7px 6px}
.newspaper-match-facts.is-compact span{font-size:6px}
.newspaper-match-facts.is-compact strong{font-size:12px;margin-top:4px}
.newspaper-feature-context{display:none!important}
.newspaper-feature-sidebar{grid-template-rows:minmax(300px,1fr) auto auto}
.newspaper-feature-avatar{min-height:310px;padding:4px 12px 9px}
.newspaper-feature-companion{grid-template-columns:minmax(0,1fr) 145px;min-height:140px;align-items:stretch}
.newspaper-feature-companion-copy{min-width:0}
.newspaper-feature-companion-score{margin:5px 0 6px;padding:4px 0;border-top:1px solid #777;border-bottom:1px solid #777;font:900 8px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.06em}
.newspaper-feature-companion-avatar{height:132px;padding:4px}

/* Selected match reports: photography becomes a horizontal match scene,
   never a tall empty column. */
.newspaper-report{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:minmax(0,1fr) 142px!important;
  gap:10px!important;
}
.newspaper-report-copy{min-height:0}
.newspaper-report-avatar{
  width:100%;
  height:142px!important;
  min-height:0!important;
  margin-top:auto;
  padding:5px 12px 4px!important;
  border-top:3px double #111;
  background:repeating-radial-gradient(circle,#ccc 0,#ccc .65px,#eee9dc .65px,#eee9dc 3px);
}
.newspaper-report-avatar-scene{height:100%}
.newspaper-report-avatar-scene.is-duel{gap:16px}
.newspaper-report-avatar-scene.is-duel .newspaper-avatar-person{max-width:30%;flex-basis:30%}
.newspaper-report-avatar-scene.is-single .newspaper-avatar-person{max-width:38%;flex-basis:38%}
.newspaper-report-avatar-scene.is-single .newspaper-avatar-person img{transform:scale(1.15)}
.newspaper-report-avatar-scene .newspaper-avatar-duel-score{top:48%}
.newspaper-report-avatar-scene .newspaper-avatar-person>span{bottom:1px;background:rgba(243,239,226,.94)}
.newspaper-report-body{text-wrap:pretty}
.newspaper-report-grid.count-1 .newspaper-report{grid-template-rows:minmax(0,1fr) 260px!important}
.newspaper-report-grid.count-1 .newspaper-report-avatar{height:260px!important}
.newspaper-report-grid.count-1 .newspaper-report-avatar-scene.is-duel .newspaper-avatar-person{max-width:34%;flex-basis:34%}
.newspaper-report-grid.count-1 .newspaper-report-avatar-scene.is-single .newspaper-avatar-person{max-width:48%;flex-basis:48%}
.newspaper-report-grid.count-2 .newspaper-report{grid-template-rows:minmax(0,1fr) 185px!important}
.newspaper-report-grid.count-2 .newspaper-report-avatar{height:185px!important}
.newspaper-report-grid.count-2 .newspaper-report-avatar-scene.is-duel .newspaper-avatar-person{max-width:36%;flex-basis:36%}
.newspaper-report-grid.count-2 .newspaper-report-avatar-scene.is-single .newspaper-avatar-person{max-width:48%;flex-basis:48%}
.newspaper-report-grid.count-3 .newspaper-report:first-child{grid-template-columns:1fr!important;grid-template-rows:minmax(0,1fr) 132px!important}
.newspaper-report-grid.count-3 .newspaper-report:first-child .newspaper-report-avatar{height:132px!important;min-height:0!important}

/* League + Gameweek page */
.newspaper-page-stats .newspaper-stats-layout{
  grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);
  gap:16px;
  flex:0 0 auto;
}
.newspaper-stat-splash{padding:12px}
.newspaper-stat-splash h1{font-size:39px;line-height:.9}
.newspaper-stat-row{padding:7px 0}
.newspaper-stat-row span{font-size:9.8px}
.newspaper-stat-row strong{font-size:16px}
.newspaper-table{font-size:9.6px;table-layout:fixed}
.newspaper-table caption{font-size:29px;padding-bottom:7px}
.newspaper-table th{padding:6px 6px!important}
.newspaper-table td{padding:4px 6px!important;line-height:1.15;color:#171717!important}
.newspaper-table td:nth-child(1){width:45px}
.newspaper-table th:nth-child(1){width:45px}
.newspaper-table th:nth-child(4),.newspaper-table td:nth-child(4){width:86px}
.newspaper-table th:nth-child(5),.newspaper-table td:nth-child(5){width:58px;text-align:right}
.newspaper-table td:nth-child(2),.newspaper-table td:nth-child(3){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.newspaper-results-desk{
  flex:1 1 auto;
  min-height:0;
  margin-top:12px;
  padding-top:9px;
  border-top:4px double #111;
  display:flex;
  flex-direction:column;
}
.newspaper-results-desk-head{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:7px}
.newspaper-results-desk-head>div{min-width:0}
.newspaper-results-desk-head strong{display:block;margin-top:4px;font:950 23px/.95 Georgia,"Times New Roman",serif}
.newspaper-results-desk-head em{font:900 7px/1 ui-sans-serif,system-ui;text-transform:uppercase;letter-spacing:.1em;font-style:normal;white-space:nowrap}
.newspaper-results-desk-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:0 18px;min-height:0}
.newspaper-results-desk.cols-2 .newspaper-results-desk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.newspaper-results-desk.cols-3 .newspaper-results-desk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.newspaper-results-desk.cols-4 .newspaper-results-desk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.newspaper-result-line{
  min-width:0;
  min-height:20px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 43px minmax(0,1fr);
  align-items:center;
  gap:5px;
  padding:4px 3px;
  border-bottom:1px solid rgba(17,17,17,.38);
  font-size:8.7px;
  line-height:1;
}
.newspaper-result-line span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newspaper-result-line span:first-child{text-align:right}
.newspaper-result-line b{padding:3px 2px;border-left:1px solid #777;border-right:1px solid #777;text-align:center;font:950 10px/1 Georgia,"Times New Roman",serif}
.newspaper-result-line.is-featured{background:rgba(17,17,17,.045);font-weight:800}
.newspaper-result-line.is-featured b{background:#171717;color:#f3efe2;border-color:#171717}

/* Awards: visible portraits and deliberate 1–4 award layouts */
.newspaper-awards-grid.count-1{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}
.newspaper-awards-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}
.newspaper-award-card{padding-right:132px!important}
.newspaper-award-detail{position:relative;z-index:2;max-width:100%}
.newspaper-award-avatar{right:10px;bottom:2px;width:128px;height:170px;opacity:.78;z-index:1}
.newspaper-award-avatar .habbo-avatar{width:100%;height:100%;background:transparent!important;border-radius:0!important}
.newspaper-award-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;filter:grayscale(1) contrast(1.28)!important}
.newspaper-awards-grid.count-1 .newspaper-award-avatar{width:190px;height:240px}
.newspaper-awards-grid.count-1 .newspaper-award-card{padding-right:210px!important}
.newspaper-awards-grid.count-2 .newspaper-award-avatar{width:150px;height:205px}
.newspaper-awards-grid.count-2 .newspaper-award-card{padding-right:160px!important}

/* The sign-off belongs to the last meaningful page rather than an empty back page. */
.newspaper-edition-signoff{margin-top:auto}

@media(max-width:1180px) and (min-width:761px){
  .newspaper-page-header{grid-template-columns:minmax(85px,1fr) minmax(0,560px) minmax(85px,1fr)}
  .newspaper-page-header h2{font-size:clamp(32px,4vw,42px)}
  .newspaper-cover-main h1{font-size:clamp(40px,5vw,61px)}
  .newspaper-report-grid.count-2 .newspaper-report{grid-template-rows:minmax(0,1fr) 155px!important}
  .newspaper-report-grid.count-2 .newspaper-report-avatar{height:155px!important}
  .newspaper-results-desk-grid{column-gap:12px}
  .newspaper-result-line{font-size:7.8px;grid-template-columns:minmax(0,1fr) 39px minmax(0,1fr)}
  .newspaper-result-line b{font-size:9px}
}

@media(max-width:760px){
  .newspaper-page-header{grid-template-columns:1fr auto!important}
  .newspaper-page-header h2{max-width:100%;font-size:30px!important}
  .newspaper-cover-main h1{font-size:39px;line-height:.92}
  .newspaper-avatar-scene.is-single .newspaper-avatar-person{max-width:70%;flex-basis:70%}
  .newspaper-feature-avatar-scene.is-single .newspaper-avatar-person{max-width:82%;flex-basis:82%}
  .newspaper-feature-sidebar{grid-template-rows:auto}
  .newspaper-feature-avatar{height:300px!important;min-height:300px}
  .newspaper-match-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .newspaper-match-facts strong{font-size:12px}
  .newspaper-feature-companion{grid-template-columns:minmax(0,1fr) 105px}
  .newspaper-feature-companion-avatar{height:105px}
  .newspaper-report{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto 145px!important;height:auto!important}
  .newspaper-report-avatar,.newspaper-report-grid.count-1 .newspaper-report-avatar,.newspaper-report-grid.count-2 .newspaper-report-avatar,.newspaper-report-grid.count-3 .newspaper-report:first-child .newspaper-report-avatar{height:145px!important;min-height:0!important}
  .newspaper-report-avatar-scene.is-duel .newspaper-avatar-person{max-width:34%;flex-basis:34%}
  .newspaper-report-avatar-scene.is-single .newspaper-avatar-person{max-width:46%;flex-basis:46%}
  .newspaper-page-stats .newspaper-stats-layout{display:block}
  .newspaper-results-desk{margin-top:16px}
  .newspaper-results-desk-grid,.newspaper-results-desk.cols-2 .newspaper-results-desk-grid,.newspaper-results-desk.cols-3 .newspaper-results-desk-grid,.newspaper-results-desk.cols-4 .newspaper-results-desk-grid{grid-template-columns:1fr}
  .newspaper-result-line{font-size:9px;min-height:24px}
  .newspaper-award-card,.newspaper-awards-grid.count-1 .newspaper-award-card,.newspaper-awards-grid.count-2 .newspaper-award-card{padding-right:112px!important}
  .newspaper-award-avatar,.newspaper-awards-grid.count-1 .newspaper-award-avatar,.newspaper-awards-grid.count-2 .newspaper-award-avatar{width:104px;height:140px;opacity:.8}
}

/* ========================================================================== */
/* HABBOON FPL v17.0.0 — MATCHDAY LIVE CENTRE                                */
/* ========================================================================== */
body[data-page="live"]{
  background:
    radial-gradient(circle at 84% 8%,rgba(30,226,151,.08),transparent 25%),
    radial-gradient(circle at 18% 18%,rgba(63,112,255,.07),transparent 24%),
    #050b11;
}
body[data-page="live"] .workspace>.content{
  width:min(1600px,100%);
  max-width:none;
  padding:18px 18px 72px;
}
body[data-page="live"] .site-footer{
  background:#050b11;
  border-top-color:rgba(255,255,255,.06);
}
.matchday-live-shell{
  --matchday-bg:#071018;
  --matchday-panel:#0b1721;
  --matchday-panel-2:#0f1d28;
  --matchday-line:rgba(255,255,255,.09);
  --matchday-soft:rgba(255,255,255,.62);
  --matchday-live:#ff3b49;
  --matchday-green:#2be39f;
  --matchday-amber:#f4c45a;
  --matchday-blue:#69a7ff;
  position:relative;
  display:grid;
  gap:12px;
  color:#f6fbff;
  isolation:isolate;
}
.matchday-live-shell *{box-sizing:border-box}
.matchday-broadcast-head{
  position:relative;
  min-height:146px;
  display:grid;
  grid-template-columns:minmax(0,1.65fr) auto auto;
  align-items:center;
  gap:24px;
  overflow:hidden;
  padding:25px 28px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:22px 22px 10px 10px;
  background:
    linear-gradient(105deg,rgba(8,20,29,.98),rgba(8,23,32,.95) 55%,rgba(11,39,36,.93)),
    #07131d;
  box-shadow:0 22px 50px rgba(0,0,0,.25);
}
.matchday-broadcast-head:before{
  content:"";
  position:absolute;
  inset:-35% -4% -45% 48%;
  opacity:.15;
  background:
    linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.45) 50%,transparent 50.5%),
    radial-gradient(circle at 50% 50%,transparent 0 25%,rgba(255,255,255,.35) 25.5% 26%,transparent 26.5%),
    linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2));
  background-size:100% 100%,34% 60%,100% 1px;
  background-position:center,center,center;
  background-repeat:no-repeat;
  transform:rotate(-5deg);
  pointer-events:none;
}
.matchday-broadcast-head.live{box-shadow:0 22px 55px rgba(0,0,0,.3),inset 4px 0 0 var(--matchday-live)}
.matchday-broadcast-head.final{box-shadow:0 22px 55px rgba(0,0,0,.3),inset 4px 0 0 var(--matchday-green)}
.matchday-broadcast-copy,.matchday-broadcast-kpis,.matchday-broadcast-actions{position:relative;z-index:1}
.matchday-broadcast-eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:7px;
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#dbe9f4;
}
.matchday-broadcast-eyebrow>b{
  padding:4px 7px;
  border-radius:5px;
  background:#ffb642;
  color:#111820;
  font-size:9px;
}
.matchday-live-beacon{
  display:grid;
  place-items:center;
  width:13px;
  height:13px;
  border-radius:50%;
  background:rgba(255,59,73,.17);
  box-shadow:0 0 0 5px rgba(255,59,73,.07);
}
.matchday-live-beacon i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--matchday-live);
  box-shadow:0 0 16px rgba(255,59,73,.9);
  animation:matchdayLivePulse 1.45s ease-in-out infinite;
}
.matchday-broadcast-head:not(.live) .matchday-live-beacon i{background:var(--matchday-green);box-shadow:0 0 12px rgba(43,227,159,.55);animation:none}
.matchday-broadcast-copy h1{
  margin:0;
  font-size:clamp(28px,3vw,49px);
  line-height:.95;
  letter-spacing:-.045em;
  font-weight:1000;
  color:#fff;
}
.matchday-broadcast-copy p{
  max-width:720px;
  margin:9px 0 0;
  color:#b7c8d5;
  font-size:14px;
  line-height:1.45;
}
.matchday-broadcast-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:12px;
  color:#738899;
  font-size:10px;
  font-weight:750;
}
.matchday-broadcast-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(70px,1fr));
  min-width:330px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(3,11,17,.52);
  backdrop-filter:blur(8px);
}
.matchday-broadcast-kpis>div{
  padding:14px 12px;
  text-align:center;
  border-right:1px solid rgba(255,255,255,.07);
}
.matchday-broadcast-kpis>div:last-child{border-right:0}
.matchday-broadcast-kpis strong{display:block;font-size:24px;line-height:1;font-weight:1000;color:#fff}
.matchday-broadcast-kpis span{display:block;margin-top:6px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#7e94a5}
.matchday-broadcast-actions{display:grid;gap:7px}
.matchday-broadcast-actions button{
  min-width:78px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:9px;
  background:rgba(255,255,255,.055);
  color:#dceaf3;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.matchday-broadcast-actions button:hover,.matchday-broadcast-actions button.active{border-color:rgba(43,227,159,.45);background:rgba(43,227,159,.1);color:#fff}

.matchday-score-ticker{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  min-height:50px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:9px;
  background:#03090e;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.matchday-ticker-label{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:104px;
  padding:0 16px;
  border-right:1px solid rgba(255,255,255,.1);
  background:linear-gradient(90deg,#111b23,#0b141b);
  color:#fff;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.12em;
}
.matchday-ticker-label i{width:7px;height:7px;border-radius:50%;background:var(--matchday-live);box-shadow:0 0 12px rgba(255,59,73,.8)}
.matchday-ticker-viewport{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.matchday-ticker-track{
  width:max-content;
  min-width:200%;
  display:flex;
  align-items:stretch;
  animation:matchdayTicker 35s linear infinite;
  will-change:transform;
}
.matchday-score-ticker:hover .matchday-ticker-track{animation-play-state:paused}
.matchday-ticker-match{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:205px;
  padding:0 18px;
  border-right:1px solid rgba(255,255,255,.06);
  color:#b9c8d2;
  font-size:12px;
  font-weight:850;
}
.matchday-ticker-match strong{min-width:37px;text-align:center;font-size:15px;color:#fff;font-weight:1000}
.matchday-ticker-state{min-width:35px;color:#7f93a1;font-size:9px;font-weight:1000}
.matchday-ticker-match.is-live .matchday-ticker-state{color:#ff6570}
.matchday-ticker-match.is-live{background:linear-gradient(90deg,rgba(255,59,73,.04),transparent)}
.matchday-ticker-team{min-width:34px;color:#edf6fb}
.matchday-ticker-team.away{text-align:right}
.matchday-ticker-empty{display:flex;align-items:center;padding:0 18px;color:#7d909d;font-size:12px}

.matchday-demo-ribbon{
  padding:8px 13px;
  border:1px solid rgba(244,196,90,.25);
  border-radius:8px;
  background:rgba(244,196,90,.08);
  color:#e7cf8a;
  font-size:11px;
  font-weight:800;
  text-align:center;
}
.matchday-command-grid{
  display:grid;
  grid-template-columns:minmax(0,1.62fr) minmax(310px,.9fr) minmax(260px,.72fr);
  gap:12px;
  align-items:stretch;
}
.matchday-card,.matchday-module{
  min-width:0;
  border:1px solid var(--matchday-line);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(14,29,40,.98),rgba(8,19,27,.98));
  box-shadow:0 14px 32px rgba(0,0,0,.19);
}
.matchday-card{min-height:326px;overflow:hidden}
.matchday-card-head,.matchday-module-head{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 15px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.matchday-card-head>div,.matchday-module-head>div{min-width:0}
.matchday-card-head span,.matchday-module-head span{
  display:block;
  margin-bottom:3px;
  color:#7890a2;
  font-size:9px;
  font-weight:1000;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.matchday-card-head strong,.matchday-module-head strong{display:block;color:#f7fbff;font-size:14px;font-weight:950}
.matchday-card-head>span,.matchday-module-head>span{margin:0;color:#8194a2;letter-spacing:0;text-transform:none}
.matchday-module-head button{
  border:0;
  background:transparent;
  color:#79e4ba;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
  white-space:nowrap;
}
.matchday-live-chip{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border-radius:999px;
  color:#d8e7f0!important;
  background:rgba(255,255,255,.06);
  font-size:9px!important;
  letter-spacing:.08em!important;
}
.matchday-live-chip i{width:6px;height:6px;border-radius:50%;background:#ff5360;box-shadow:0 0 10px rgba(255,83,96,.7)}
.matchday-live-chip.final i{background:var(--matchday-green)}

.matchday-my-match{display:flex;flex-direction:column}
.matchday-duel{
  flex:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);
  align-items:center;
  gap:8px;
  padding:6px 16px 4px;
  background:
    radial-gradient(circle at 50% 70%,rgba(43,227,159,.08),transparent 28%),
    linear-gradient(90deg,transparent 49.75%,rgba(255,255,255,.05) 50%,transparent 50.25%);
}
.matchday-person{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  align-self:stretch;
  padding:0 4px 8px;
  border:0;
  background:transparent;
  color:#fff;
  cursor:pointer;
}
.matchday-avatar-stage{
  position:relative;
  width:116px;
  height:132px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  margin-bottom:-2px;
}
.matchday-avatar-stage:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:1px;
  width:72px;
  height:11px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(0,0,0,.35);
  filter:blur(4px);
}
.matchday-duel-avatar{
  position:relative;
  z-index:1;
  width:90px!important;
  height:135px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  filter:drop-shadow(0 10px 13px rgba(0,0,0,.35));
}
.matchday-person>strong{max-width:100%;font-size:17px;line-height:1.05;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.matchday-person>span{max-width:100%;margin-top:3px;color:#7890a1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.matchday-person-stats{
  width:100%;
  max-width:235px;
  display:grid;
  grid-template-columns:1.35fr .75fr .75fr;
  gap:4px;
  margin-top:10px;
}
.matchday-person-stats>span{min-width:0;padding:6px;border-radius:7px;background:rgba(255,255,255,.045);text-align:center}
.matchday-person-stats b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d9edf6;font-size:10px;font-weight:950}
.matchday-person-stats small{display:block;margin-top:2px;color:#607786;font-size:8px;font-weight:850;text-transform:uppercase}
.matchday-person-stats.muted{display:block;color:#667b88;font-size:9px}
.matchday-score-centre{text-align:center;align-self:center}
.matchday-score-centre>small{display:block;min-height:16px;color:#8da0ad;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.matchday-score-centre>strong{
  display:block;
  margin:8px 0 5px;
  color:#fff;
  font-size:clamp(38px,4.2vw,64px);
  line-height:.82;
  letter-spacing:-.065em;
  font-weight:1000;
  animation:matchdayScorePop .48s ease-out both;
}
.matchday-score-centre>strong i{font-style:normal;color:#516775;font-size:.7em;margin:0 3px}
.matchday-score-centre>span{display:block;color:#728895;font-size:9px;font-weight:850}
.matchday-rank-move{display:inline-block;margin-top:9px;padding:5px 7px;border-radius:6px;background:rgba(255,255,255,.05);color:#8ea4b2;font-size:8px;font-weight:950;text-transform:uppercase}
.matchday-rank-move.up{background:rgba(43,227,159,.09);color:#5ee8b3}
.matchday-rank-move.down{background:rgba(255,83,96,.09);color:#ff7b85}
.matchday-match-detail{
  width:100%;
  min-height:35px;
  border:0;
  border-top:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.018);
  color:#7d96a6;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
.matchday-match-detail span{color:#47dca5;margin-left:4px}
.matchday-match-detail:hover{background:rgba(43,227,159,.05);color:#d9e8f1}
.matchday-empty-centre{display:grid;place-items:center;min-height:265px;padding:30px;text-align:center;color:#7c909d;font-size:12px}

.matchday-events{display:flex;flex-direction:column}
.matchday-event-list{flex:1;display:flex;flex-direction:column;min-height:0}
.matchday-event-row{
  flex:1;
  min-height:42px;
  display:grid;
  grid-template-columns:36px 30px minmax(0,1fr);
  align-items:center;
  gap:7px;
  padding:7px 12px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.matchday-event-row:last-child{border-bottom:0}
.matchday-event-row.latest{background:linear-gradient(90deg,rgba(255,59,73,.08),transparent)}
.matchday-event-time{font-size:9px;font-weight:1000;color:#ff6974;text-align:center}
.matchday-event-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:rgba(255,255,255,.055);font-size:14px}
.matchday-event-copy{min-width:0}
.matchday-event-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f9fc;font-size:11px;font-weight:950}
.matchday-event-copy strong em{color:#718896;font-style:normal;font-weight:800}
.matchday-event-copy span{display:block;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8ba0ae;font-size:9px}
.matchday-event-copy small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#526c7c;font-size:8px;font-weight:800}
.matchday-feed-empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;color:#7d919f}
.matchday-feed-empty>span{font-size:28px;color:#304958}.matchday-feed-empty strong{margin-top:8px;color:#d8e4ec;font-size:13px}.matchday-feed-empty small{max-width:230px;margin-top:5px;font-size:10px;line-height:1.45}

.matchday-pulse{display:flex;flex-direction:column}
.matchday-pulse-dot{width:8px!important;height:8px!important;border-radius:50%;background:var(--matchday-green);box-shadow:0 0 14px rgba(43,227,159,.7)}
.matchday-pulse-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.055)}
.matchday-pulse-grid>div{padding:11px 10px;background:#0b1720;text-align:center}
.matchday-pulse-grid span{display:block;color:#6f8594;font-size:8px;font-weight:900;text-transform:uppercase}
.matchday-pulse-grid strong{display:block;margin-top:3px;color:#fff;font-size:20px;font-weight:1000}
.matchday-pulse-feature{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.055)}
.matchday-pulse-feature span{display:block;color:#6f8796;font-size:8px;font-weight:900;text-transform:uppercase}
.matchday-pulse-feature strong{display:block;margin-top:4px;color:#eaf4f9;font-size:10px;line-height:1.25;font-weight:950}
.matchday-pulse-footer{display:flex;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px}
.matchday-pulse-footer:last-child{border-bottom:0}.matchday-pulse-footer span{color:#69808e}.matchday-pulse-footer b{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cfe0ea}

.matchday-dashboard{
  overflow:hidden;
  border:1px solid var(--matchday-line);
  border-radius:14px;
  background:#07121a;
  box-shadow:0 18px 38px rgba(0,0,0,.18);
  scroll-margin-top:90px;
}
.matchday-dashboard-tabs{
  display:flex;
  align-items:center;
  gap:4px;
  min-height:54px;
  padding:7px 9px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:#09151e;
}
.matchday-dashboard-tabs button{
  flex:0 0 auto;
  min-height:38px;
  padding:0 18px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#718895;
  font-size:10px;
  font-weight:950;
  cursor:pointer;
}
.matchday-dashboard-tabs button:hover{color:#dce9f1;background:rgba(255,255,255,.035)}
.matchday-dashboard-tabs button.active{border-color:rgba(43,227,159,.25);background:rgba(43,227,159,.085);color:#8ff1ca}
.matchday-dashboard-body{min-height:418px;padding:11px}
.matchday-overview-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr);
  grid-template-rows:1fr 1fr;
  gap:10px;
  min-height:396px;
}
.matchday-module{overflow:hidden;background:#0a1620}
.matchday-overview-grid>.wide{grid-row:1 / span 2}
.matchday-pl-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}
.matchday-pl-mini{overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.025)}
.matchday-pl-mini>span{display:block;padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.045);color:#69818f;font-size:8px;font-weight:950;text-transform:uppercase}
.matchday-pl-mini.live>span{color:#ff6e78;background:rgba(255,59,73,.055)}
.matchday-pl-mini>div{display:grid;grid-template-columns:26px 1fr 48px 1fr 26px;align-items:center;gap:5px;min-height:48px;padding:6px 8px}
.matchday-pl-mini .football-team-badge{width:24px;height:24px}.matchday-pl-mini .football-team-badge img{max-width:22px;max-height:22px}
.matchday-pl-mini b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd9e2;font-size:10px}.matchday-pl-mini b:nth-of-type(2){text-align:right}
.matchday-pl-mini strong{text-align:center;color:#fff;font-size:15px;font-weight:1000}
.matchday-h2h-spotlight{display:grid;gap:5px;padding:8px}
.matchday-h2h-tile{display:block;width:100%;padding:7px 9px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:rgba(255,255,255,.025);color:#dfeaf0;cursor:pointer;text-align:left}
.matchday-h2h-tile:hover,.matchday-h2h-tile.featured{border-color:rgba(43,227,159,.18);background:rgba(43,227,159,.045)}
.matchday-h2h-tile>span{display:block;margin-bottom:3px;color:#647d8c;font-size:7px;font-weight:1000;letter-spacing:.08em}
.matchday-h2h-tile>div{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:center;gap:4px}
.matchday-h2h-tile strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.matchday-h2h-tile strong:last-child{text-align:right}.matchday-h2h-tile b{text-align:center;color:#fff;font-size:12px}
.matchday-top-player-list{padding:7px 9px}
.matchday-top-player-list>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;column-gap:6px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.045)}
.matchday-top-player-list>div:last-child{border-bottom:0}.matchday-top-player-list>div>span{grid-row:1/span 2;color:#4f6878;font-size:9px;font-weight:1000}.matchday-top-player-list strong{font-size:10px;color:#e1ebf1}.matchday-top-player-list small{grid-column:2;color:#657d8b;font-size:8px}.matchday-top-player-list b{grid-column:3;grid-row:1/span 2;color:#72e8bb;font-size:15px}
.matchday-mini-empty{display:grid;place-items:center;min-height:100px;padding:18px;color:#68808e;text-align:center;font-size:10px}

.matchday-tab-full{min-height:390px}
.matchday-tab-full .h2h-centre-highlights{margin:0 0 8px}
.matchday-tab-full .h2h-highlight-mini,.matchday-tab-full .h2h-score-row,.matchday-tab-full .h2h-centre-toolbar{background:#0b1821;border-color:rgba(255,255,255,.07)}
.matchday-tab-full .h2h-highlight-mini strong,.matchday-tab-full .h2h-score-row strong{color:#eef7fb}
.matchday-tab-full .h2h-team-copy span,.matchday-tab-full .h2h-row-score span,.matchday-tab-full .h2h-result-count{color:#667f8e}
.matchday-tab-full .h2h-search-box,.matchday-tab-full .h2h-filter-button,.matchday-tab-full .h2h-page-button{background:#08131b;border-color:rgba(255,255,255,.08);color:#79909e}
.matchday-tab-full .h2h-filter-button.active,.matchday-tab-full .h2h-page-button.active{background:rgba(43,227,159,.09);color:#82edc4;border-color:rgba(43,227,159,.25)}

.matchday-pl-tab{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:10px;align-items:start}
.matchday-pl-tab .matchday-module{max-height:540px;overflow:auto;scrollbar-width:thin;scrollbar-color:#27404f transparent}
.matchday-pl-tab .football-fixture-list,.matchday-pl-tab .football-event-feed{padding:8px}
.matchday-pl-tab .football-fixture,.matchday-pl-tab .football-event{border-color:rgba(255,255,255,.07);background:#0b1821;color:#dfeaf0}
.matchday-pl-tab .football-fixture summary{background:transparent}
.matchday-pl-tab .football-team,.matchday-pl-tab .football-score,.matchday-pl-tab .football-event-main strong{color:#edf6fb}
.matchday-pl-tab .football-kickoff,.matchday-pl-tab .football-event-main span,.matchday-pl-tab .football-event-main small{color:#6f8593}

.matchday-impact-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr) minmax(260px,.75fr);gap:10px}
.matchday-impact-layout>.impact-main{grid-row:1/span 2}
.matchday-impact-layout>.matchday-module:last-child{grid-column:2/span 2}
.matchday-impact-cards{padding:7px 9px}
.matchday-impact-card{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:6px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.matchday-impact-card:last-child{border-bottom:0}.matchday-impact-card>span{color:#4d6878;font-size:9px;font-weight:1000}.matchday-impact-card>div{min-width:0}.matchday-impact-card strong{display:block;color:#eaf3f8;font-size:11px}.matchday-impact-card small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#637b89;font-size:8px}.matchday-impact-card>b{color:#6ce8b9;font-size:15px}.matchday-impact-card>em{grid-column:2/span 2;color:#728895;font-size:8px;font-style:normal}
.matchday-trend-mini{padding:8px 10px}.matchday-trend-mini>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.045)}.matchday-trend-mini>div:last-child{border-bottom:0}.matchday-trend-mini strong{font-size:10px;color:#e1ebf1}.matchday-trend-mini span{grid-row:2;color:#66808f;font-size:8px}.matchday-trend-mini b{grid-column:2;grid-row:1/span 2;align-self:center;color:#6ce8b9;font-size:13px}.matchday-trend-mini.compact>div{grid-template-columns:1fr}.matchday-threat{padding:12px;border-bottom:1px solid rgba(255,255,255,.05)}.matchday-threat strong{display:block;color:#fff;font-size:15px}.matchday-threat b{display:inline-block;margin-top:5px;color:#f1c65b;font-size:22px}.matchday-threat span{display:block;margin-top:4px;color:#78909e;font-size:9px}.matchday-tactics-grid{display:grid;grid-template-columns:1fr 1fr}.matchday-tactics-grid>div{padding:14px;border-right:1px solid rgba(255,255,255,.055)}.matchday-tactics-grid>div:last-child{border-right:0}.matchday-tactics-grid span{display:block;color:#6d8492;font-size:8px;font-weight:900;text-transform:uppercase}.matchday-tactics-grid strong{display:block;margin-top:4px;color:#fff;font-size:22px}.matchday-tactics-grid small{display:block;margin-top:4px;color:#78909e;font-size:9px}

.matchday-table-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(340px,.75fr);grid-template-rows:auto auto;gap:10px;align-items:start}
.matchday-table-layout>.wide{grid-row:1/span 2}
.matchday-table-layout .table-wrap{max-height:420px;overflow:auto;background:transparent}
.matchday-table-layout table{background:transparent!important;color:#dce8ef!important}
.matchday-table-layout thead th{position:sticky;top:0;z-index:1;background:#0d1b25!important;color:#78909f!important;border-color:rgba(255,255,255,.07)!important}
.matchday-table-layout tbody td{background:#0a1720!important;color:#cbdbe5!important;border-color:rgba(255,255,255,.05)!important}
.matchday-table-layout tbody tr:hover td{background:#0e202b!important}
.matchday-table-layout .fixture-card{background:#0a1720;border-color:rgba(255,255,255,.06)}
.matchday-table-layout .fixture-name,.matchday-table-layout .fixture-score{color:#eaf3f8}.matchday-table-layout .fixture-team{color:#69808f}

.matchday-mobile-scorebar{display:none}

@keyframes matchdayTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes matchdayLivePulse{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.28);opacity:1}}
@keyframes matchdayScorePop{0%{transform:scale(.92);opacity:.35}70%{transform:scale(1.025);opacity:1}100%{transform:scale(1);opacity:1}}

@media(max-width:1280px){
  .matchday-broadcast-head{grid-template-columns:minmax(0,1fr) auto;gap:18px}.matchday-broadcast-actions{grid-column:2;grid-row:2;display:flex;justify-content:flex-end;margin-top:-32px}.matchday-broadcast-kpis{min-width:300px}
  .matchday-command-grid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.85fr)}.matchday-pulse{grid-column:1/span 2;min-height:0}.matchday-pulse-grid{grid-template-columns:repeat(4,1fr)}.matchday-pulse-feature{display:inline-block;width:50%;vertical-align:top}.matchday-pulse-footer{display:none}
}

@media(max-width:980px){
  body[data-page="live"] .workspace>.content{padding:12px 10px 86px}
  .matchday-broadcast-head{grid-template-columns:1fr;padding:20px}.matchday-broadcast-kpis{width:100%;min-width:0}.matchday-broadcast-actions{grid-column:auto;grid-row:auto;display:flex;justify-content:flex-start;margin:0}.matchday-broadcast-copy h1{font-size:34px}
  .matchday-command-grid{grid-template-columns:1fr}.matchday-pulse{grid-column:auto}.matchday-pulse-feature{display:block;width:auto}.matchday-pulse-footer{display:flex}
  .matchday-overview-grid,.matchday-pl-tab,.matchday-table-layout{grid-template-columns:1fr}.matchday-overview-grid{grid-template-rows:auto}.matchday-overview-grid>.wide,.matchday-table-layout>.wide{grid-row:auto}.matchday-impact-layout{grid-template-columns:1fr 1fr}.matchday-impact-layout>.impact-main{grid-column:1/span 2;grid-row:auto}.matchday-impact-layout>.matchday-module:last-child{grid-column:1/span 2}
}

@media(max-width:700px){
  body[data-page="live"] .workspace>.content{padding:8px 8px calc(90px + env(safe-area-inset-bottom))}
  .matchday-live-shell{gap:8px}
  .matchday-broadcast-head{min-height:0;padding:16px;border-radius:15px 15px 8px 8px}.matchday-broadcast-head:before{opacity:.08;inset:-20% -30% -25% 30%}.matchday-broadcast-copy h1{font-size:28px}.matchday-broadcast-copy p{font-size:12px}.matchday-broadcast-meta{display:none}.matchday-broadcast-kpis{grid-template-columns:repeat(4,1fr)}.matchday-broadcast-kpis>div{padding:10px 4px}.matchday-broadcast-kpis strong{font-size:18px}.matchday-broadcast-kpis span{font-size:7px}.matchday-broadcast-actions{position:absolute;top:12px;right:12px}.matchday-broadcast-actions button{min-width:0;padding:6px 8px;font-size:9px}.matchday-broadcast-actions button:last-child{display:none}
  .matchday-score-ticker{grid-template-columns:76px minmax(0,1fr);min-height:44px}.matchday-ticker-label{min-width:0;padding:0 9px;font-size:8px}.matchday-ticker-match{min-width:176px;padding:0 12px;gap:6px;font-size:10px}.matchday-ticker-match strong{font-size:13px}
  .matchday-mobile-scorebar{position:sticky;top:calc(var(--mobile-appbar,56px) + env(safe-area-inset-top));z-index:18;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:7px 10px;border:1px solid rgba(43,227,159,.2);border-radius:8px;background:rgba(5,16,23,.96);box-shadow:0 10px 24px rgba(0,0,0,.28);backdrop-filter:blur(12px);color:#dfeef5;text-align:left}.matchday-mobile-scorebar>span{display:flex;align-items:center;gap:5px;color:#65e7b5;font-size:7px;font-weight:1000}.matchday-mobile-scorebar>span i{width:5px;height:5px;border-radius:50%;background:#ff5260;box-shadow:0 0 8px rgba(255,82,96,.7)}.matchday-mobile-scorebar>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:10px}.matchday-mobile-scorebar>strong b{margin:0 5px;color:#fff;font-size:13px}.matchday-mobile-scorebar>em{font-style:normal;color:#6ee5b8}
  .matchday-card{min-height:0;border-radius:11px}.matchday-card-head,.matchday-module-head{min-height:48px;padding:10px 11px}
  .matchday-duel{grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);padding:3px 7px 0}.matchday-avatar-stage{width:86px;height:103px}.matchday-duel-avatar{width:70px!important;height:105px!important}.matchday-person>strong{font-size:13px}.matchday-person>span{font-size:8px}.matchday-score-centre>strong{font-size:36px}.matchday-score-centre>small{font-size:7px}.matchday-person-stats{grid-template-columns:1fr;margin-top:6px}.matchday-person-stats>span:nth-child(n+2){display:none}.matchday-person-stats>span{padding:5px}.matchday-person-stats small{font-size:7px}.matchday-match-detail{min-height:32px}
  .matchday-event-row:nth-child(n+5){display:none}.matchday-event-row{min-height:48px;padding:7px 9px;grid-template-columns:32px 27px minmax(0,1fr)}
  .matchday-pulse-grid{grid-template-columns:repeat(4,1fr)}.matchday-pulse-grid>div{padding:8px 3px}.matchday-pulse-grid strong{font-size:16px}.matchday-pulse-feature{padding:8px 10px}.matchday-pulse-footer{padding:7px 10px}
  .matchday-dashboard-tabs{overflow-x:auto;scrollbar-width:none;min-height:48px;padding:5px}.matchday-dashboard-tabs::-webkit-scrollbar{display:none}.matchday-dashboard-tabs button{min-height:36px;padding:0 13px;font-size:9px}.matchday-dashboard-body{min-height:0;padding:7px}.matchday-overview-grid{display:block;min-height:0}.matchday-overview-grid>.matchday-module{margin-bottom:7px}.matchday-overview-grid>.matchday-module:last-child{margin-bottom:0}.matchday-pl-mini-grid{grid-template-columns:1fr;padding:7px}.matchday-h2h-spotlight,.matchday-top-player-list{padding:6px 8px}
  .matchday-impact-layout{grid-template-columns:1fr}.matchday-impact-layout>.impact-main,.matchday-impact-layout>.matchday-module:last-child{grid-column:auto}.matchday-tactics-grid{grid-template-columns:1fr}.matchday-tactics-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}.matchday-tactics-grid>div:last-child{border-bottom:0}
  .matchday-table-layout{display:block}.matchday-table-layout>.matchday-module{margin-bottom:7px}.matchday-table-layout>.matchday-module:last-child{margin-bottom:0}
  .matchday-pl-tab{display:block}.matchday-pl-tab>.matchday-module{margin-bottom:7px;max-height:none}.matchday-pl-tab>.matchday-module:last-child{margin-bottom:0;max-height:430px}
}

@media(prefers-reduced-motion:reduce){
  .matchday-ticker-track,.matchday-live-beacon i,.matchday-score-centre>strong{animation:none!important}
}

/* v17.0.0 final alignment refinements after visual render review */
.matchday-duel{grid-template-columns:minmax(0,1fr) 174px minmax(0,1fr)}
.matchday-score-centre>strong{white-space:nowrap}
.matchday-overview-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto auto;
  min-height:0;
}
.matchday-overview-grid>.wide{grid-column:1 / -1;grid-row:auto}
.matchday-pl-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.matchday-movers-list{padding:7px 9px}
.matchday-movers-list>button{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 0;border:0;border-bottom:1px solid rgba(255,255,255,.045);background:transparent;color:#dce9f0;text-align:left;cursor:pointer}
.matchday-movers-list>button:last-child{border-bottom:0}
.matchday-movers-list>button>span{font-size:9px;font-weight:1000}.matchday-movers-list>button>span.up{color:#55e7af}.matchday-movers-list>button>span.down{color:#ff7380}
.matchday-movers-list>button>div{min-width:0}.matchday-movers-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.matchday-movers-list small{display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#647d8c;font-size:8px}.matchday-movers-list b{color:#dce9ef;font-size:10px}
@media(max-width:1280px){.matchday-overview-grid{grid-template-columns:1fr 1fr}.matchday-overview-grid>.wide{grid-column:1/-1}.matchday-overview-grid>.matchday-module:last-child{grid-column:1/-1}.matchday-pl-mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.matchday-duel{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr)}.matchday-score-centre>strong{font-size:32px}.matchday-overview-grid{display:block}.matchday-pl-mini-grid{grid-template-columns:1fr}}
@media(max-width:700px){
  body[data-page="live"] .workspace>.content{
    padding:calc(var(--mobile-appbar) + var(--mobile-context) + var(--safe-top) + 8px) 8px calc(var(--mobile-nav) + var(--safe-bottom) + 24px)!important;
  }
  .matchday-mobile-scorebar{top:calc(var(--safe-top) + var(--mobile-appbar) + var(--mobile-context) + 4px)}
}
.matchday-broadcast-eyebrow.is-refreshing:after{content:"Checking feed…";margin-left:4px;color:#6e8797;font-size:8px;letter-spacing:.04em}
.matchday-broadcast-actions button.is-refreshing{opacity:.72;pointer-events:none}
.matchday-broadcast-actions button.is-refreshing:first-letter{animation:matchdayRefreshSpin .7s linear infinite}
@keyframes matchdayRefreshSpin{to{transform:rotate(360deg)}}
/* v17.0.0 mobile Live Table containment: keep wide league data inside its own scroll viewport */
@media(max-width:700px){
  body[data-page="live"] .matchday-table-layout .table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
  }
  body[data-page="live"] .matchday-table-layout .table-wrap table{
    display:table!important;
    width:620px!important;
    min-width:620px!important;
    max-width:none!important;
    table-layout:auto!important;
  }
  body[data-page="live"] .matchday-table-layout .table-wrap thead{display:table-header-group!important}
  body[data-page="live"] .matchday-table-layout .table-wrap tbody{display:table-row-group!important}
  body[data-page="live"] .matchday-table-layout .table-wrap tr{display:table-row!important}
  body[data-page="live"] .matchday-table-layout .table-wrap th,
  body[data-page="live"] .matchday-table-layout .table-wrap td{
    display:table-cell!important;
    width:auto!important;
    max-width:none!important;
  }
}
/* Mobile overview is a matchday digest; full datasets live one tap away in the dedicated tabs. */
@media(max-width:700px){
  .matchday-overview-grid .matchday-pl-mini:nth-child(n+4),
  .matchday-overview-grid .matchday-h2h-tile:nth-child(n+4),
  .matchday-overview-grid .matchday-top-player-list>div:nth-child(n+4),
  .matchday-overview-grid .matchday-movers-list>button:nth-child(n+4){display:none}
}

/* ========================================================================== */
/* HABBOON FPL v17.0.1 — MATCHDAY LIVE PREMIUM POLISH                        */
/* ========================================================================== */
.matchday-broadcast-head{
  min-height:158px;
  border-color:rgba(120,236,204,.16);
  background:
    radial-gradient(circle at 82% 18%,rgba(43,227,159,.13),transparent 24%),
    radial-gradient(circle at 56% 120%,rgba(80,136,255,.10),transparent 36%),
    linear-gradient(108deg,rgba(7,18,28,.995),rgba(8,25,34,.98) 56%,rgba(8,42,37,.96));
  box-shadow:0 24px 60px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);
}
.matchday-broadcast-head:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(112deg,transparent 0 61%,rgba(104,255,207,.045) 61.2% 61.7%,transparent 62%),
    linear-gradient(112deg,transparent 0 69%,rgba(104,255,207,.028) 69.2% 69.5%,transparent 70%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 22% 75%,rgba(0,0,0,.08));
}
.matchday-broadcast-head.live{border-color:rgba(255,83,96,.22);box-shadow:0 24px 60px rgba(0,0,0,.34),inset 4px 0 0 var(--matchday-live),inset 0 1px 0 rgba(255,255,255,.035)}
.matchday-broadcast-head.final{border-color:rgba(43,227,159,.23);box-shadow:0 24px 60px rgba(0,0,0,.34),inset 4px 0 0 var(--matchday-green),inset 0 1px 0 rgba(255,255,255,.035)}
.matchday-broadcast-copy{min-width:0}
.matchday-broadcast-eyebrow{
  width:max-content;
  max-width:100%;
  margin-bottom:10px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  color:#dcebf4;
}
.matchday-broadcast-eyebrow>strong{font-size:9px;font-weight:1000;letter-spacing:.15em;white-space:nowrap}
.matchday-broadcast-head.live .matchday-broadcast-eyebrow{border-color:rgba(255,83,96,.22);background:rgba(255,83,96,.075)}
.matchday-broadcast-head.final .matchday-broadcast-eyebrow{border-color:rgba(43,227,159,.22);background:rgba(43,227,159,.07)}
.matchday-broadcast-copy h1{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  column-gap:10px;
  row-gap:2px;
  max-width:900px;
  font-size:clamp(30px,3.15vw,52px);
  line-height:.94;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.matchday-broadcast-copy h1>span{
  color:#fff;
  background:linear-gradient(180deg,#fff 0%,#eef7fb 58%,#bfd1dc 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 7px 18px rgba(0,0,0,.22));
}
.matchday-broadcast-copy h1>i{font-style:normal;color:#4f6573;font-size:.68em;letter-spacing:0}
.matchday-broadcast-copy h1>em{font-style:normal;color:#9ed5c5;text-shadow:0 0 24px rgba(43,227,159,.12)}
.matchday-broadcast-head.live .matchday-broadcast-copy h1>em{color:#ff7d88;text-shadow:0 0 25px rgba(255,59,73,.18)}
.matchday-broadcast-head.final .matchday-broadcast-copy h1>em{color:#6aebba;text-shadow:0 0 25px rgba(43,227,159,.17)}
.matchday-broadcast-head.locked .matchday-broadcast-copy h1>em{color:#f4ce72}
.matchday-broadcast-head.scheduled .matchday-broadcast-copy h1>em{color:#85b5ff}
.matchday-broadcast-stripe{position:relative;width:min(290px,44%);height:3px;margin-top:11px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.055)}
.matchday-broadcast-stripe:before{content:"";position:absolute;inset:0 auto 0 0;width:64%;border-radius:inherit;background:linear-gradient(90deg,#2be39f,#74d9ff);box-shadow:0 0 16px rgba(43,227,159,.24)}
.matchday-broadcast-head.live .matchday-broadcast-stripe:before{background:linear-gradient(90deg,#ff3b49,#f4c45a);box-shadow:0 0 16px rgba(255,59,73,.24)}
.matchday-broadcast-copy p{margin-top:10px;color:#b9ccd8;font-size:14px}
.matchday-broadcast-meta{gap:7px;margin-top:13px}
.matchday-meta-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  padding:5px 8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:7px;
  background:rgba(2,10,16,.34);
  color:#8298a7;
  font-size:9px;
  font-weight:800;
  backdrop-filter:blur(8px);
}
.matchday-meta-chip>i{color:#66dcb2;font-size:8px;font-style:normal}
.matchday-meta-chip.sync{color:#a6babf;border-color:rgba(43,227,159,.10)}
.matchday-broadcast-head.live .matchday-meta-chip.sync>i{color:#ff6370}
.matchday-broadcast-kpis{
  border-color:rgba(255,255,255,.095);
  background:linear-gradient(180deg,rgba(4,14,21,.69),rgba(2,10,16,.56));
  box-shadow:0 12px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.matchday-broadcast-kpis>div{position:relative;padding:15px 13px}
.matchday-broadcast-kpis>div:after{content:"";position:absolute;left:15%;right:15%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(43,227,159,.18),transparent);opacity:.8}
.matchday-broadcast-kpis strong{font-size:25px;letter-spacing:-.035em;text-shadow:0 5px 14px rgba(0,0,0,.3)}
.matchday-broadcast-head.live .matchday-broadcast-kpis>div:after{background:linear-gradient(90deg,transparent,rgba(255,83,96,.20),transparent)}
.matchday-broadcast-actions button{box-shadow:inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(8px)}

/* Score ticker: fixed-height flex centring plus a 1px optical baseline correction. */
.matchday-score-ticker{height:50px;min-height:50px;align-items:stretch}
.matchday-ticker-label{height:100%}
.matchday-ticker-viewport{display:flex;align-items:center;height:100%;min-height:0}
.matchday-ticker-track{height:100%;min-height:0;align-items:center}
.matchday-ticker-match{height:100%;align-items:center;line-height:1}
.matchday-ticker-state,.matchday-ticker-team,.matchday-ticker-match>strong{position:relative;top:1px}

/* Completed Gameweeks read like a final match log, never a live alert stream. */
.matchday-live-shell.final .matchday-event-row.latest{background:linear-gradient(90deg,rgba(43,227,159,.055),transparent)}
.matchday-live-shell.final .matchday-event-time{color:#8ca3b0}
.matchday-live-shell.final .matchday-event-icon{background:rgba(255,255,255,.045)}

/* Crest initials are a true failure fallback only; loaded badges never have text underneath. */
.football-team-badge .badge-fallback{pointer-events:none}

@media(max-width:980px){
  .matchday-broadcast-head{padding:21px}
  .matchday-broadcast-copy h1{font-size:36px}
  .matchday-broadcast-stripe{width:230px;max-width:52%}
}
@media(max-width:700px){
  .matchday-broadcast-head{padding:16px 15px 15px}
  .matchday-broadcast-copy h1{font-size:27px;column-gap:7px;max-width:calc(100% - 58px)}
  .matchday-broadcast-copy h1>i{font-size:.6em}
  .matchday-broadcast-eyebrow{padding:6px 8px;margin-bottom:9px}
  .matchday-broadcast-eyebrow>strong{font-size:8px}
  .matchday-broadcast-stripe{width:150px;max-width:46%;margin-top:9px}
  .matchday-broadcast-copy p{margin-top:9px;font-size:11px;line-height:1.42}
  .matchday-score-ticker{height:44px;min-height:44px}
}

/* ========================================================================== */
/* HABBOON FPL v17.0.2 — LIVE H2H SCOREBOARD + BACKGROUND POLLING POLISH      */
/* ========================================================================== */

/* Give the personal/featured H2H the visual language of a sports scoreboard. */
.matchday-my-match .matchday-duel{
  padding-top:10px;
  padding-bottom:7px;
  background:
    radial-gradient(circle at 50% 58%,rgba(43,227,159,.10),transparent 29%),
    linear-gradient(90deg,transparent 49.86%,rgba(92,128,146,.13) 50%,transparent 50.14%);
}
.matchday-person-identity{
  position:relative;
  width:min(220px,94%);
  min-height:57px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-top:3px;
  padding:7px 12px 8px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(20,43,58,.72),rgba(8,24,36,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 7px 18px rgba(0,0,0,.12);
}
.matchday-person-identity:before{
  content:"";
  position:absolute;
  top:0;
  left:18%;
  right:18%;
  height:2px;
  background:linear-gradient(90deg,transparent,rgba(43,227,159,.72),transparent);
  opacity:.9;
}
.matchday-person.away .matchday-person-identity:before{
  background:linear-gradient(90deg,transparent,rgba(116,217,255,.70),transparent);
}
.matchday-person-identity>small{
  display:block;
  margin-bottom:3px;
  color:#6f8b9a;
  font-size:7px;
  line-height:1;
  font-weight:1000;
  letter-spacing:.16em;
}
.matchday-person-identity>strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f6fbff;
  font-size:18px;
  line-height:1.04;
  font-weight:1000;
  letter-spacing:-.025em;
  text-shadow:0 4px 12px rgba(0,0,0,.30);
}
.matchday-person-identity>span{
  display:block;
  max-width:100%;
  margin-top:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#8198a6;
  font-size:9px;
  line-height:1.2;
}

.matchday-score-centre{
  min-width:0;
  padding:0 4px;
}
.matchday-score-centre>small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:24px;
  max-width:100%;
  padding:5px 8px;
  border:1px solid rgba(43,227,159,.11);
  border-radius:999px;
  background:rgba(43,227,159,.055);
  color:#9bb4bf;
  line-height:1.15;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.matchday-scoreboard{
  display:grid!important;
  grid-template-columns:minmax(54px,1fr) 26px minmax(54px,1fr);
  align-items:center;
  justify-content:center;
  gap:5px;
  width:100%;
  max-width:188px;
  margin:9px auto 7px!important;
  letter-spacing:0!important;
  line-height:1!important;
  animation:matchdayScorePop .48s ease-out both;
}
.matchday-score-number{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:72px;
  padding:4px 5px 6px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(25,52,67,.88),rgba(8,25,37,.94));
  color:#f7fcff;
  font-size:clamp(42px,4.1vw,62px);
  font-weight:1000;
  letter-spacing:-.055em;
  text-shadow:0 6px 18px rgba(0,0,0,.36);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px rgba(0,0,0,.16);
}
.matchday-score-number.home{
  border-bottom-color:rgba(43,227,159,.34);
  box-shadow:inset 0 -2px 0 rgba(43,227,159,.26),inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px rgba(0,0,0,.16);
}
.matchday-score-number.away{
  border-bottom-color:rgba(116,217,255,.31);
  box-shadow:inset 0 -2px 0 rgba(116,217,255,.23),inset 0 1px 0 rgba(255,255,255,.035),0 10px 22px rgba(0,0,0,.16);
}
.matchday-score-separator{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  color:#78a090!important;
  font-size:30px!important;
  line-height:1!important;
  font-style:normal;
  font-weight:900;
  margin:0!important;
  text-shadow:0 0 18px rgba(43,227,159,.12);
}
.matchday-score-separator.versus{
  color:#8da3af!important;
  font-size:17px!important;
  letter-spacing:.06em;
}
.matchday-score-centre>span{
  margin-top:0;
  color:#718b99;
  font-size:9px;
  letter-spacing:.02em;
}
.matchday-rank-move{
  margin-top:8px;
  border:1px solid rgba(255,255,255,.055);
}

@media(max-width:980px){
  .matchday-duel{grid-template-columns:minmax(0,1fr) 158px minmax(0,1fr)}
  .matchday-scoreboard{max-width:158px;grid-template-columns:minmax(48px,1fr) 22px minmax(48px,1fr);gap:4px}
  .matchday-score-number{min-height:62px;font-size:42px}
  .matchday-score-separator{min-width:22px;font-size:25px!important}
  .matchday-person-identity{width:min(190px,96%)}
}
@media(max-width:700px){
  .matchday-duel{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);gap:4px;padding-left:5px;padding-right:5px}
  .matchday-person{padding-left:1px;padding-right:1px}
  .matchday-person-identity{width:100%;min-height:48px;padding:6px 5px 7px;border-radius:8px}
  .matchday-person-identity>small{font-size:6px;margin-bottom:2px}
  .matchday-person-identity>strong{font-size:13px}
  .matchday-person-identity>span{font-size:7px;margin-top:3px}
  .matchday-score-centre{padding:0}
  .matchday-score-centre>small{min-height:20px;padding:4px 5px;font-size:6px;white-space:normal}
  .matchday-scoreboard{max-width:108px;grid-template-columns:minmax(38px,1fr) 18px minmax(38px,1fr);gap:2px;margin:7px auto 5px!important}
  .matchday-score-number{min-height:50px;padding:2px;font-size:32px;border-radius:9px}
  .matchday-score-separator{min-width:18px;font-size:21px!important}
  .matchday-score-centre>span{font-size:7px}
}

/* ========================================================================== */
/* HABBOON FPL v17.0.3 — LIVE H2H COMPOSITION / BREATHING-ROOM POLISH        */
/* ========================================================================== */

/* The v17.0.2 hierarchy was correct, but too many boxed layers were stacked
   vertically. v17.0.3 turns the identity + mini stats into calmer broadcast
   strips and gives the centre scoreboard a cleaner metadata row. */
.matchday-my-match .matchday-duel{
  grid-template-columns:minmax(0,1fr) 188px minmax(0,1fr);
  gap:18px;
  padding:10px 18px 12px;
  align-items:stretch;
  background:
    radial-gradient(circle at 50% 54%,rgba(43,227,159,.085),transparent 28%),
    linear-gradient(90deg,transparent 49.9%,rgba(92,128,146,.10) 50%,transparent 50.1%);
}
.matchday-my-match .matchday-person{
  justify-content:flex-start;
  padding:0 4px 4px;
}
.matchday-my-match .matchday-avatar-stage{
  width:118px;
  height:124px;
  margin:0 auto 5px;
}
.matchday-my-match .matchday-duel-avatar{
  width:88px!important;
  height:126px!important;
}
.matchday-my-match .matchday-avatar-stage:after{
  width:68px;
  height:9px;
}

/* Calm identity strip: no chunky card immediately touching the portrait. */
.matchday-my-match .matchday-person-identity{
  width:min(230px,94%);
  min-height:0;
  margin:0 auto;
  padding:2px 10px 8px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.matchday-my-match .matchday-person-identity:before{
  top:auto;
  bottom:0;
  left:24%;
  right:24%;
  height:1px;
  opacity:.65;
}
.matchday-my-match .matchday-person-identity>strong{
  font-size:18px;
  line-height:1.08;
}
.matchday-my-match .matchday-person-identity>span{
  margin-top:5px;
  font-size:9px;
  color:#728b9a;
}

/* One segmented stat bar instead of three unrelated boxes. */
.matchday-my-match .matchday-person-stats{
  width:min(236px,96%);
  max-width:none;
  margin:11px auto 0;
  gap:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}
.matchday-my-match .matchday-person-stats>span{
  min-height:45px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:6px 7px;
  border-radius:0;
  background:transparent;
}
.matchday-my-match .matchday-person-stats>span+span{
  border-left:1px solid rgba(255,255,255,.055);
}
.matchday-my-match .matchday-person-stats b{
  font-size:10px;
  color:#e6f3f8;
}
.matchday-my-match .matchday-person-stats small{
  margin-top:3px;
  font-size:7px;
  color:#667f8e;
  letter-spacing:.035em;
}

/* Score centre becomes one deliberately spaced broadcast stack. */
.matchday-my-match .matchday-score-centre{
  align-self:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:8px 0 4px;
}
.matchday-my-match .matchday-score-centre>small{
  min-height:0;
  margin-bottom:11px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#8aa3af;
  font-size:8px;
  letter-spacing:.09em;
  box-shadow:none;
}
.matchday-my-match .matchday-scoreboard{
  grid-template-columns:minmax(62px,1fr) 30px minmax(62px,1fr);
  gap:6px;
  max-width:194px;
  margin:0 auto!important;
}
.matchday-my-match .matchday-score-number{
  min-height:68px;
  padding:3px 5px 5px;
  font-size:clamp(43px,4vw,58px);
  border-radius:11px;
}
.matchday-my-match .matchday-score-separator{
  min-width:30px;
  font-size:28px!important;
  color:#8eb3a3!important;
}
.matchday-score-meta{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:10px;
}
.matchday-score-meta>span{
  color:#718b99;
  font-size:8px;
  font-weight:850;
  white-space:nowrap;
}
.matchday-score-meta .matchday-rank-move{
  margin-top:0;
  min-height:24px;
  display:inline-flex;
  align-items:center;
  padding:4px 7px;
}

@media(max-width:980px){
  .matchday-my-match .matchday-duel{
    grid-template-columns:minmax(0,1fr) 166px minmax(0,1fr);
    gap:10px;
    padding-left:12px;
    padding-right:12px;
  }
  .matchday-my-match .matchday-scoreboard{
    max-width:166px;
    grid-template-columns:minmax(54px,1fr) 26px minmax(54px,1fr);
    gap:5px;
  }
  .matchday-my-match .matchday-score-number{min-height:62px;font-size:42px}
  .matchday-my-match .matchday-score-separator{min-width:26px;font-size:25px!important}
}

@media(max-width:700px){
  .matchday-my-match .matchday-duel{
    grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr);
    gap:5px;
    padding:7px 5px 9px;
  }
  .matchday-my-match .matchday-avatar-stage{width:84px;height:92px;margin-bottom:4px}
  .matchday-my-match .matchday-duel-avatar{width:67px!important;height:94px!important}
  .matchday-my-match .matchday-person-identity{width:100%;padding:1px 3px 6px}
  .matchday-my-match .matchday-person-identity>strong{font-size:13px}
  .matchday-my-match .matchday-person-identity>span{margin-top:3px;font-size:7px}
  .matchday-my-match .matchday-person-stats{width:100%;margin-top:7px;border-radius:8px}
  .matchday-my-match .matchday-person-stats>span{min-height:38px;padding:4px 3px}
  .matchday-my-match .matchday-person-stats b{font-size:8px}
  .matchday-my-match .matchday-person-stats small{font-size:6px;margin-top:2px}
  .matchday-my-match .matchday-score-centre{padding:4px 0 2px}
  .matchday-my-match .matchday-score-centre>small{margin-bottom:7px;font-size:6px}
  .matchday-my-match .matchday-scoreboard{
    max-width:108px;
    grid-template-columns:minmax(38px,1fr) 18px minmax(38px,1fr);
    gap:2px;
  }
  .matchday-my-match .matchday-score-number{min-height:48px;padding:1px 2px 2px;font-size:31px;border-radius:8px}
  .matchday-my-match .matchday-score-separator{min-width:18px;font-size:20px!important}
  .matchday-score-meta{gap:4px;margin-top:7px}
  .matchday-score-meta>span{font-size:6px}
  .matchday-score-meta .matchday-rank-move{min-height:20px;padding:3px 5px;font-size:6px}
}
@media(max-width:700px){
  .matchday-my-match .matchday-person-stats{grid-template-columns:1.35fr .75fr .75fr}
  .matchday-my-match .matchday-person-stats>span:nth-child(n+2){display:flex}
}