/* توقعات روشن - سفراء الإنسانية
   جميع القواعد مقيّدة بـ .roshn-pred-wrap لتفادي التعارض مع قالب الموقع */
html{scroll-behavior:smooth;}
.roshn-pred-wrap {
    /* الألوان الأساسية والثانوية الرسمية من دليل هوية مؤسسة الملك عبدالله الإنسانية */
    --bg-deep:#1D252C;      /* أسود أساسي */
    --bg-surface:#262F38;   /* درجة أفتح مشتقة من الأسود الأساسي */
    --bg-surface-2:#2E3945; /* درجة أفتح إضافية */
    --bg-card:#242D35;
    --navy:#003A70;         /* أزرق داكن أساسي */
    --navy-mid:#316094;     /* أزرق داكن ثانوي */
    --navy-tint:#12233A;
    --gold:#CC9F53;         /* ذهبي أساسي */
    --gold-mid:#D5BA8C;     /* ذهبي ثانوي */
    --gold-pale:#F2DAB2;    /* ذهبي فاتح */
    --gold-deep:#8F6E33;
    --gold-tint:#332B18;
    --pitch:#00B189;        /* فيروزي أساسي */
    --pitch-mid:#6BCDB2;    /* فيروزي ثانوي */
    --pitch-pale:#9ED8B3;   /* فيروزي فاتح */
    --pitch-tint:#0E2E28;
    --line:#38424D;
    --text-light:#F2F3F5;
    --text-muted:#B4BBC0;   /* مرفوع من #A2A9AD لتحسين التباين */
    --text-dim:#889199;    /* مرفوع من #5B6670 (كان تباينه ~2.76:1 فقط) */
    --red:#D6553C;
  }
.roshn-pred-wrap * {box-sizing:border-box;margin:0;padding:0;}
.roshn-pred-wrap {scroll-behavior:smooth;}
.roshn-pred-wrap {
    background:var(--bg-deep);
    color:var(--text-light);
    font-family:'IBM Plex Sans Arabic', sans-serif;
    line-height:1.7;
  }
.roshn-pred-wrap .wrap {max-width:1120px;margin:0 auto;padding:0 24px;}
.roshn-pred-wrap h1, .roshn-pred-wrap h2, .roshn-pred-wrap h3 {font-family:'Almarai', sans-serif;font-weight:800;letter-spacing:0.2px;}
.roshn-pred-wrap .mono {font-family:'Space Mono', monospace;}

  /* ===== nav ===== */
.roshn-pred-wrap header.nav {
    position:sticky;top:0;z-index:50;
    background:rgba(14,31,23,0.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line);
  }
.roshn-pred-wrap .nav-inner {
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 24px;max-width:1120px;margin:0 auto;
  }
.roshn-pred-wrap .brand {display:flex;align-items:center;gap:10px;}
.roshn-pred-wrap .brand-mark {
    width:34px;height:34px;border-radius:8px;
    background:linear-gradient(160deg, var(--navy-mid) 0%, var(--navy) 100%);
    border:1px solid var(--gold-deep);
    display:flex;align-items:center;justify-content:center;
    font-family:'Almarai',sans-serif;font-weight:800;color:var(--gold);font-size:16px;
  }
.roshn-pred-wrap .brand-text {font-family:'Almarai',sans-serif;font-weight:800;font-size:17px;}
.roshn-pred-wrap .brand-text span {display:block;font-family:'IBM Plex Sans Arabic',sans-serif;font-weight:400;font-size:12px;color:var(--text-muted);}
.roshn-pred-wrap nav.links {display:flex;gap:28px;}
.roshn-pred-wrap nav.links a {color:var(--text-muted);text-decoration:none;font-size:15px;font-weight:500;transition:color .15s;}
.roshn-pred-wrap nav.links a:hover {color:var(--gold);}

  /* ===== hero ===== */
