/* ======================= سباق المجرة — الستايل (فوق ستايل دفاع الكوكب) ======================= */
/* ---- المقدمة: عنوان فوق البوستر ---- */
.rc-hero{position:relative}
.rc-title{position:absolute;top:12px;left:12px;right:12px;padding:22px 16px 40px;text-align:center;border-radius:26px 26px 0 0;background:linear-gradient(180deg,rgba(5,11,31,.75),rgba(5,11,31,0));pointer-events:none}
.rc-kicker{display:inline-block;font-family:var(--sp-font);font-weight:800;font-size:14px;color:var(--sp-ink);background:linear-gradient(180deg,#ffe08a,#f5b43a);padding:3px 14px;border-radius:999px;box-shadow:0 6px 16px -6px rgba(255,180,50,.8)}
.rc-title h1{margin:6px 0 0;font-family:var(--sp-font);font-weight:800;font-size:clamp(40px,12vw,58px);line-height:1.15;background:linear-gradient(180deg,#fff 15%,#ffe08a 55%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(0,0,0,.55)) drop-shadow(0 10px 30px rgba(255,180,50,.45))}
.rc-title p{margin:2px 0 0;font-family:"Cairo";font-weight:700;font-size:15px;color:#e5edff;text-shadow:0 2px 10px #000}
/* ---- المسارات ---- */
.rt-list{display:flex;flex-direction:column;gap:12px;padding:6px 14px 10px}
.rt-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;text-align:start;border:1px solid var(--glass-b);border-radius:22px;padding:10px 12px;background:linear-gradient(90deg,color-mix(in srgb,var(--c1) 26%,transparent),rgba(10,20,52,.6) 55%);color:#fff;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 10px 26px -14px rgba(0,0,0,.8);transition:transform .15s,border-color .15s;font-family:"Cairo"}
.rt-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.35)}
.rt-card.next{border:1.5px solid var(--sp-gold);box-shadow:0 0 0 4px rgba(255,209,102,.12),0 0 26px -6px rgba(255,209,102,.55)}
.rt-card.locked{opacity:.55;filter:grayscale(.6)}
.rt-art{position:relative;flex:none;width:68px;height:68px;display:grid;place-items:center}
.rt-art img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.6))}
.rt-trophy{font-size:46px;filter:drop-shadow(0 0 16px rgba(255,209,102,.8))}
.rt-lock{position:absolute;font-size:24px;filter:drop-shadow(0 3px 6px #000)}
.rt-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.rt-info b{font-family:var(--sp-font);font-size:19px;font-weight:800;color:#fff}
.rt-info small{font-size:12.5px;color:#c9d8ff}
.rt-best{font-size:13px;color:var(--sp-gold)}.rt-best b{font-family:var(--sp-font);font-size:15px}
.rt-medal{flex:none;font-size:34px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}.rt-medal.off{opacity:.35;font-size:26px}
.rt-card.gp{background:linear-gradient(90deg,rgba(255,209,102,.3),rgba(10,20,52,.6) 60%);border-color:rgba(255,209,102,.5)}
/* ---- السباق ---- */
.rc-clock{gap:6px}.rc-clock b{font-size:19px;min-width:64px;text-align:center;color:#fff}
.rc-track{position:relative;z-index:3;height:30px;margin:0 16px 4px;direction:ltr}
.rc-line{position:absolute;left:0;right:22px;top:13px;height:5px;border-radius:9px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,209,102,.35))}
.rc-flag{position:absolute;right:-4px;top:2px;font-size:18px}
.rc-pin{position:absolute;top:1px;width:28px;height:28px;border-radius:50%;border:2px solid #fff;background:center/90% no-repeat;box-shadow:0 3px 10px rgba(0,0,0,.6);transition:inset-inline-start .25s linear}
.rc-track .rc-pin{left:0;inset-inline-start:-14px}
.rc-pin.me{background-image:url(img/space/ship.webp);background-color:#123a7a;z-index:3;border-color:#7ff3ff;box-shadow:0 0 12px #4fd2ff}
.rc-pin.rival{background-image:url(img/race/rival.webp);background-color:#7a2410;border-color:#ff9a5c}
.rc-pin.ghost{background-image:url(img/space/ship.webp);background-color:#3b2b8a;border-color:#b48cff;opacity:.7}
.rc-q{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;justify-content:center;min-width:220px;padding:10px 26px;border-radius:22px;direction:ltr;font-family:var(--sp-font);font-weight:800;font-size:clamp(34px,10vw,44px);color:#0f2142;background:linear-gradient(180deg,#fff,#e6edfb);box-shadow:0 14px 34px -10px rgba(0,0,0,.8),0 0 0 3px rgba(255,255,255,.25),0 0 30px -6px var(--c1);white-space:nowrap}
.rc-q span{margin:0 4px}
.rc-x,.rc-eq{color:#7a8bb3;font-size:.8em}
.rc-ans{min-width:1.2em;text-align:center;color:#c5cde0}
.rc-ans.ok{color:#0d9488}.rc-ans.bad{color:#16a34a}
.rc-q.in{animation:qIn .35s cubic-bezier(.22,1,.36,1)}
.rc-q.ok{background:linear-gradient(180deg,#e7fff8,#b6f5e3);box-shadow:0 14px 34px -10px rgba(0,0,0,.8),0 0 0 3px #2dd4bf,0 0 34px -4px #2dd4bf}
.rc-q.bad{background:linear-gradient(180deg,#fff1f0,#ffd9d6);box-shadow:0 14px 34px -10px rgba(0,0,0,.8),0 0 0 3px #f87171;animation:qBad .45s}
.rc-q.bad .rc-ans{background:#dcfce7;border-radius:12px;padding:0 8px}
@keyframes qIn{from{transform:translateX(-50%) translateY(-14px) scale(.85);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}
@keyframes qBad{20%{transform:translateX(calc(-50% - 9px))}40%{transform:translateX(calc(-50% + 9px))}60%{transform:translateX(calc(-50% - 5px))}80%{transform:translateX(calc(-50% + 5px))}}
.rc-count{position:absolute;inset:0;z-index:5;display:grid;place-items:center;font-family:var(--sp-font);font-weight:800;font-size:120px;color:#fff;text-shadow:0 6px 0 rgba(0,0,0,.5),0 0 40px rgba(127,243,255,.8);pointer-events:none}
.rc-count.in{animation:cntIn .85s cubic-bezier(.22,1,.36,1)}
.rc-count.go{font-size:84px;background:linear-gradient(180deg,#fff 20%,#ffd166 70%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 6px 0 rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(255,180,50,.8))}
@keyframes cntIn{0%{transform:scale(2.2);opacity:0}30%{transform:scale(1);opacity:1}100%{transform:scale(.9);opacity:.85}}
.rc-play .banner{top:30%;font-size:34px}
.rc-play .pad .k-fire{font-size:26px}
/* ---- النتيجة ---- */
.rc-medal{display:flex;flex-direction:column;align-items:center;gap:0}
.rc-medal span{font-size:92px;line-height:1.1;filter:drop-shadow(0 10px 24px rgba(0,0,0,.6));animation:medalIn .9s cubic-bezier(.22,1,.36,1)}
.rc-medal.m3 span{filter:drop-shadow(0 0 30px rgba(255,209,102,.9))}
.rc-medal small{font-family:var(--sp-font);font-weight:800;font-size:16px;color:var(--sp-gold)}
@keyframes medalIn{0%{transform:scale(.2) rotate(-40deg);opacity:0}60%{transform:scale(1.15) rotate(8deg);opacity:1}100%{transform:scale(1) rotate(0)}}
.rc-podium{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:7px}
.rc-podium li{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:16px;background:var(--glass);border:1px solid var(--glass-b);backdrop-filter:blur(6px)}
.rc-podium li.pd-me{border-color:#7ff3ff;background:linear-gradient(90deg,rgba(127,243,255,.22),rgba(10,20,52,.55))}
.rc-podium img{width:38px;height:38px;object-fit:contain}.rc-podium img.holo{filter:hue-rotate(160deg) saturate(2) brightness(1.2);opacity:.7}
.rc-podium b{flex:1;font-family:var(--sp-font);font-size:17px;text-align:start}
.rc-podium .num{font-family:var(--sp-font);font-weight:800;font-size:17px;color:var(--sp-gold)}
.pd-pos{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-family:var(--sp-font);font-weight:800;background:rgba(255,255,255,.12)}
.rc-podium li:first-child .pd-pos{background:linear-gradient(180deg,#ffe08a,#f59e0b);color:var(--sp-ink)}
.rc-slow{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;font-size:13px;color:#c9d8ff}
.rc-slow b{font-family:var(--sp-font);background:rgba(255,255,255,.1);border:1px solid var(--glass-b);border-radius:10px;padding:2px 10px;color:#fff;direction:ltr}
.rc-toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);opacity:0;z-index:50;background:rgba(5,11,31,.92);color:#fff;border:1px solid var(--glass-b);padding:10px 18px;border-radius:14px;font-family:"Cairo";font-weight:700;transition:.3s;pointer-events:none}
.rc-toast.on{opacity:1;transform:translate(-50%,0)}
.rc-clock b{direction:ltr;unicode-bidi:isolate}