/* ===== تحدي Bo_Aziz — واجهة بسيطة فاتحة (RTL, Mobile-first) ===== */
:root{
  --bg:#eef2ef; --surface:#ffffff; --surface-2:#f4f7f5;
  --ink:#17251e; --ink-dim:#66756c; --ink-faint:#90998f;
  --line:#e4e9e6; --line-2:#d3dbd6;
  --brand:#0f7a52; --brand-dark:#0b5c3e; --brand-soft:#e7f4ee;
  --gold:#b9881a; --gold-soft:#faeeda; --gold-ink:#7a5600; --gold-bright:#ffd166;
  --navy:#13212f; --navy-2:#0c1825; --on-navy:#eaf0f4; --on-navy-dim:#9fb1bf;
  --ok:#0f7a52; --danger:#cf4040;
  --r:14px; --shadow:0 1px 2px rgba(20,40,30,.05),0 2px 8px rgba(20,40,30,.05);
  --maxw:760px;
  font-family:"Segoe UI",Tahoma,"Tajawal",system-ui,-apple-system,sans-serif;
}
/* ===== الوضع الليلي ===== */
[data-theme="dark"]{
  --bg:#0d1411; --surface:#161f1a; --surface-2:#1c2620;
  --ink:#e7eee9; --ink-dim:#a2b4aa; --ink-faint:#7a877f;
  --line:#28332e; --line-2:#37463f;
  --brand:#1aa86f; --brand-dark:#13855a; --brand-soft:#16352a;
  --gold:#d3a23a; --gold-soft:#352a12; --gold-ink:#f0c878; --gold-bright:#ffd166;
  --navy:#0c1825; --navy-2:#070f18; --on-navy:#eaf0f4; --on-navy-dim:#9fb1bf;
  --ok:#1aa86f; --danger:#e26565;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 4px 14px rgba(0,0,0,.4);
}
[data-theme="dark"] .gtbl tbody tr:nth-child(even){background:rgba(255,255,255,.03)}
[data-theme="dark"] .gtbl .pos{background:rgba(255,255,255,.08)}
[data-theme="dark"] .pts.zero,[data-theme="dark"] .fbk.zero,[data-theme="dark"] .btn-danger,[data-theme="dark"] .dz{background:rgba(226,101,101,.16)}
[data-theme="dark"] .btn-danger,[data-theme="dark"] .dz{border-color:rgba(226,101,101,.42)}
[data-theme="dark"] .pod.p1{background:linear-gradient(180deg,#3a2f12,var(--gold-soft));border-color:#5a4a1e}
[data-theme="dark"] .pod.p2{background:linear-gradient(180deg,#222b27,var(--surface))}
[data-theme="dark"] .pod.p3{background:linear-gradient(180deg,#241c16,var(--surface));border-color:var(--line-2)}
.hdr-actions{display:flex;align-items:center;gap:.4rem;flex:none}
.icon-btn{display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:999px;background:rgba(255,255,255,.1);color:var(--on-navy);font-size:1.05rem;line-height:1;border:none;text-decoration:none;flex:none}
.icon-btn:hover{background:rgba(255,255,255,.2)}
*{box-sizing:border-box}
html{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);min-height:100dvh;padding-bottom:1.5rem;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
h1,h2,h3{margin:0}
.muted{color:var(--ink-dim);font-size:.88rem}
img{max-width:100%}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}

/* الشريط العلوي الداكن = الهيدر + التبويبات (مثبّت أعلى الصفحة) */
.topbar{position:sticky;top:0;z-index:30;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}

/* الهيدر */
.app-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  padding:.65rem 1rem;padding-top:max(.65rem,env(safe-area-inset-top));background:transparent;border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:flex;align-items:center;gap:.5rem;min-width:0}
.brand .tro{font-size:1.45rem;display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:rgba(255,209,102,.16)}
.brand .bname{font-size:1.02rem;color:#fff;font-weight:800;white-space:nowrap}
.prize{background:linear-gradient(180deg,#f5c43e,var(--gold));color:#3a2a02;font-weight:900;font-size:.74rem;padding:.28rem .65rem;border-radius:999px;white-space:nowrap}

/* التخطيط */
.view{max-width:var(--maxw);margin:0 auto;padding:1.1rem}
.loading{text-align:center;padding:3rem 1rem;color:var(--ink-dim)}
.h-title{font-size:1.15rem;font-weight:800;margin:.5rem .1rem .75rem;color:var(--ink)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:.9rem;box-shadow:var(--shadow)}
.card+.card{margin-top:.7rem}
.empty{text-align:center;color:var(--ink-dim);padding:2rem 1rem}

/* ===== الرئيسية: هيرو ملعب + إحصاءات + كيف تشارك + الجولات ===== */
.hero{position:relative;overflow:hidden;border-radius:18px;padding:1.9rem 1.5rem;color:#fff;min-height:195px;display:flex;flex-direction:row;align-items:center;gap:1.1rem;
  background:linear-gradient(180deg,rgba(8,22,16,.42),rgba(8,22,16,.8)),url(/img/hero.svg) center/cover no-repeat,var(--navy);
  box-shadow:0 14px 34px rgba(8,22,16,.3)}
.hero::before{content:"";position:absolute;top:0;inset-inline:0;height:4px;z-index:3;background:linear-gradient(90deg,#C8102E 0 33.3%,#006847 33.3% 66.6%,#0A3161 66.6%)}
.hero-inner{position:relative;z-index:2;flex:1;min-width:0}
.hero-emblem{position:relative;z-index:2;flex:0 0 auto;line-height:1;width:5rem;height:5rem;display:none;place-items:center;border-radius:999px;background:radial-gradient(circle,rgba(255,209,102,.22),rgba(255,209,102,.04));border:1px solid rgba(255,209,102,.4)}
@media(min-width:500px){.hero-emblem{display:grid}}
.hero-emblem b{font-style:normal;font-weight:900;font-size:2.2rem;color:var(--gold-bright);letter-spacing:-2px;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.hero-hosts{margin-top:.6rem;color:rgba(255,255,255,.92);font-size:.78rem;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.hero-badge{position:relative;display:inline-block;background:rgba(255,255,255,.16);color:#fff;font-weight:800;font-size:.72rem;padding:.3rem .8rem;border-radius:999px}
.hero-title{position:relative;font-size:1.75rem;font-weight:900;line-height:1.22;margin-top:.6rem;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hero-title .grad{color:var(--gold-bright)}
.hero-sub{position:relative;color:rgba(255,255,255,.95);font-size:.96rem;margin:.5rem 0 0;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.hero-sub b{color:#ffe6a6}
.hero-pills{position:relative;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.prize-pill{background:linear-gradient(180deg,#f5c43e,var(--gold));color:#3a2a02;font-weight:900;font-size:.82rem;padding:.34rem .8rem;border-radius:999px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.hero-cd{display:inline-block;background:rgba(0,0,0,.32);color:#fff;font-weight:800;font-size:.8rem;padding:.34rem .8rem;border-radius:999px;font-variant-numeric:tabular-nums}

.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:.9rem}
.stat{background:var(--navy);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.85rem .7rem;text-align:center;box-shadow:0 6px 18px rgba(8,22,16,.12)}
.stat .ic{font-size:1.4rem;line-height:1}
.stat .v{font-size:1.05rem;font-weight:900;color:#fff;margin-top:.25rem}
.stat .k{font-size:.72rem;color:var(--on-navy-dim);margin-top:.12rem}
.stat.gold .v{color:var(--gold-bright)}

.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}
.step{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.2rem .7rem .9rem;text-align:center;box-shadow:var(--shadow)}
.step .num{position:absolute;top:.5rem;inset-inline-start:.55rem;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--navy);color:#fff;font-weight:900;font-size:.78rem;display:grid;place-items:center}
.step .ic{display:inline-grid;place-items:center;width:3rem;height:3rem;margin:0 auto;border-radius:999px;border:1.5px solid var(--line-2);background:var(--surface-2);font-size:1.5rem;line-height:1}
.step .t{font-size:.82rem;font-weight:700;color:var(--ink);margin-top:.5rem}

.btn-dark{background:var(--navy);color:#fff;border:none}
.btn-dark:hover{background:var(--navy-2)}
.cta-note{text-align:center;color:#51635a;font-size:.82rem;margin:.6rem 0 0}

.rounds{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.35rem;-webkit-overflow-scrolling:touch}
.round-chip{flex:0 0 auto;min-width:100px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:.65rem .6rem;text-align:center;box-shadow:var(--shadow)}
.round-chip .ic{font-size:1.15rem;line-height:1}
.round-chip .nm{font-size:.78rem;font-weight:800;color:var(--ink);margin:.25rem 0}
.round-chip .rc-meta{font-size:.7rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-bottom:.3rem}
.round-chip .st{font-size:.66rem;font-weight:800;padding:.12rem .5rem;border-radius:999px}
.round-chip.live{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}
.round-chip.live .st{background:var(--brand-soft);color:var(--brand-dark)}
.round-chip.done .st{background:var(--surface-2);color:var(--ink-dim)}
.round-chip.up .st{background:var(--gold-soft);color:var(--gold-ink)}
@media(min-width:560px){.stats,.steps{grid-template-columns:repeat(4,1fr)}}

/* شريط «ترتيبك» + تنبيه + أبطال الجولات + أسهم الحركة */
.rankbar{display:flex;align-items:center;gap:.7rem;margin-bottom:.8rem;padding:.7rem .9rem;border-radius:14px;background:linear-gradient(180deg,#f0fbf5,var(--brand-soft));border:1px solid #cfe9dd;color:var(--brand-dark);box-shadow:var(--shadow)}
.rankbar .rb-rank{font-size:1.25rem;font-weight:900;background:var(--brand);color:#fff;border-radius:11px;padding:.25rem .6rem;min-width:2.4rem;text-align:center}
.rankbar .rb-info{flex:1;font-size:.9rem;font-weight:700;min-width:0}
.rankbar .rb-info b{color:var(--brand-dark)}
.rankbar .rb-go{font-size:.82rem;font-weight:800;color:var(--brand);white-space:nowrap}
.nudge{display:flex;align-items:center;gap:.4rem;margin-bottom:.8rem;padding:.65rem .9rem;border-radius:14px;background:var(--gold-soft);border:1px solid #ead399;color:var(--gold-ink);font-size:.9rem;font-weight:700}
.nudge b{font-weight:900}
.mv{font-size:.72rem;font-weight:900}
.mv.up{color:var(--ok)} .mv.down{color:var(--danger)}
.champs{display:flex;gap:.6rem;overflow-x:auto;padding-bottom:.4rem;-webkit-overflow-scrolling:touch}
.champ{flex:0 0 auto;min-width:142px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.8rem;box-shadow:var(--shadow);text-align:center}
.champ-rd{font-size:.72rem;color:var(--ink-dim);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.champ-nm{font-size:.95rem;font-weight:900;color:var(--gold-ink);margin:.3rem 0}
.champ-pt{font-size:.76rem;color:var(--ink-dim);font-weight:700}

/* عناوين الأقسام + روابط عرض الكل + كتلة التعليمات + لمسات تفاعل */
.sec-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:1.1rem .1rem .65rem}
.sec-head h2{font-size:1.15rem;font-weight:800;color:var(--ink);margin:0}
.seeall{display:inline-flex;align-items:center;min-height:44px;padding:0 .3rem;font-size:.8rem;font-weight:800;color:var(--brand);white-space:nowrap}
.seeall:hover{color:var(--brand-dark)}
.howto{margin-top:1.3rem;padding-top:.9rem;border-top:1px solid var(--line)}
.howto .sec-head{margin-top:0}
.stat .ic{display:inline-grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:999px;background:rgba(255,255,255,.09)}
.stat,.step,.champ,.round-chip,.pod,.btn,.nav a,.rankbar,.seeall,.lb tr{transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}
@media(hover:hover){
  .stat:hover,.step:hover,.champ:hover,.round-chip:hover,.rankbar:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(20,40,30,.12)}
  .btn-primary:hover,.btn-dark:hover{transform:translateY(-1px)}
  .lb tbody tr:hover{background:var(--surface-2)}
}
.btn:active{transform:translateY(1px)}
.info-note{margin:.2rem 0 .7rem;padding:.55rem .8rem;border-radius:12px;background:var(--brand-soft);border:1px solid #cfe9dd;color:var(--brand-dark);font-size:.84rem;font-weight:700}

/* بطاقة الهوية */
.id-card{display:flex;gap:.5rem}
.id-card .name{flex:2;min-width:0}
.id-card .pin{flex:1;min-width:0;text-align:center;letter-spacing:.2em}
input,select{width:100%;min-height:44px;padding:.7rem;border:1px solid var(--line-2);border-radius:11px;background:var(--surface);color:var(--ink);font-size:1rem}
label{display:block;font-size:.82rem;font-weight:700;margin:0 0 .3rem}
.id-hello{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.92rem}
.id-hello b{color:var(--brand-dark)}
.linkbtn{background:none;border:none;color:var(--brand);font-weight:700;font-size:.82rem;padding:.2rem .3rem}
/* شاشة الدخول */
.login-card{max-width:430px;margin:1rem auto}
.auth-tabs{display:flex;gap:.35rem;margin-bottom:.8rem;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:.25rem}
.auth-tab{flex:1;border:none;background:none;color:var(--ink-dim);font-weight:800;font-size:.92rem;padding:.5rem;border-radius:9px;min-height:40px;cursor:pointer}
.auth-tab.on{background:var(--surface);color:var(--brand);box-shadow:var(--shadow)}
.lg-msg .ok{color:var(--brand-dark);font-weight:700}
.lg-field{margin-bottom:.7rem}
.lg-field label{display:block;font-size:.85rem;color:var(--ink-dim);margin-bottom:.25rem;font-weight:700}
.lg-field input{width:100%;min-height:44px;padding:.55rem .7rem;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:1rem}
.lg-field select{width:100%;min-height:44px;padding:.55rem .7rem;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);color:var(--ink);font-size:1rem;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2366756c' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left .8rem center;padding-inline-start:2rem}
.adm-form select{width:100%;min-height:40px;padding:.45rem .55rem;border:1px solid var(--line-2);border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-size:.9rem}
.pin-wrap{position:relative}
.pin-wrap input{padding-inline-end:2.8rem}
.pin-eye{position:absolute;inset-inline-end:.2rem;top:50%;transform:translateY(-50%);background:none;border:0;font-size:1.15rem;line-height:1;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center}
#lgPin{letter-spacing:.4em;text-align:center}
.lg-msg{margin:.3rem 0;font-size:.86rem}
.lg-msg .err{color:var(--danger);font-weight:700}
.lg-warn{background:var(--gold-soft);color:var(--gold-ink);padding:.6rem .7rem;border-radius:10px;line-height:1.7}
.lg-acts{display:flex;gap:.5rem;margin-top:.55rem;flex-wrap:wrap}
.btn-sm{padding:.4rem .8rem;font-size:.82rem;width:auto;min-height:auto}
.btn-ghost{background:var(--surface-2);color:var(--ink)}
.muted.sm{font-size:.78rem}
.lg-hint{font-size:.82rem;margin:-.3rem 0 .6rem;min-height:1.1em;font-weight:600}
.lg-hint.ok,.lg-hint.new{color:var(--brand-dark)}
.lg-hint.warn{color:var(--gold-ink)}

/* بطاقة مباراة */
.match{margin-top:.7rem}
.m-top{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:var(--ink-dim);margin-bottom:.5rem}
.m-teams{display:flex;align-items:center;justify-content:space-between;font-size:.95rem;font-weight:700}
.m-team{display:flex;align-items:center;gap:.45rem;min-width:0}
.m-team.t2{flex-direction:row-reverse;text-align:left}
.m-team .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flag{width:1.9rem;height:1.42rem;border-radius:4px;object-fit:cover;box-shadow:0 0 0 1px var(--line);background:var(--surface-2);flex-shrink:0}
.flag-na{display:inline-block;width:1.9rem;height:1.42rem;border-radius:4px;background:var(--surface-2)}
.m-controls{display:flex;align-items:center;justify-content:center;gap:.7rem;margin-top:.7rem}
.vs{color:var(--ink-faint);font-size:.85rem;font-weight:700}
.stepper{display:flex;align-items:center;gap:.25rem}
.stepper button{width:44px;height:44px;border:1px solid var(--line-2);background:var(--surface-2);border-radius:10px;font-size:1.3rem;font-weight:800;color:var(--ink);line-height:1;display:flex;align-items:center;justify-content:center}
.stepper button:active{transform:translateY(1px)}
.stepper .val{min-width:34px;text-align:center;font-size:1.4rem;font-weight:800;color:var(--brand);font-variant-numeric:tabular-nums}
.m-foot{display:flex;align-items:center;justify-content:center;margin-top:.6rem;font-size:.8rem}
/* البثّ الحيّ */
.live-card{border:1px solid var(--danger);background:linear-gradient(180deg,rgba(207,64,64,.07),var(--surface))}
.lv-h{font-weight:900;color:var(--danger);margin-bottom:.5rem;display:flex;align-items:center;gap:.4rem}
.lv-row{padding:.5rem 0;border-top:1px solid var(--line)}
.lv-row:first-of-type{border-top:none}
.lv-score{display:flex;align-items:center;justify-content:center;gap:.7rem;font-weight:800}
.lv-t{flex:1;text-align:center;overflow-wrap:anywhere}
.lv-n{font-size:1.3rem;font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.lv-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.35rem;font-size:.8rem;flex-wrap:wrap}
.lv-min{color:var(--danger);font-weight:800;white-space:nowrap}
.lv-pred{color:var(--ink-dim)}
.lv-on{color:var(--gold-ink);font-weight:800}
.lv-ok{color:var(--brand);font-weight:800}
.lv-no{color:var(--ink-faint)}
/* ملخّص العودة */
.recap-card{position:relative;border:1px solid var(--brand);background:linear-gradient(180deg,var(--brand-soft),var(--surface))}
.rc-x{position:absolute;inset-inline-end:.5rem;top:.4rem;border:none;background:transparent;font-size:1.4rem;line-height:1;color:var(--ink-dim);width:1.8rem;height:1.8rem}
.rc-h{font-weight:900;color:var(--brand-dark);font-size:1.05rem}
.rc-sum{margin:.3rem 0 .5rem;font-size:.9rem;color:var(--ink)}
.rc-up{color:var(--brand-dark);font-weight:800}
.rc-i{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem;padding:.28rem 0;border-top:1px solid var(--line)}
.rc-l{overflow-wrap:anywhere}
.rc-p{white-space:nowrap;font-weight:800}
.rc-p.p5{color:var(--gold-ink)}
.rc-p.p3{color:var(--brand)}
.rc-p.p0{color:var(--ink-faint)}
/* الجوكر */
.joker-btn{width:100%;margin-top:.5rem;min-height:40px;padding:.45rem .6rem;border:1px dashed var(--gold);background:var(--gold-soft);color:var(--gold-ink);border-radius:10px;font-weight:800;font-size:.88rem}
.joker-btn.on{border-style:solid;background:linear-gradient(180deg,#f5c43e,var(--gold));color:#3a2a02}
.joker-btn:active{transform:translateY(1px)}
.mult.joker{background:var(--gold-soft);color:var(--gold-ink);border:1px solid var(--gold)}
.save{color:var(--ok);font-weight:700}
.save.saving{color:var(--ink-faint)}
.save.fail{color:var(--danger);font-weight:800;cursor:pointer;text-decoration:underline}
.all-preds{margin-top:.5rem;text-align:center}
.preds-list{margin-top:.5rem;border-top:1px solid var(--line);padding-top:.5rem;display:flex;flex-direction:column;gap:.35rem}
.pr-row{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;padding:.15rem .25rem}
.pr-nm{color:var(--ink-dim)}
/* ركلات الترجيح */
.pen-pick,.adm-pen{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;margin-top:.55rem}
.pen-q{font-size:.82rem;color:var(--ink-dim);font-weight:700}
.pen-btn{border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);border-radius:999px;padding:.35rem .8rem;font-size:.82rem;font-weight:700}
.pen-btn.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.pen-result{text-align:center;margin-top:.3rem;font-weight:800;color:var(--gold-ink);font-size:.9rem}
/* تبويب لوحة الإدارة */
.adm-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin:.2rem 0 .8rem}
.adm-tab{flex:1 1 28%;min-height:44px;padding:0 .3rem;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-dim);border-radius:11px;font-weight:800;font-size:.88rem}
.adm-tab.on{background:var(--brand);color:#fff;border-color:var(--brand)}
.mult{display:inline-block;background:var(--gold-soft);color:var(--gold-ink);font-weight:900;font-size:.72rem;padding:.12rem .5rem;border-radius:999px;white-space:nowrap}
.banned-note{display:flex;align-items:center;justify-content:space-between;gap:.6rem;background:var(--gold-soft);color:var(--gold-ink);line-height:1.7;font-size:.9rem}
/* ترتيب المجموعات */
.groups-wrap{display:grid;gap:.7rem}
.grp{padding:.55rem .65rem}
.grp-h{font-weight:900;color:var(--brand-dark);margin-bottom:.4rem;font-size:1rem}
.gtbl{width:100%;border-collapse:collapse;font-size:.84rem;table-layout:fixed}
.gtbl th{color:var(--ink-dim);font-size:.7rem;font-weight:700;padding:.32rem .12rem;text-align:center;border-bottom:1px solid var(--line-2)}
.gtbl td{padding:.4rem .12rem;text-align:center;border-top:1px solid var(--line)}
.gtbl tbody tr:nth-child(even){background:rgba(0,0,0,.022)}
.gtbl .c-rank{width:1.7rem}
.gtbl th:nth-child(n+3),.gtbl td:nth-child(n+3){width:1.55rem}
.gtbl th:last-child,.gtbl td:last-child{width:2.5rem}
.gtbl .c-team,.gtbl td.gnm{width:auto;text-align:right}
.gtbl .gn-in{display:flex;align-items:center;gap:.32rem;overflow:hidden}
.gtbl .gn-in .nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gtbl .pos{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:50%;font-size:.74rem;font-weight:800;color:var(--ink-dim);background:rgba(0,0,0,.05)}
.gtbl .gdf{color:var(--ink-dim)}
.gtbl .gpts{font-weight:900;color:var(--brand)}
.gtbl tr.qz{background:var(--brand-soft)}
.gtbl tr.qz .pos{background:var(--brand);color:#fff}
.gtbl tr.qz .gnm{font-weight:700}
.g-legend{display:flex;align-items:flex-start;gap:.45rem;font-size:.8rem;color:var(--ink-dim);margin:0 0 .7rem;line-height:1.6}
.g-legend .dot{flex:none;width:.85rem;height:.85rem;border-radius:50%;background:var(--brand-soft);border:2px solid var(--brand);margin-top:.15rem}
.rules-h{font-size:1rem;font-weight:900;color:var(--brand-dark);margin:0 0 .5rem}
.legal .rules-h{margin-top:.2rem}
.rule-list{margin:.2rem 0 0;padding-inline-start:1.25rem}
.rule-list li{margin:.25rem 0}
.jk-card{border-color:var(--gold);background:linear-gradient(180deg,var(--gold-soft),var(--surface))}
.jk-card .rules-h{color:var(--gold-ink)}
.jk-tip{margin:.5rem 0 0;background:var(--gold-soft);color:var(--gold-ink);border-radius:10px;padding:.5rem .65rem;font-size:.88rem;line-height:1.6}
.legal p{line-height:1.9;margin:.25rem 0 .9rem}
.legal a{color:var(--brand);font-weight:700}
.foot-legal a{color:var(--ink-dim)} .foot-legal a:hover{color:var(--brand)}
.sponsors{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;justify-content:center;margin:.7rem 0 0;font-size:.8rem}
.sponsors .sp-lbl{color:var(--ink-dim);font-weight:700}
.sponsors .sp{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:.22rem .7rem;font-weight:700;color:var(--ink)}
/* نتائجي */
.res-summary{text-align:center}
.rs-big{font-size:2.6rem;font-weight:900;color:var(--brand);line-height:1}
.rs-sub{color:var(--ink-dim);margin:.3rem 0 .4rem}
.rs-rank{font-weight:800;margin-bottom:.5rem}
.rs-break{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;font-size:.84rem;font-weight:700}
.res-row{padding:.6rem .55rem;border-bottom:1px solid var(--line);border-inline-start:3px solid transparent;border-radius:6px}
.res-row:last-child{border-bottom:none}
.res-row.exact{border-inline-start-color:var(--gold);background:var(--gold-soft)}
.res-row.ok{border-inline-start-color:var(--brand)}
.res-row.bad{border-inline-start-color:var(--danger)}
.res-line{display:flex;align-items:center;gap:.5rem}
.res-line .res-side{flex:1;display:flex;align-items:center;gap:.35rem;min-width:0}
.res-line .res-side.r{flex-direction:row-reverse}
.res-line .nm{overflow-wrap:anywhere;font-size:.86rem}
.res-meta{display:flex;align-items:center;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.3rem;font-size:.8rem;color:var(--ink-dim)}
.res-meta .rb,.rb{font-weight:800;border-radius:999px;padding:.1rem .55rem;font-size:.76rem}
.rb.b5{background:var(--brand-soft);color:var(--brand-dark)}
.rb.b3{background:var(--gold-soft);color:var(--gold-ink)}
.rb.b0{background:rgba(207,64,64,.15);color:var(--danger)}
.crowd-bar{height:6px;border-radius:999px;background:rgba(207,64,64,.25);overflow:hidden;margin:.45rem 0 .25rem}
.crowd-bar .cb-ok{display:block;height:100%;background:var(--brand)}
.crowd-txt{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.78rem;color:var(--ink-dim)}
.vt-btn{background:none;border:none;color:var(--brand);font-weight:700;font-size:.78rem;cursor:pointer;padding:0;margin-inline-start:auto}
.vt-box{margin-top:.45rem}
.vt-list{display:flex;flex-direction:column;gap:.25rem}
.vt-row{display:flex;align-items:center;gap:.45rem;font-size:.82rem;padding:.2rem .3rem;border-radius:7px}
.vt-row.me{background:var(--brand-soft);font-weight:800}
.vt-row .vt-b{flex:none}
.vt-row .vt-nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ماذا لو فزت؟ + لحظة الاعتماد + مشاركة */
.whatif{margin:.45rem 0 .1rem;padding:.4rem .55rem;background:var(--brand-soft);border-radius:9px;font-size:.8rem;color:var(--brand-dark);overflow-wrap:anywhere}
.whatif b{font-weight:800}
.whatif .wi-up{color:var(--brand);font-weight:800}
.whatif .wi-dim{color:var(--ink-dim);font-size:.92em}
.moment{margin:.2rem 0 .6rem;padding:.6rem .7rem;background:var(--gold-soft);border:1px solid var(--gold);border-radius:11px;font-weight:700;color:var(--gold-ink);text-align:center}
.btn-share{margin-top:.8rem;background:#25d366;color:#fff;border:none;font-weight:800}
.btn-share:hover{background:#1fb457}
.story{background:linear-gradient(135deg,var(--surface) 0%,var(--brand-soft) 120%);border:1px solid var(--line-2)}
.story-h{font-weight:900;font-size:1.02rem;margin-bottom:.6rem}
.story-list{display:flex;flex-direction:column;gap:.55rem}
.story-row{display:flex;align-items:center;gap:.6rem}
.story-row .sr-ic{flex:none;width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:10px;font-size:1.05rem;background:var(--surface-2);border:1px solid var(--line)}
.story-row .sr-ic.up{background:var(--brand-soft)}
.story-row .sr-ic.hard{background:rgba(207,64,64,.14)}
.story-row .sr-ic.sharp{background:var(--gold-soft)}
.story-row .sr-tx{display:flex;flex-direction:column;min-width:0}
.story-row .sr-tx b{font-weight:800;font-size:.9rem;overflow-wrap:anywhere}
.story-row .sr-tx span{font-size:.78rem;color:var(--ink-dim)}
.story .btn-share{margin-top:.75rem}
.target{display:flex;flex-direction:column;gap:.5rem;border-inline-start:3px solid var(--brand)}
.tg-row{display:flex;align-items:center;gap:.55rem;font-size:.85rem;line-height:1.45}
.tg-row .tg-ic{flex:none;font-size:1.1rem}
.tg-row .tg-tx{overflow-wrap:anywhere}
.tg-row .tg-tx b{font-weight:800}
/* توزيع توقّعات الجمهور */
.distro{margin-bottom:.55rem}
.ds-bar{display:flex;height:9px;border-radius:999px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.ds-seg{display:block;height:100%}
.ds-seg.h{background:var(--brand)}
.ds-seg.d{background:var(--ink-dim)}
.ds-seg.a{background:var(--danger)}
.ds-legend{display:flex;flex-wrap:wrap;gap:.3rem .7rem;justify-content:space-between;font-size:.73rem;color:var(--ink-dim);margin-top:.3rem}
.ds-legend .ds-h{color:var(--brand-dark)}
.ds-legend .ds-a{color:var(--danger)}
.ds-top{font-size:.78rem;margin-top:.3rem;color:var(--ink-dim)}
.ds-top b{color:var(--ink);font-weight:800}
/* جواز اللاعب */
.pp-badges{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin:.15rem 0 .5rem}
.pp-badge{font-size:.74rem;font-weight:700;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem;white-space:nowrap}
.res-summary .btn-share{margin-top:.7rem}
.pp-hi{display:flex;flex-direction:column;gap:.45rem;font-size:.84rem}
.pp-hi span{overflow-wrap:anywhere}
.pp-hi b{font-weight:800}

/* الرئيسية: مركز يوم مباراة شخصي */
.home-me{padding:.8rem}
.hm-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.hm-hi{font-size:1rem}
.hm-warn{font-size:.78rem;font-weight:800;color:var(--danger)}
.hm-ok{font-size:.78rem;font-weight:800;color:var(--brand)}
.hm-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 .6rem}
.hm-chips span{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:.18rem .55rem;font-size:.78rem}
.hm-chips b{font-weight:800;color:var(--brand-dark)}
.home-me .btn-sm{margin-top:0}
.home-today{display:flex;flex-direction:column;gap:.5rem}
.home-match{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;text-decoration:none;color:inherit}
.home-match .hm-side{flex:1;display:flex;align-items:center;gap:.4rem;min-width:0}
.home-match .hm-side.r{flex-direction:row-reverse}
.home-match .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:.86rem}
.home-match .hm-mid{flex:none;text-align:center;min-width:5rem}
.ht-live{color:var(--danger);font-weight:800;font-size:.8rem;white-space:nowrap}
.ht-cd{color:var(--ink-dim);font-weight:700;font-size:.78rem;white-space:nowrap}
.hm-score{font-weight:800}
.home-pulse{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}
.home-pulse span{background:var(--gold-soft);border:1px solid var(--gold);border-radius:10px;padding:.35rem .6rem;font-size:.8rem;color:var(--gold-ink);overflow-wrap:anywhere}
.home-pulse b{font-weight:800}

/* توقّع البطولة (أفضل لاعب + هدّاف) */
.tourney{border-inline-start:3px solid var(--gold)}
.tn-h{font-weight:900;font-size:1rem;margin-bottom:.4rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.tn-lock{font-size:.74rem;font-weight:700;color:var(--ink-dim)}
.tn-once{font-size:.72rem;font-weight:800;color:var(--gold-ink);background:var(--gold-soft);border-radius:999px;padding:.12rem .5rem}
.tn-countdown{font-size:.82rem;font-weight:800;color:var(--gold-ink);background:var(--gold-soft);border:1px solid var(--gold);border-radius:9px;padding:.4rem .6rem;margin-bottom:.6rem;text-align:center}
.tn-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-top:1px solid var(--line);font-size:.9rem}
.tn-row:first-of-type{border-top:none}
.tn-k{color:var(--ink-dim);flex:none;min-width:7.5rem}
.tn-v{overflow-wrap:anywhere;font-weight:800}
.tn-ok{color:var(--brand);font-weight:800;white-space:nowrap}
.tn-no{color:var(--danger);font-weight:800}
.tn-ans{font-size:.78rem;color:var(--ink-dim);margin-top:.4rem}

/* مراجعة الفائز + سجل الاعتماد (إدارة) */
.rev-cluster{margin-bottom:.6rem}
.rev-key{font-weight:800;margin-bottom:.4rem;color:var(--danger)}
.rev-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.35rem 0;border-top:1px solid var(--line);font-size:.86rem}
.rev-row:first-of-type{border-top:none}
.rev-nm{overflow-wrap:anywhere;font-weight:700}
.rev-stat{flex:none;color:var(--ink-dim);white-space:nowrap}
.aud-list{display:flex;flex-direction:column}
.aud-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;border-top:1px solid var(--line);font-size:.84rem}
.aud-row:first-child{border-top:none}
.aud-ic{flex:none;width:1.5rem;text-align:center}
.aud-tx{flex:1;overflow-wrap:anywhere}
.aud-tm{flex:none;color:var(--ink-dim);font-size:.76rem;white-space:nowrap}
.m-hint{color:var(--ink-dim)}
.m-score{font-size:1.3rem;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
/* النتيجة الموحّدة: inline-flex يرث RTL فيظهر نتيجة الفريق1 يمينًا مطابقةً لمكانه */
.score{display:inline-flex;align-items:center;gap:.4rem;font-variant-numeric:tabular-nums;vertical-align:middle}
.score b{font-weight:900;color:var(--ink)}
.score i{font-style:normal;color:var(--ink-faint)}
.m-controls .score{font-size:1.3rem}
.tag{font-size:.68rem;padding:.12rem .5rem;border-radius:999px}
.tag.open{background:var(--brand-soft);color:var(--brand-dark)}
.tag.locked{background:var(--gold-soft);color:var(--gold-ink)}
.tag.done{background:var(--surface-2);color:var(--ink-dim)}
.pts{background:var(--brand-soft);color:var(--brand-dark);font-weight:800;font-size:.78rem;padding:.1rem .5rem;border-radius:999px}
.pts.zero{background:#fbe9e9;color:var(--danger)}
.badge{font-size:.95rem;margin-inline-start:.15rem;cursor:default;vertical-align:-1px}
.fbk{font-weight:900;font-size:.8rem;padding:.14rem .55rem;border-radius:999px;white-space:nowrap}
.fbk.gold{background:var(--gold-soft);color:var(--gold-ink)}
.fbk.grn{background:var(--brand-soft);color:var(--brand-dark)}
.fbk.zero{background:#fbe9e9;color:var(--danger)}
.mine{font-size:.8rem;color:var(--ink-dim);text-align:center;margin-top:.4rem}
.mine b{color:var(--ink)}

/* شريط ترتيبك + تنبيه (صفحة التوقعات) */
.rankbar{display:flex;align-items:center;gap:.6rem;margin-bottom:.7rem;padding:.55rem .75rem;border-radius:13px;background:linear-gradient(180deg,#f0fbf5,var(--brand-soft));border:1px solid #cfe9dd;box-shadow:var(--shadow)}
.rankbar .rb-rank{font-size:1.05rem;font-weight:900;background:var(--brand);color:#fff;border-radius:10px;padding:.25rem .55rem;min-width:2.2rem;text-align:center}
.rankbar .rb-info{flex:1;min-width:0;font-size:.84rem;font-weight:700;color:var(--brand-dark)}
.rankbar .rb-info b{font-weight:900}
.rankbar .rb-go{font-size:.78rem;font-weight:800;color:var(--brand);white-space:nowrap}
.nudge{margin-bottom:.7rem;padding:.55rem .8rem;border-radius:12px;background:var(--gold-soft);border:1px solid #ead399;color:var(--gold-ink);font-size:.85rem;font-weight:700}
.nudge b{font-weight:900}

/* حركة الترتيب + أبطال الجولات */
.mv{font-size:.7rem;font-weight:900}
.mv.up{color:var(--ok)} .mv.down{color:var(--danger)}
.champs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.3rem;-webkit-overflow-scrolling:touch}
.champ{flex:0 0 auto;min-width:132px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:.7rem;text-align:center;box-shadow:var(--shadow)}
.champ-rd{font-size:.7rem;color:var(--ink-dim);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.champ-nm{font-size:.9rem;font-weight:900;color:var(--gold-ink);margin:.25rem 0}
.champ-pt{font-size:.74rem;color:var(--ink-dim);font-weight:700}

/* الترتيب — منصّة بميداليات */
.podium{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:.5rem;align-items:end;margin-bottom:.9rem}
.pod{text-align:center;border:1px solid var(--line);border-radius:14px;padding:.7rem .3rem;background:var(--surface-2);box-shadow:var(--shadow)}
.pod-empty{background:transparent;border:1px dashed var(--line);box-shadow:none;min-height:96px}
.pod .medal{font-size:1.6rem;line-height:1}
.pod .pod-nm{font-size:.84rem;font-weight:800;color:var(--ink);margin:.3rem 0 .15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pod .pod-pt{font-size:1.05rem;font-weight:900;color:var(--brand-dark)}
.pod .pod-pt span{font-size:.66rem;font-weight:700;color:var(--ink-dim)}
.pod.p1{background:linear-gradient(180deg,#fff8df,var(--gold-soft));border-color:#ead399;padding-top:1rem}
.pod.p1 .medal{font-size:2rem}
.pod.p1 .pod-pt{color:var(--gold-ink)}
.pod.p2{background:linear-gradient(180deg,#f7f9f8,var(--surface))}
.pod.p3{background:linear-gradient(180deg,#fff5ed,var(--surface));border-color:#ebd6c5}
.lb{width:100%;border-collapse:collapse;font-size:.9rem}
.lb th,.lb td{padding:.55rem .4rem;border-bottom:1px solid var(--line);text-align:center}
.lb th{color:var(--ink-dim);font-weight:600;font-size:.74rem}
.lb td.nm{text-align:right;font-weight:600}
.lb tr.me{background:var(--gold-soft)}
.lb .rk1{color:var(--gold-ink);font-weight:900}
.search{margin-bottom:.6rem}

/* الجدول */
.fx-day{font-size:.82rem;font-weight:800;color:var(--brand-dark);margin:.9rem .1rem .4rem}
.ko-round{font-size:.86rem;font-weight:900;color:var(--gold-ink);background:var(--gold-soft);border:1px solid #ead399;border-radius:10px;padding:.4rem .7rem;margin:.9rem .1rem .4rem;display:inline-block}
.fx-row{display:flex;align-items:center;gap:.5rem;padding:.55rem 0;border-bottom:1px solid var(--line);font-size:.88rem}
.fx-row:last-child{border-bottom:none}
.fx-row .side{flex:1;display:flex;align-items:center;gap:.4rem;min-width:0}
.fx-row .side.r{flex-direction:row-reverse;text-align:left}
.fx-row .side .nm{line-height:1.2;overflow-wrap:anywhere}
.fx-mid{min-width:74px;text-align:center;font-size:.76rem;color:var(--ink-dim)}
.fx-mid .sc{font-size:.95rem;font-weight:800;color:var(--ink)}

/* قواعد */
.rule{display:flex;align-items:center;gap:.7rem;padding:.6rem .2rem;border-bottom:1px solid var(--line)}
.rule:last-child{border-bottom:none}
.rule .b{font-size:1.3rem;font-weight:900;width:1.7rem;text-align:center}
.b5{color:var(--gold)} .b3{color:var(--brand)} .b0{color:var(--danger)}

/* أزرار */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-align:center;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:11px;padding:.6rem 1rem;font-weight:700;font-size:.9rem}
.btn:hover{background:var(--surface-2)}
.btn-primary{background:var(--brand);color:#fff;border:none}
.btn-primary:hover{background:var(--brand-dark)}
.btn-danger{background:#fbe9e9;border-color:#f0c9c9;color:var(--danger)}
.btn-wa{background:#25D366;color:#fff;border:none;font-weight:800}
.btn-wa:hover{background:#1da851}
.btn-block{display:flex;width:100%}
/* زر «ابدأ التوقعات الآن» — مميّز وبارز */
.btn-cta{background:linear-gradient(135deg,#15b06b 0%,var(--brand) 45%,var(--brand-dark) 100%);color:#fff;border:none;min-height:56px;font-size:1.1rem;font-weight:900;border-radius:15px;letter-spacing:.3px;box-shadow:0 10px 26px rgba(15,122,82,.42)}
.btn-cta:hover{filter:brightness(1.06)}
@media(prefers-reduced-motion:no-preference){
  .btn-cta{animation:ctaPulse 2.6s ease-in-out infinite}
  @keyframes ctaPulse{0%,100%{box-shadow:0 8px 22px rgba(15,122,82,.38)}50%{box-shadow:0 13px 34px rgba(15,122,82,.62)}}
}
.btn-row{display:flex;flex-wrap:wrap;gap:.5rem}

/* التنقل العلوي (شريط التبويبات) */
.nav{display:flex;justify-content:space-around;background:transparent;max-width:var(--maxw);margin:0 auto;padding:.2rem .2rem}
.nav a{display:flex;flex-direction:column;align-items:center;gap:.12rem;font-size:.66rem;color:var(--on-navy-dim);padding:.4rem .25rem;flex:1;text-align:center;border-bottom:2.5px solid transparent}
.nav a .ic{font-size:1.2rem}
.nav a.active{color:var(--gold-bright);font-weight:800;border-bottom-color:var(--gold-bright)}

/* تنبيه */
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:60;background:var(--ink);color:#fff;padding:.65rem 1.1rem;border-radius:999px;font-size:.9rem;max-width:90vw;text-align:center;box-shadow:var(--shadow)}
.toast.err{background:var(--danger)} .toast.ok{background:var(--brand-dark)}
.toast[hidden]{display:none}

/* الفوتر */
.foot{max-width:var(--maxw);margin:1rem auto 0;padding:1rem;display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;border-top:1px solid var(--line);font-size:.76rem;color:var(--ink-dim);text-align:center}
.foot a{color:var(--ink-dim);display:inline-flex;align-items:center;min-height:44px;padding:0 .3rem} .foot a:hover{color:var(--brand)}

/* إدارة */
.kv{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px dashed var(--line);font-size:.85rem}
.adm-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--line)}
.adm-row .t{font-size:.85rem}
.adm-row .meta{font-size:.72rem;color:var(--ink-dim)}
.adm-row input{width:42px;height:34px;text-align:center;padding:0;font-weight:800;color:var(--brand)}
/* إدخال النتائج: اسم كل فريق وفوق حقله مباشرة (لا لبس في RTL) */
.adm-match{padding:.8rem 0;border-bottom:1px solid var(--line)}
.adm-match:last-child{border-bottom:none}
.adm-match .meta{font-size:.74rem;color:var(--ink-dim);margin-bottom:.6rem}
.adm-score{display:grid;grid-template-columns:1fr auto 1fr;gap:.6rem;align-items:end}
.adm-team{text-align:center;min-width:0}
.adm-team .nm{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.85rem;font-weight:800;margin-bottom:.35rem;overflow:hidden}
.adm-team .nm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adm-team input{width:100%;height:46px;text-align:center;font-size:1.3rem;font-weight:900;color:var(--brand);font-variant-numeric:tabular-nums}
.adm-score .vs{align-self:center;color:var(--ink-faint);font-weight:900;padding-bottom:.5rem}
.adm-actions{display:flex;gap:.45rem;margin-top:.6rem;flex-wrap:wrap}
.adm-actions .btn{flex:1;min-width:90px}
.adm-add{padding:0;margin-bottom:.7rem}
.adm-add summary{padding:.85rem 1rem;font-weight:800;cursor:pointer;color:var(--brand-dark)}
.adm-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;padding:0 1rem 1rem}
.adm-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.78rem;font-weight:700;color:var(--ink-dim)}
.adm-form-actions{grid-column:1/-1;display:flex;gap:.5rem}

/* توقّع مقدّم (اليومان التاليان) */
.up-title{font-size:1.05rem;font-weight:800;color:var(--brand-dark);margin:1.4rem .1rem .5rem;padding-top:.9rem;border-top:2px dashed var(--line-2)}
.up-day{font-size:.85rem;font-weight:800;color:var(--ink-dim);margin:.7rem .1rem .35rem}
/* أدوات الترتيب */
.lb-tools{display:flex;gap:.5rem;align-items:center;margin-bottom:.6rem}
.lb-tools .search{margin-bottom:0;flex:1}
.lb-tools #goMe{white-space:nowrap}
/* وميض أخضر عند الحفظ / تحديد المركز */
@keyframes savedFlash{from{background:var(--brand-soft)}to{background:var(--surface)}}
.match.flash{animation:savedFlash .8s ease}
.lb tr.flash{animation:savedFlash .9s ease}
@media(prefers-reduced-motion:reduce){.match.flash,.lb tr.flash{animation:none}}
.dz{border-color:#f0c9c9;background:#fdf2f2}

/* skeleton */
.sk{height:84px;border-radius:var(--r);background:linear-gradient(90deg,var(--surface-2) 25%,#eaeeec 37%,var(--surface-2) 63%);background-size:400% 100%;animation:sh 1.3s ease infinite;margin-bottom:.7rem}
@keyframes sh{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}

/* ===== تكبير على الشاشات الأكبر (تابلت/سطح المكتب) ===== */
@media(min-width:680px){
  .view{padding:1.7rem}
  .h-title{font-size:1.35rem;margin:.8rem .1rem 1rem}
  .sec-head h2{font-size:1.35rem}
  .card{padding:1.15rem}
  .hero{padding:2.6rem 2.2rem;min-height:250px;border-radius:22px}
  .hero-title{font-size:2.4rem}
  .hero-sub{font-size:1.12rem}
  .hero-badge{font-size:.82rem;padding:.35rem 1rem}
  .hero-emblem{width:6.8rem;height:6.8rem}
  .hero-emblem b{font-size:3rem}
  .hero-hosts{font-size:.92rem}
  .prize-pill,.hero-cd{font-size:.92rem;padding:.42rem 1rem}
  .stat{padding:1.1rem .8rem}
  .stat .ic{font-size:1.7rem;width:3.1rem;height:3.1rem}
  .stat .v{font-size:1.3rem}
  .stat .k{font-size:.8rem}
  .step{padding:1.5rem .9rem 1.1rem}
  .step .ic{width:3.6rem;height:3.6rem;font-size:1.85rem}
  .step .t{font-size:.92rem}
  .m-teams{font-size:1.08rem}
  .flag{width:2.2rem;height:1.65rem}
  .stepper button{width:46px;height:46px;font-size:1.45rem}
  .stepper .val{min-width:42px;font-size:1.6rem}
  .pod .pod-nm{font-size:.95rem}
  .pod.p1 .medal{font-size:2.4rem}
  .lb{font-size:1rem}
  .lb th,.lb td{padding:.75rem .5rem}
  .lb th{font-size:.82rem}
  .rankbar .rb-info{font-size:1rem}
}