.roshn-pred-wrap .hero {
    position:relative;overflow:hidden;
    padding:64px 0 48px;
    background:
      radial-gradient(ellipse 900px 480px at 50% -10%, rgba(0,177,137,0.16), transparent 60%),
      radial-gradient(ellipse 700px 400px at 85% 10%, rgba(0,58,112,0.35), transparent 60%),
      linear-gradient(180deg, var(--bg-deep) 0%, #141B21 100%);
    border-bottom:1px solid var(--line);
  }
.roshn-pred-wrap .pitch-lines {
    position:absolute;inset:0;pointer-events:none;opacity:0.5;
    background-image:
      repeating-linear-gradient(90deg, rgba(245,241,228,0.025) 0 1px, transparent 1px 120px);
  }
.roshn-pred-wrap .hero-inner {position:relative;text-align:center;}
.roshn-pred-wrap .eyebrow {
    display:inline-flex;align-items:center;gap:8px;
    background:var(--gold-tint);border:1px solid var(--gold-deep);
    color:var(--gold);font-size:14px;font-weight:600;
    padding:6px 16px;border-radius:100px;margin-bottom:24px;
  }
.roshn-pred-wrap .eyebrow::before {content:"";width:6px;height:6px;border-radius:50%;background:var(--pitch);}
.roshn-pred-wrap .hero h1 {font-size:40px;line-height:1.25;max-width:820px;margin:0 auto 16px;}
.roshn-pred-wrap .hero p.lead {color:var(--text-muted);font-size:17px;max-width:560px;margin:0 auto 40px;}
.roshn-pred-wrap .presenter {color:var(--text-dim);font-size:14px;margin:0 0 22px;}
.roshn-pred-wrap .presenter strong {color:var(--gold);font-weight:600;}

  /* scoreboard countdown */
.roshn-pred-wrap .scoreboard {
    display:inline-flex;gap:12px;background:var(--bg-surface);
    border:1px solid var(--line);border-radius:14px;
    padding:20px 26px;margin-bottom:36px;
  }
.roshn-pred-wrap .sb-unit {display:flex;flex-direction:column;align-items:center;min-width:64px;}
.roshn-pred-wrap .sb-digits {
    font-family:'Space Mono',monospace;font-weight:700;font-size:34px;
    color:var(--text-light);
    background:var(--bg-deep);border:1px solid var(--line);
    border-radius:8px;padding:8px 4px;width:100%;text-align:center;
    font-variant-numeric:tabular-nums;
  }
.roshn-pred-wrap .sb-label {font-size:12px;color:var(--text-muted);margin-top:8px;}
.roshn-pred-wrap .sb-sep {align-self:center;color:var(--text-dim);font-size:26px;font-weight:700;padding-bottom:22px;}

.roshn-pred-wrap .cta {
    display:inline-flex;align-items:center;gap:8px;
    background:var(--gold);color:#211705;
    font-family:'Almarai',sans-serif;font-weight:800;font-size:16px;
    padding:14px 30px;border-radius:10px;border:none;cursor:pointer;
    text-decoration:none;transition:transform .15s, background .15s;
  }
.roshn-pred-wrap .cta {
    display:inline-flex;align-items:center;gap:8px;
    background:var(--gold);color:#211705;
    font-family:'Almarai',sans-serif;font-weight:800;font-size:16px;
    padding:14px 30px;border-radius:10px;border:none;cursor:pointer;
    text-decoration:none;transition:transform .15s, background .15s, box-shadow .15s;
    box-shadow:0 6px 18px -6px rgba(204,159,83,0.45);
  }
.roshn-pred-wrap .cta:hover {background:var(--gold-mid);transform:translateY(-2px);box-shadow:0 10px 22px -6px rgba(204,159,83,0.55);}
.roshn-pred-wrap .cta.ghost {background:transparent;border:1px solid var(--line);color:var(--text-light);box-shadow:none;}
.roshn-pred-wrap .cta.ghost:hover {border-color:var(--gold);color:var(--gold);transform:translateY(-2px);}
.roshn-pred-wrap .cta-row {display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

  /* ===== section shell ===== */
.roshn-pred-wrap section {padding:60px 0;}
.roshn-pred-wrap .section-head {margin-bottom:30px;text-align:center;}
.roshn-pred-wrap .section-tag {
    color:var(--gold);font-size:13.5px;font-weight:700;letter-spacing:2px;
    margin-bottom:12px;text-transform:uppercase;
  }
.roshn-pred-wrap .section-head h2 {font-size:32px;position:relative;padding-bottom:16px;}
.roshn-pred-wrap .section-head h2::after {
    content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);
    width:48px;height:3px;border-radius:100px;
    background:linear-gradient(90deg, var(--gold), var(--pitch));
  }
.roshn-pred-wrap .section-head p {color:var(--text-muted);font-size:16px;max-width:540px;margin:14px auto 0;line-height:1.8;}

  /* ===== match cards ===== */
.roshn-pred-wrap .round-meta {
    display:flex;justify-content:center;align-items:center;gap:10px;
    color:var(--text-muted);font-size:15px;margin-bottom:28px;
  }
.roshn-pred-wrap .round-meta strong {color:var(--text-light);}
.roshn-pred-wrap .round-tabs {
    display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:32px;
  }
.roshn-pred-wrap .round-tab {
    background:var(--bg-card);border:1px solid var(--line);
    color:var(--text-muted);font-family:'Almarai',sans-serif;font-weight:700;font-size:14.5px;
    padding:9px 22px;border-radius:100px;cursor:pointer;transition:all .15s;
  }
.roshn-pred-wrap .round-tab:hover {border-color:var(--gold-deep);color:var(--text-light);transform:translateY(-1px);}
.roshn-pred-wrap .round-tab.active {
    background:var(--gold);border-color:var(--gold);color:#241B08;
    box-shadow:0 4px 14px -4px rgba(204,159,83,0.5);
  }
.roshn-pred-wrap .match-date {
    text-align:center;font-size:12.5px;color:var(--text-dim);
    margin-bottom:14px;font-family:'Space Mono',monospace;letter-spacing:0.3px;
  }
.roshn-pred-wrap .match-tag {
    display:inline-block;font-size:11.5px;font-weight:700;color:var(--pitch);
    background:var(--pitch-tint);border:1px solid var(--pitch);
    padding:3px 10px;border-radius:100px;margin-bottom:10px;margin-left:6px;
  }
.roshn-pred-wrap .badge-other {
    background:var(--bg-surface-2)!important;color:var(--text-dim)!important;
    border:2px dashed var(--line)!important;
  }
.roshn-pred-wrap .empty-state {
    grid-column:1/-1;text-align:center;color:var(--text-dim);
    background:var(--bg-card);border:1px dashed var(--line);border-radius:14px;
    padding:40px 20px;font-size:15px;
  }
.roshn-pred-wrap .matches {
    display:grid;grid-template-columns:repeat(auto-fit, minmax(300px,1fr));
    gap:20px;
  }
.roshn-pred-wrap .match-card {
    background:var(--bg-card);border:1px solid var(--line);
    border-radius:16px;padding:24px;
    box-shadow:0 8px 24px -12px rgba(0,0,0,0.35);
    transition:transform .18s, box-shadow .18s, border-color .18s;
  }
.roshn-pred-wrap .match-card:hover {
    transform:translateY(-3px);
    border-color:var(--gold-deep);
    box-shadow:0 14px 30px -12px rgba(0,0,0,0.5);
  }
.roshn-pred-wrap .match-card.locked:hover { transform:none; }
.roshn-pred-wrap .match-top {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px;}
.roshn-pred-wrap .team {display:flex;flex-direction:column;align-items:center;gap:9px;flex:1;}
.roshn-pred-wrap .badge {
    width:58px;height:58px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;position:relative;
    border:2px solid rgba(245,241,228,0.14);
    box-shadow:inset 0 0 0 3px rgba(0,0,0,0.18), 0 4px 10px -4px rgba(0,0,0,0.4);
    overflow:hidden;
  }
.roshn-pred-wrap .badge svg {position:absolute;inset:0;width:100%;height:100%;opacity:0.35;}
.roshn-pred-wrap .badge img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.roshn-pred-wrap .badge span {position:relative;font-family:'Almarai',sans-serif;font-weight:800;font-size:16px;}
  
.roshn-pred-wrap .team-name {font-size:14px;font-weight:600;text-align:center;}
.roshn-pred-wrap .vs {
    font-family:'Space Mono',monospace;color:var(--text-dim);
    font-size:13px;font-weight:700;padding:0 4px;
  }
.roshn-pred-wrap .picks {display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px;}
.roshn-pred-wrap .pick {
    background:var(--bg-surface);border:1px solid var(--line);
    color:var(--text-muted);font-size:13.5px;font-weight:700;
    padding:11px 4px;border-radius:9px;text-align:center;cursor:pointer;
    transition:all .15s;
  }
.roshn-pred-wrap .pick:hover {border-color:var(--gold-deep);color:var(--text-light);background:var(--bg-surface-2);}
.roshn-pred-wrap .pick.active {
    background:var(--pitch-tint);border-color:var(--pitch);color:var(--pitch);
    box-shadow:0 0 0 1px var(--pitch) inset;
  }
.roshn-pred-wrap .score-row {display:flex;align-items:center;justify-content:center;gap:10px;}
.roshn-pred-wrap .score-row input {
    width:60px;height:38px;text-align:center;padding-inline-end:2px;
    background:var(--bg-surface);border:1px solid var(--line);border-radius:8px;
    color:var(--text-light);font-family:'Space Mono',monospace;font-size:16px;
    -moz-appearance:textfield;
  }
.roshn-pred-wrap .score-row input::-webkit-inner-spin-button,
.roshn-pred-wrap .score-row input::-webkit-outer-spin-button {
    margin-inline-start:4px;
  }
.roshn-pred-wrap .score-row input:focus {outline:none;border-color:var(--gold);}
.roshn-pred-wrap .score-row span {color:var(--text-dim);font-size:14px;}

.roshn-pred-wrap .progress-wrap {max-width:520px;margin:36px auto 0;text-align:center;}
.roshn-pred-wrap .progress-bar {
    height:8px;background:var(--bg-surface);border-radius:100px;overflow:hidden;
    border:1px solid var(--line);margin-bottom:12px;
  }
.roshn-pred-wrap .progress-fill {height:100%;background:var(--pitch);width:0%;transition:width .25s;}
.roshn-pred-wrap .progress-text {font-size:14px;color:var(--text-muted);margin-bottom:20px;}
.roshn-pred-wrap .progress-text strong {color:var(--text-light);}
.roshn-pred-wrap .identity-row {
    display:flex;gap:10px;max-width:420px;margin:0 auto 18px;flex-wrap:wrap;justify-content:center;
  }
.roshn-pred-wrap .identity-row input {
    flex:1;min-width:160px;height:42px;padding:0 14px;
    background:var(--bg-surface);border:1px solid var(--line);border-radius:8px;
    color:var(--text-light);font-family:'IBM Plex Sans Arabic',sans-serif;font-size:14.5px;
  }
.roshn-pred-wrap .identity-row input:focus {outline:none;border-color:var(--gold);}
.roshn-pred-wrap .identity-row input::placeholder {color:var(--text-dim);}
.roshn-pred-wrap .field-error {color:var(--red);font-size:13.5px;margin:-10px 0 16px;display:none;}
.roshn-pred-wrap #save-banner {
    display:none;max-width:520px;margin:18px auto 0;
    background:var(--pitch-tint);border:1px solid var(--pitch);color:var(--pitch);
    border-radius:10px;padding:12px 18px;font-size:14.5px;font-weight:600;
  }

  /* ===== rules ===== */
