/* حرّر السيارة (أكتوبر 2026) — كل الأسماء تبدأ بـ fc- حتى ما تتداخل مع باقي الموقع
   الألوان: أسفلت رمادي، وأصفر لوحات المواقف للأزرار، وسيارتك حمراء. السيارات مرسومة بالـ CSS (بدون صور). */
.fc{--ink:#111827;--sub:#4B5563;--bg:#EEF2F7;--line:#D5DCE6;--asph:#3B4554;--slot:#475263;--curb:#A3AEBE;--y:#FACC15;--ysh:#CA8A04;--red:#DC2626;--g:#16A34A;
    position:relative;max-width:560px;margin:0 auto;direction:rtl;padding-bottom:112px;color:var(--ink);-webkit-tap-highlight-color:transparent}
.fc [hidden]{display:none!important}
.fc button{font-family:inherit;-webkit-user-select:none;user-select:none}

/* الأزرار */
.fc-btn{display:block;width:100%;max-width:340px;margin:0 auto 10px;border:0;border-radius:16px;padding:13px 10px;font-weight:900;font-size:16px;cursor:pointer;color:var(--ink);background:#fff;box-shadow:0 3px 0 var(--line);line-height:1.35}
.fc-btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}
.fc-btn:disabled{opacity:.45;cursor:default;transform:none}
.fc-main{color:#1F2937;background:linear-gradient(180deg,#FDE047,var(--y));box-shadow:0 5px 0 var(--ysh),0 10px 18px rgba(202,138,4,.25);font-size:18px;padding:15px 10px}
.fc-main:active{box-shadow:0 2px 0 var(--ysh)}
.fc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:340px;margin:0 auto 10px}
.fc-row .fc-btn{margin:0;font-size:14.5px}
.fc-link{display:block;margin:4px auto 0;border:0;background:none;color:var(--sub);font-weight:900;font-size:14.5px;cursor:pointer;padding:8px;text-decoration:underline;text-underline-offset:4px}
.fc-small{font-size:12.5px;font-weight:700;color:var(--sub);margin:10px 0 0;line-height:1.7}