.roshn-pred-wrap .rules-grid {display:grid;grid-template-columns:repeat(auto-fit, minmax(240px,1fr));gap:20px;}
.roshn-pred-wrap .rule-card {
    background:var(--bg-card);border:1px solid var(--line);border-radius:16px;
    padding:28px 24px;transition:border-color .18s, transform .18s;
  }
.roshn-pred-wrap .rule-card:hover {border-color:var(--gold-deep);transform:translateY(-2px);}
.roshn-pred-wrap .rule-points {
    font-family:'Space Mono',monospace;font-weight:700;font-size:28px;color:var(--gold);
    margin-bottom:12px;
  }
.roshn-pred-wrap .rule-card h3 {font-size:16.5px;margin-bottom:8px;}
.roshn-pred-wrap .rule-card p {color:var(--text-muted);font-size:14.5px;line-height:1.75;}

  /* ===== leaderboard ===== */
.roshn-pred-wrap .board {
    background:var(--bg-card);border:1px solid var(--line);border-radius:16px;
    overflow:hidden;box-shadow:0 8px 24px -14px rgba(0,0,0,0.4);
  }
.roshn-pred-wrap .board-row {
    display:grid;grid-template-columns:52px 1fr 90px 90px;
    align-items:center;padding:15px 22px;border-bottom:1px solid var(--line);
    font-size:15px;transition:background .15s;
  }
.roshn-pred-wrap .board-row:not(.head):hover {background:var(--bg-surface);}
.roshn-pred-wrap .board-row:last-child {border-bottom:none;}
.roshn-pred-wrap .board-row.head {
    background:var(--bg-surface);color:var(--text-muted);font-size:13px;font-weight:700;
    text-transform:uppercase;letter-spacing:0.5px;
  }
.roshn-pred-wrap .rank {
    font-family:'Space Mono',monospace;font-weight:700;color:var(--text-muted);
  }
.roshn-pred-wrap .rank.gold {color:var(--gold);}
.roshn-pred-wrap .player {display:flex;align-items:center;gap:12px;}
.roshn-pred-wrap .avatar {
    width:36px;height:36px;border-radius:50%;background:var(--bg-surface-2);
    object-fit:cover;
    border:1px solid var(--line);
  }
.roshn-pred-wrap .pts {font-family:'Space Mono',monospace;font-weight:700;color:var(--text-light);text-align:center;}
.roshn-pred-wrap .acc {color:var(--text-muted);font-size:14px;text-align:center;}
.roshn-pred-wrap .board-note {
    text-align:center;color:var(--text-dim);font-size:13.5px;margin-top:16px;
  }

  /* ===== تبويبات لوحة الصدارة (عام / كل جولة) ===== */