/* شاشة البداية */
.fc-panel{position:relative;border-radius:24px;padding:22px 16px 20px;text-align:center;overflow:hidden;background:var(--bg);box-shadow:0 14px 34px rgba(15,23,42,.14);border-top:8px solid var(--y)}
.fc-hero{display:flex;justify-content:center;margin:0 auto 12px}
.fc-title{font-size:36px;font-weight:900;margin:0;color:#1F2937}
.fc-tag{margin:4px 0 16px;color:var(--sub);font-weight:800;font-size:15.5px;line-height:1.8}
.fc-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:340px;margin:12px auto 0}
.fc-stats:empty{display:none}
.fc-stat{background:#fff;border-radius:12px;padding:8px 2px;box-shadow:0 2px 0 var(--line)}
.fc-stat b{display:block;font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;direction:ltr}
.fc-stat small{display:block;font-size:11.5px;font-weight:800;color:var(--sub)}

/* ساحة اللعب */
.fc-stage{position:relative;display:flex;flex-direction:column;min-height:560px;border-radius:24px;padding:10px;background:var(--bg);box-shadow:0 14px 34px rgba(15,23,42,.14);overflow:hidden}
.fc-top{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.fc-ico{flex:0 0 42px;width:42px;height:42px;border:0;border-radius:14px;background:#fff;font-size:19px;cursor:pointer;box-shadow:0 2px 0 var(--line);color:var(--ink)}
.fc-top-mid{flex:1;min-width:0;text-align:center;line-height:1.3}
.fc-top-mid b{display:block;font-size:17px;font-weight:900;color:#1F2937}
.fc-top-mid small{display:block;font-size:12.5px;font-weight:800;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-info{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 0;background:#fff;border-radius:14px;padding:7px 12px;box-shadow:0 2px 0 var(--line);font-size:13.5px;font-weight:800;color:var(--sub)}
.fc-info b{color:var(--ink);font-size:17px;font-weight:900;font-variant-numeric:tabular-nums}
.fc-goal{direction:ltr;white-space:nowrap}
.fc-goal i,.fc-stars i{font-style:normal}
.fc-goal i{font-size:19px}
.fc-goal .on,.fc-stars .on{color:#F59E0B}
.fc-goal .off,.fc-stars .off{color:#CBD5E1}
.fc-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:10px 0 4px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.fc-body>.fc-end,.fc-body>.fc-empty{flex-shrink:0}
.fc-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}

/* الموقف: أسفلت فيه حبيبات، ورصيف حوله خط أصفر، وخطوط مواقف بيضاء */
.fc-lot{position:relative;flex:0 0 auto;direction:ltr;border-radius:16px;overflow:hidden;background-color:#2C3137;
    background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1.6px),radial-gradient(rgba(0,0,0,.28) 1px,transparent 1.7px),radial-gradient(rgba(255,255,255,.03) 2px,transparent 3px);
    background-size:9px 9px,13px 13px,29px 29px;background-position:0 0,5px 7px,11px 3px;
    box-shadow:inset 0 0 0 var(--F,10px) #B9B4AA,inset 0 0 0 calc(var(--F,10px) + 3px) #E2B21C,inset 0 0 0 calc(var(--F,10px) + 6px) rgba(0,0,0,.22),0 8px 20px rgba(15,23,42,.28)}
.fc-slot{position:absolute;z-index:1;border:0;padding:0;margin:0;border-radius:3px;background:rgba(255,255,255,.025);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.17);cursor:default}
.fc-slot.lane{background:rgba(255,255,255,.04)}
.fc-slot.lane::after{content:'‹';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.28);font-size:calc(var(--cs) * .7);font-weight:900;line-height:1}
.fc-gate{position:absolute;left:0;z-index:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#22C55E 0 4px,#2C3137 4px)}
.fc-gate i{font-style:normal;color:#4ADE80;font-weight:900;font-size:calc(var(--F) * 1.1);line-height:1;margin-left:3px}

/* السيارات: رسم SVG من فوق (زجاج ومرايات وأنوار) + ظل */
.fc-v{position:absolute;z-index:3;border:0;padding:0;margin:0;background:transparent;border-radius:calc(var(--cs) * .2);cursor:grab;touch-action:none;color:inherit}
.fc-v svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;pointer-events:none;filter:drop-shadow(0 3px 2.5px rgba(0,0,0,.5))}
.fc-v.snap{transition:left .16s ease-out,top .16s ease-out}
.fc-v.drag{z-index:4;cursor:grabbing}
.fc-v.drag svg{filter:drop-shadow(0 9px 7px rgba(0,0,0,.55))}
.fc-v.sel{outline:3px solid #FDE047;outline-offset:1px}
.fc-v:focus-visible{outline:3px solid #fff;outline-offset:2px}
.fc-v.hint{animation:fc-pulse .9s ease-in-out infinite}
.fc-v.out{transition:left .6s cubic-bezier(.55,0,.8,.3)}

/* نقاط الحركة وشبح التلميح */
.fc-dot{position:absolute;z-index:2;border:0;padding:0;margin:0;background:transparent;cursor:pointer}
.fc-dot::after{content:'';position:absolute;left:50%;top:50%;width:30%;height:30%;transform:translate(-50%,-50%);border-radius:50%;background:#FDE047;box-shadow:0 0 0 5px rgba(253,224,71,.28)}
.fc-ghost{position:absolute;z-index:2;padding:0;margin:0;border:3px dashed #FDE047;border-radius:calc(var(--cs) * .22);background:rgba(253,224,71,.16);cursor:pointer;animation:fc-blink 1s ease-in-out infinite}

/* صورة البداية */
.fc-lot.mini{box-shadow:inset 0 0 0 var(--F,8px) #B9B4AA,inset 0 0 0 calc(var(--F,8px) + 2px) #E2B21C,0 8px 18px rgba(15,23,42,.22)}
.fc-lot.mini .fc-v{cursor:default}
.fc-lot.mini .fc-v.red{animation:fc-drive 4s ease-in-out .8s infinite}

/* الحركات تحت */
.fc-play{flex:0 0 auto;padding-top:4px}
.fc-say{min-height:22px;margin:0 0 6px;text-align:center;font-size:14px;font-weight:900;color:var(--sub);line-height:1.5}
.fc-say.warn{color:#B45309}.fc-say.tip{color:#1D4ED8}
.fc-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:440px;margin:0 auto}
.fc-acts .fc-btn{margin:0}
.fc-sm{font-size:14px;padding:11px 4px}

/* النهاية */
.fc-end{text-align:center;margin:auto 0;padding:6px 0}
.fc-stars{direction:ltr;margin:0 0 4px}
.fc-stars i{display:inline-block;font-size:50px;line-height:1.1;margin:0 3px;animation:fc-pop .45s cubic-bezier(.2,1.6,.4,1) both}
.fc-stars i:nth-child(2){animation-delay:.12s;font-size:58px}
.fc-stars i:nth-child(3){animation-delay:.24s}
.fc-end-h{font-size:24px;font-weight:900;color:#1F2937;margin:2px 0}
.fc-end-t{font-size:15px;font-weight:800;color:var(--sub);line-height:1.8;margin:2px auto 12px;max-width:380px}
.fc-end .la3-story-btn{max-width:340px;margin:0 auto 10px}
.fc-empty{text-align:center;margin:auto 0}
.fc-toast{position:absolute;left:50%;top:62px;transform:translateX(-50%);z-index:6;background:rgba(17,24,39,.94);color:#fff;border-radius:999px;padding:9px 16px;font-weight:900;font-size:14.5px;
    white-space:nowrap;max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 20px rgba(0,0,0,.2);pointer-events:none}
.fc-toast.on{animation:fc-toast .3s ease both}

/* النوافذ */
.fc-modal{position:fixed;inset:0;z-index:100002;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.55)}   /* وسط الشاشة دايماً، فوق شريط الموقع */
.fc-mcard{position:relative;width:100%;max-width:400px;max-height:100%;overflow:auto;background:var(--bg);color:var(--ink);border-radius:22px;padding:20px 16px 14px;text-align:center;
    box-shadow:0 22px 44px rgba(0,0,0,.35);animation:fc-in .35s cubic-bezier(.2,1.4,.4,1) both}
.fc-mcard.fc-wide{max-width:460px}
.fc-mcard-h{font-size:21px;font-weight:900;margin:2px 0 12px;color:#1F2937}
.fc-how{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:8px;text-align:right}
.fc-how li{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:14px;padding:10px 12px;font-size:15px;font-weight:800;line-height:1.75;box-shadow:0 2px 0 var(--line)}
.fc-how li span{font-size:24px;line-height:1.2}
.fc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 12px}
.fc-tab{display:grid;gap:1px;justify-items:center;border:0;border-radius:14px;background:#fff;padding:7px 4px;box-shadow:0 2px 0 var(--line);cursor:pointer;color:var(--ink)}
.fc-tab.on{background:linear-gradient(180deg,#FDE047,var(--y));box-shadow:0 3px 0 var(--ysh)}
.fc-tab-i{font-size:18px;line-height:1.2}
.fc-tab b{font-size:14px;font-weight:900}
.fc-tab small{font-size:11.5px;font-weight:800;color:var(--sub);direction:rtl}
.fc-tab.on small{color:#713F12}
.fc-grid-lv{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.fc-lv{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:0;border-radius:14px;background:#fff;box-shadow:0 2px 0 var(--line);cursor:pointer;padding:0;color:var(--ink)}
.fc-lv b{font-size:20px;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}
.fc-lv small{font-size:10px;min-height:14px;line-height:1.3;letter-spacing:-1px}
.fc-lv.done{background:#ECFDF5;box-shadow:0 2px 0 #BBF7D0}
.fc-lv.prog{box-shadow:0 0 0 3px var(--y)}
.fc-lv.lock{opacity:.5;cursor:default}
.fc-lv:disabled{opacity:.5}

@keyframes fc-in{0%{opacity:0;transform:translateY(8px) scale(.96)}100%{opacity:1;transform:none}}
@keyframes fc-pop{0%{opacity:0;transform:scale(.3)}100%{opacity:1;transform:none}}
@keyframes fc-toast{0%{opacity:0;transform:translate(-50%,6px)}100%{opacity:1;transform:translate(-50%,0)}}
@keyframes fc-pulse{0%,100%{filter:none}50%{filter:brightness(1.25) drop-shadow(0 0 6px #FDE047)}}
@keyframes fc-blink{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes fc-drive{0%,25%{transform:none;opacity:1}55%{transform:translateX(-175%);opacity:1}56%{transform:translateX(-175%);opacity:0}57%{transform:none;opacity:0}75%,100%{transform:none;opacity:1}}

/* ملء الشاشة على الجوال */
.game-focus-shell.is-focus #fc-game{max-width:none;height:100%;padding:0;display:flex;flex-direction:column}
.game-focus-shell.is-focus .fc-panel{flex:1;border-radius:0;overflow-y:auto;padding-top:calc(60px + env(safe-area-inset-top,0px))}
.game-focus-shell.is-focus .fc-stage{flex:1;min-height:0;border-radius:0;padding:calc(8px + env(safe-area-inset-top,0px)) 10px calc(10px + env(safe-area-inset-bottom,0px))}
.game-focus-shell.is-focus .fc-top{padding-left:46px}   /* زر «إنهاء ملء الشاشة» أعلى اليسار */
.game-focus-shell.is-focus .fc-toast{top:calc(62px + env(safe-area-inset-top,0px))}
/* شريط «العب التالي» يطلع أسفل الشاشة بعد النهاية: نخلي له مكان عشان ما يغطي أزرارنا */
html.la3-next-open .game-focus-shell.is-focus .fc-stage{padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))}

@media(max-width:380px){
    .fc-title{font-size:31px}
    .fc-grid-lv{gap:6px}
    .fc-lv b{font-size:18px}
    .fc-sm{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.fc-mcard,.fc-toast.on,.fc-stars i,.fc-lot.mini .fc-v.red,.fc-v.hint,.fc-ghost{animation:none}.fc-v.snap,.fc-v.out{transition-duration:.01s}}