.roshn-pred-wrap .board-tabs {
    display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:24px;
  }
.roshn-pred-wrap .board-tab {
    background:var(--bg-card);border:1px solid var(--line);
    color:var(--text-muted);font-family:'Almarai',sans-serif;font-weight:700;font-size:13.5px;
    padding:7px 16px;border-radius:100px;cursor:pointer;transition:all .15s;
  }
.roshn-pred-wrap .board-tab:hover { border-color:var(--gold-deep);color:var(--text-light); }
.roshn-pred-wrap .board-tab.active { background:var(--gold);border-color:var(--gold);color:#241B08; }

  /* ===== جدول ترتيب فرق الدوري ===== */
.roshn-pred-wrap .standings-table {
    background:var(--bg-card);border:1px solid var(--line);border-radius:16px;
    overflow-x:auto;box-shadow:0 8px 24px -14px rgba(0,0,0,0.4);
  }
.roshn-pred-wrap .standings-row {
    display:grid;grid-template-columns:32px 1.6fr repeat(7, 0.7fr);
    align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);
    font-size:14px;text-align:center;min-width:560px;gap:4px;
  }
.roshn-pred-wrap .standings-row:last-child { border-bottom:none; }
.roshn-pred-wrap .standings-row.head {
    background:var(--bg-surface);color:var(--text-muted);font-size:12px;font-weight:700;
    text-transform:uppercase;letter-spacing:0.4px;
  }
.roshn-pred-wrap .standings-team { text-align:right;font-weight:700;color:var(--text-light); }
.roshn-pred-wrap .standings-pts { font-family:'Space Mono',monospace;font-weight:700;color:var(--gold); }

  /* ===== الكرت الذهبي ===== */
.roshn-pred-wrap .golden-toggle {
    display:flex;align-items:center;justify-content:center;gap:6px;
    background:var(--gold-tint);border:1px dashed var(--gold-deep);
    color:var(--gold);font-size:12px;font-weight:700;
    padding:8px 10px;border-radius:9px;cursor:pointer;margin-bottom:12px;
    transition:all .15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
.roshn-pred-wrap .golden-toggle:hover { border-style:solid; }
.roshn-pred-wrap .golden-toggle.active {
    background:var(--gold);border-style:solid;border-color:var(--gold);color:#241B08;
  }
.roshn-pred-wrap .golden-toggle.disabled {
    opacity:0.4;cursor:not-allowed;
  }
.roshn-pred-wrap .match-card.is-golden { border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), 0 14px 30px -12px rgba(204,159,83,0.35); }

  /* ===== footer ===== */
.roshn-pred-wrap footer {
    border-top:1px solid var(--line);padding:24px 0;
    background:var(--bg-surface);
  }
.roshn-pred-wrap .foot-disclaimer {
    text-align:center;color:var(--text-muted);font-size:13.5px;
  }
.roshn-pred-wrap .foot-disclaimer a { color:var(--gold); }

  /* ===== عدّاد إغلاق الجولة ===== */
.roshn-pred-wrap .round-deadline {
    text-align:center;font-size:14.5px;color:var(--text-muted);
    background:var(--bg-card);border:1px solid var(--line);border-radius:10px;
    padding:12px 18px;max-width:460px;margin:0 auto 24px;
  }
.roshn-pred-wrap .round-deadline strong { color:var(--gold);font-family:'Space Mono',monospace; }

  /* ===== بوابة تسجيل الدخول ===== */
.roshn-pred-wrap .login-gate {
    max-width:420px;margin:0 auto;text-align:center;
    background:var(--bg-card);border:1px solid var(--line);border-radius:16px;padding:32px;
    box-shadow:0 10px 28px -14px rgba(0,0,0,0.4);
  }
.roshn-pred-wrap .login-gate p { color:var(--text-muted);font-size:15.5px;margin-bottom:18px;line-height:1.75; }
.roshn-pred-wrap .login-gate form p { margin-bottom:12px;text-align:right; }
.roshn-pred-wrap .login-gate input[type="text"],
.roshn-pred-wrap .login-gate input[type="password"] {
    width:100%;height:42px;padding:0 14px;background:var(--bg-surface);
    border:1px solid var(--line);border-radius:9px;color:var(--text-light);
    transition:border-color .15s;
  }
.roshn-pred-wrap .login-gate input[type="text"]:focus,
.roshn-pred-wrap .login-gate input[type="password"]:focus { outline:none;border-color:var(--gold); }
.roshn-pred-wrap .login-gate input[type="submit"] {
    background:var(--gold);color:#211705;border:none;border-radius:9px;
    padding:11px 26px;font-family:'Almarai',sans-serif;font-weight:800;cursor:pointer;margin-top:8px;
    transition:background .15s, transform .15s;
  }
.roshn-pred-wrap .login-gate input[type="submit"]:hover { background:var(--gold-mid);transform:translateY(-1px); }
.roshn-pred-wrap .login-register-link { margin-top:16px;font-size:14.5px;color:var(--text-muted); }
.roshn-pred-wrap .login-register-link a { color:var(--gold);font-weight:600; }

  /* ===== قفل المباراة بعد بدايتها ===== */
.roshn-pred-wrap .match-card.locked { opacity:0.65; }
.roshn-pred-wrap .match-card.locked .pick { pointer-events:none;opacity:0.5; }

  /* ===== أبطال الجولات (منصة تتويج) ===== */
.roshn-pred-wrap .champions-podium {
    display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:32px;
  }
.roshn-pred-wrap .champion-card {
    display:flex;flex-direction:column;align-items:center;gap:4px;
    background:linear-gradient(155deg, var(--gold-tint), var(--bg-card));
    border:1px solid var(--gold-deep);border-radius:14px;
    padding:18px 22px;min-width:128px;transition:transform .18s, box-shadow .18s;
    box-shadow:0 8px 20px -12px rgba(204,159,83,0.3);
  }
.roshn-pred-wrap .champion-card:hover { transform:translateY(-3px);box-shadow:0 14px 26px -12px rgba(204,159,83,0.45); }
.roshn-pred-wrap .champion-medal { font-size:26px;margin-bottom:2px; }
.roshn-pred-wrap .champion-round-label { font-size:12px;color:var(--text-muted);letter-spacing:0.4px;font-weight:600; }
.roshn-pred-wrap .champion-name-label { font-size:16px;font-weight:800;color:var(--gold);font-family:'Almarai',sans-serif; }
.roshn-pred-wrap .champion-points-label { font-size:13px;color:var(--text-muted);font-family:'Space Mono',monospace; }


  /* ===== الاستجابة: أجهزة لوحية (آيباد) ===== */
  @media(max-width:1024px){
    .roshn-pred-wrap section { padding:44px 0; }
    .roshn-pred-wrap .hero { padding:48px 0 36px; }
    .roshn-pred-wrap .hero h1 { font-size:36px; }
    .roshn-pred-wrap .matches { grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); }
    .roshn-pred-wrap .rules-grid { grid-template-columns:repeat(2, 1fr); }
  }

  /* ===== الاستجابة: الجوال ===== */
  @media(max-width:640px){
    .roshn-pred-wrap .wrap { padding:0 16px; }
    .roshn-pred-wrap section { padding:36px 0; }
    .roshn-pred-wrap .hero { padding:40px 0 30px; }
    .roshn-pred-wrap .hero h1{font-size:28px;line-height:1.3;}
    .roshn-pred-wrap .presenter, .roshn-pred-wrap .hero p.lead { font-size:15px; }
    .roshn-pred-wrap .scoreboard{padding:12px 10px;gap:6px;}
    .roshn-pred-wrap .sb-digits{font-size:20px;padding:6px 2px;}
    .roshn-pred-wrap .sb-unit{min-width:auto;flex:1;}
    .roshn-pred-wrap .sb-sep{padding-bottom:16px;font-size:18px;}
    .roshn-pred-wrap nav.links{display:none;}
    .roshn-pred-wrap .cta-row { flex-direction:column; align-items:stretch; }
    .roshn-pred-wrap .cta { justify-content:center; }
    .roshn-pred-wrap .section-head h2 { font-size:22px; }
    .roshn-pred-wrap .round-tabs { gap:6px; }
    .roshn-pred-wrap .round-tab { padding:7px 14px;font-size:13px; }
    .roshn-pred-wrap .matches { grid-template-columns:1fr; }
    .roshn-pred-wrap .match-card { padding:16px; }
    .roshn-pred-wrap .badge { width:46px;height:46px; }
    .roshn-pred-wrap .team-name { font-size:12.5px; }
    .roshn-pred-wrap .picks { gap:6px; }
    .roshn-pred-wrap .pick { font-size:12px;padding:9px 2px; }
    .roshn-pred-wrap .rules-grid { grid-template-columns:1fr; }
    .roshn-pred-wrap .identity-row { flex-direction:column; }
    .roshn-pred-wrap .identity-row input { width:100%; }
    .roshn-pred-wrap .login-gate { padding:20px; }
    .roshn-pred-wrap .round-deadline { font-size:13px;padding:10px 14px; }
    .roshn-pred-wrap .board-row{grid-template-columns:32px 1fr 60px 60px;padding:10px 12px;font-size:13px;gap:4px;}
    .roshn-pred-wrap .champions-row { gap:8px; }
    .roshn-pred-wrap .champion-chip { min-width:92px;padding:8px 12px; }
    .roshn-pred-wrap .foot-inner { flex-direction:column;align-items:flex-start;gap:8px; }
  }

  /* ===== الاستجابة: شاشات صغيرة جدًا ===== */
  @media(max-width:380px){
    .roshn-pred-wrap .hero h1{font-size:24px;}
    .roshn-pred-wrap .sb-digits{font-size:17px;}
    .roshn-pred-wrap .picks { grid-template-columns:1fr 1fr; }
    .roshn-pred-wrap .picks .pick:last-child { grid-column:1 / -1; }
  }