/* Fuad Drive daily race — one shared component for Hebrew and Arabic. */
.fd-race-lock { overflow: hidden; }

.fd-race-overlay {
    position: fixed;
    inset: 0;
    z-index: 2200;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(5, 8, 12, .72);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .32s ease, visibility .32s ease;
}

.fd-race-overlay.is-open { opacity: 1; visibility: visible; }

.fd-race-modal {
    --race-gold: #d7a629;
    --race-gold-light: #f7d778;
    --race-ink: #090e13;
    --race-panel: #111923;
    --race-teal: #45d7ca;
    position: relative;
    width: min(980px, 94vw);
    max-height: calc(100vh - 40px);
    overflow: auto;
    isolation: isolate;
    border: 1px solid rgba(240, 190, 67, .72);
    border-radius: 26px;
    color: #fff8e8;
    background:
        radial-gradient(circle at 50% 52%, rgba(215,166,41,.16), transparent 37%),
        linear-gradient(145deg, #121b25 0%, #070b10 52%, #121820 100%);
    box-shadow: 0 30px 100px rgba(0,0,0,.72), 0 0 42px rgba(215,166,41,.13), inset 0 0 0 1px rgba(255,255,255,.04);
    transform: translateY(28px) scale(.97);
    opacity: 0;
    transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .35s ease;
    scrollbar-width: thin;
    scrollbar-color: rgba(215,166,41,.45) transparent;
}

.fd-race-overlay.is-open .fd-race-modal { transform: translateY(0) scale(1); opacity: 1; }

.fd-race-modal::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    background: repeating-linear-gradient(118deg, transparent 0 28px, rgba(255,255,255,.018) 29px 30px);
}

.fd-race-close {
    position: absolute;
    inset-inline-start: 18px;
    top: 18px;
    z-index: 8;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(215,166,41,.68);
    border-radius: 50%;
    background: rgba(7,11,16,.72);
    color: #f8db87;
    font: 400 27px/1 Arial, sans-serif;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.fd-race-close:hover { transform: rotate(8deg) scale(1.06); background: #211b10; border-color: #f7d778; }
.fd-race-close:focus-visible, .fd-race-button:focus-visible, .fd-race-link:focus-visible { outline: 3px solid #45d7ca; outline-offset: 3px; }

.fd-race-content { padding: 30px 44px 27px; text-align: center; }
.fd-race-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 6px 18px;
    border: 1px solid rgba(215,166,41,.68);
    border-radius: 999px;
    color: #f7d778;
    background: rgba(9,14,19,.72);
    font-size: .9rem;
    font-weight: 900;
    letter-spacing: .02em;
}
.fd-race-kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #45d7ca; box-shadow: 0 0 16px #45d7ca; }
.fd-race-title { margin: 15px auto 5px; max-width: 820px; color: #fff8e8; font-size: clamp(2rem, 4.4vw, 3.7rem); line-height: 1.05; font-weight: 950; letter-spacing: -.035em; text-shadow: 0 4px 25px rgba(0,0,0,.55); }
.fd-race-title strong { color: var(--race-gold-light); font-weight: 950; }
.fd-race-subtitle { margin: 0; color: #f3d681; font-size: clamp(1.05rem, 2vw, 1.35rem); font-weight: 850; }
.fd-race-support { margin: 8px 0 0; color: #cbd2d8; font-size: .98rem; font-weight: 600; }

.fd-race-scene {
    position: relative;
    height: clamp(205px, 31vh, 268px);
    margin: 18px -10px 7px;
    overflow: hidden;
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(4,8,12,.05), rgba(4,8,12,.08) 62%, rgba(4,8,12,.5)),
        url("daily-race-scene-wide.webp?v=2") center 48% / cover no-repeat;
    border: 1px solid rgba(215,166,41,.28);
    box-shadow: inset 0 -30px 45px rgba(0,0,0,.38), 0 12px 34px rgba(0,0,0,.35);
}
.fd-race-scene::before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(105deg,transparent 28%,rgba(255,235,173,.18) 46%,transparent 62%); transform:translateX(-120%); }
.fd-race-overlay.is-open .fd-race-scene::before { animation:fdRaceSweep 3.8s ease-in-out 1.2s infinite; }
@keyframes fdRaceSweep { 0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)} }
.fd-race-skyline,.fd-race-road,.fd-race-lane,.fd-race-light,.fd-race-car { display:none!important; }
.fd-race-skyline { position: absolute; inset: 25% 0 auto; height: 75px; opacity: .5; background: linear-gradient(90deg, transparent 3%, #263039 3% 7%, transparent 7% 9%, #1e2830 9% 13%, transparent 13% 17%, #2d3439 17% 20%, transparent 20% 72%, #293139 72% 76%, transparent 76% 82%, #1c252c 82% 89%, transparent 89%); clip-path: polygon(0 100%,0 42%,4% 42%,4% 20%,8% 20%,8% 58%,12% 58%,12% 32%,16% 32%,16% 65%,21% 65%,21% 38%,26% 38%,26% 70%,31% 70%,31% 48%,37% 48%,37% 68%,43% 68%,43% 35%,48% 35%,48% 65%,53% 65%,53% 45%,59% 45%,59% 70%,65% 70%,65% 30%,70% 30%,70% 59%,75% 59%,75% 39%,80% 39%,80% 69%,86% 69%,86% 26%,91% 26%,91% 55%,96% 55%,96% 42%,100% 42%,100% 100%); }
.fd-race-road { position: absolute; left: 10%; right: 10%; bottom: -28px; height: 175px; background: linear-gradient(90deg, #07090a, #20252a 50%, #07090a); clip-path: polygon(41% 0,59% 0,100% 100%,0 100%); }
.fd-race-road::after { content:""; position:absolute; left:49.5%; top:8px; width:1%; height:145px; background:repeating-linear-gradient(to bottom,rgba(255,255,255,.9) 0 14px,transparent 14px 28px); transform:perspective(140px) rotateX(30deg); transform-origin:top; opacity:.86; }
.fd-race-lane { position:absolute; inset:auto 0 18px; height:3px; background:linear-gradient(90deg,transparent,#d7a629 12%,#fff2bd 50%,#d7a629 88%,transparent); box-shadow:0 0 18px rgba(215,166,41,.7); }
.fd-race-light { position:absolute; z-index:5; top:4%; left:50%; transform:translateX(-50%); display:flex!important; gap:clamp(5px, .7vw, 8px); padding:clamp(7px, .8vw, 10px) clamp(10px, 1vw, 14px); border:1px solid rgba(215,166,41,.72); border-radius:10px; background:linear-gradient(180deg,#11171b,#030506); box-shadow:0 0 0 5px rgba(3,5,6,.92),0 9px 28px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08); }
.fd-race-light::before { content:""; position:absolute; left:50%; bottom:100%; width:3px; height:24px; transform:translateX(-50%); background:#11171b; box-shadow:0 0 0 1px rgba(215,166,41,.2); }
.fd-race-bulb { position:relative; width:clamp(13px,1.75vw,21px); height:clamp(13px,1.75vw,21px); border:1px solid rgba(255,255,255,.07); border-radius:50%; background:#202428; box-shadow:inset 0 3px 7px rgba(0,0,0,.95); }
.fd-race-bulb::after { content:""; position:absolute; inset:2px 4px auto; height:27%; border-radius:50%; background:rgba(255,255,255,.16); }
.fd-race-overlay.is-open .fd-race-bulb:nth-child(1) { animation: fdRaceRed 3s ease infinite; }
.fd-race-overlay.is-open .fd-race-bulb:nth-child(2) { animation: fdRaceAmber 3s ease infinite; }
.fd-race-overlay.is-open .fd-race-bulb:nth-child(3) { animation: fdRaceGreen 3s ease infinite; }
@keyframes fdRaceRed { 0%,23% {background:#ec4036;box-shadow:0 0 7px #ec4036,0 0 23px rgba(236,64,54,.9)} 24%,100% {background:#202428;box-shadow:inset 0 3px 7px rgba(0,0,0,.95)} }
@keyframes fdRaceAmber { 0%,31% {background:#202428;box-shadow:inset 0 3px 7px rgba(0,0,0,.95)} 32%,55% {background:#f1b72f;box-shadow:0 0 7px #f1b72f,0 0 23px rgba(241,183,47,.9)} 56%,100% {background:#202428;box-shadow:inset 0 3px 7px rgba(0,0,0,.95)} }
@keyframes fdRaceGreen { 0%,63% {background:#202428;box-shadow:inset 0 3px 7px rgba(0,0,0,.95)} 64%,91% {background:#43dc79;box-shadow:0 0 8px #43dc79,0 0 25px rgba(67,220,121,.95)} 92%,100% {background:#202428;box-shadow:inset 0 3px 7px rgba(0,0,0,.95)} }

.fd-race-car { position:absolute; left:50%; bottom:23px; width:150px; height:72px; transform:translateX(-50%); filter:drop-shadow(0 15px 13px rgba(0,0,0,.72)); }
.fd-race-car-body { position:absolute; left:8px; right:8px; bottom:13px; height:38px; border:2px solid #f4c953; border-radius:46% 46% 22% 22% / 62% 62% 32% 32%; background:linear-gradient(165deg,#eceff1 0%,#8f9aa3 45%,#29323a 46%,#11171c 100%); box-shadow:inset 0 8px 12px rgba(255,255,255,.32),0 0 20px rgba(215,166,41,.25); }
.fd-race-car-roof { position:absolute; left:34px; right:34px; top:3px; height:35px; border:2px solid #cfa43d; border-bottom:0; border-radius:50% 50% 10% 10%; background:linear-gradient(140deg,#20303a,#090e12); }
.fd-race-car-window { position:absolute; left:47px; right:47px; top:11px; height:19px; border-radius:40% 40% 10% 10%; background:linear-gradient(140deg,#5e899e,#14222b); opacity:.85; }
.fd-race-wheel { position:absolute; bottom:5px; width:27px; height:27px; border:5px solid #050607; border-radius:50%; background:#606971; box-shadow:inset 0 0 0 4px #15191c; }
.fd-race-wheel.start { left:20px; } .fd-race-wheel.end { right:20px; }
.fd-race-tail { position:absolute; bottom:30px; width:24px; height:6px; border-radius:6px; background:#f24232; box-shadow:0 0 13px #f24232; }
.fd-race-tail.start {left:13px}.fd-race-tail.end{right:13px}
.fd-race-overlay.is-open .fd-race-car { animation:fdRaceIdle 2.1s ease-in-out infinite; }
@keyframes fdRaceIdle { 0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)} }

.fd-race-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:min(720px,100%); margin:0 auto 16px; }
.fd-race-stat { display:flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:8px 10px; border:1px solid rgba(215,166,41,.5); border-radius:14px; background:rgba(7,12,17,.7); color:#f3ead5; font-size:.9rem; font-weight:800; }
.fd-race-stat svg { width:19px; height:19px; stroke:#edc55f; fill:none; stroke-width:1.8; flex:0 0 auto; }
.fd-race-button { width:min(470px,100%); min-height:58px; padding:13px 28px; border:1px solid #ffe39a; border-radius:18px; background:linear-gradient(135deg,#f8dc89,#d49c22); color:#17130b; box-shadow:0 7px 25px rgba(215,166,41,.3),inset 0 1px 0 rgba(255,255,255,.72); font-family:inherit; font-size:clamp(1rem,2vw,1.25rem); line-height:1.2; font-weight:950; cursor:pointer; transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; }
.fd-race-button:hover { transform:translateY(-2px); filter:brightness(1.04); box-shadow:0 12px 35px rgba(215,166,41,.42),inset 0 1px 0 rgba(255,255,255,.72); }
.fd-race-actions { display:flex; justify-content:center; align-items:center; gap:28px; margin-top:15px; }
.fd-race-link { border:0; border-bottom:1px solid rgba(247,215,120,.58); padding:3px 0; background:transparent; color:#e7d49f; font-family:inherit; font-size:.9rem; line-height:1.2; font-weight:750; cursor:pointer; }
.fd-race-link:hover { color:#fff4d2; border-color:#fff4d2; }

@media (max-width: 700px) {
    .fd-race-overlay { padding: 9px; align-items: end; }
    .fd-race-modal { width:100%; max-height:calc(100dvh - 18px); border-radius:24px 24px 18px 18px; }
    .fd-race-content { padding:22px 16px 24px; }
    .fd-race-close { width:38px;height:38px;top:13px;inset-inline-start:13px;font-size:24px; }
    .fd-race-kicker { min-height:30px;padding:4px 13px;font-size:.78rem; }
    .fd-race-title { margin-top:14px; font-size:clamp(1.75rem,8vw,2.45rem); max-width:90%; }
    .fd-race-subtitle { font-size:.98rem; }
    .fd-race-support { font-size:.82rem; }
    .fd-race-scene { height:210px; margin:15px -6px 6px; }
    .fd-race-light { top:7%; }
    .fd-race-car { width:128px; transform:translateX(-50%) scale(.9); transform-origin:bottom center; }
    .fd-race-overlay.is-open .fd-race-car { animation:fdRaceIdleMobile 2.1s ease-in-out infinite; }
    @keyframes fdRaceIdleMobile {0%,100%{transform:translateX(-50%) scale(.9) translateY(0)}50%{transform:translateX(-50%) scale(.9) translateY(-3px)}}
    .fd-race-stats { grid-template-columns:repeat(3,1fr); gap:6px; }
    .fd-race-stat { flex-direction:column;gap:2px;min-height:53px;padding:6px 3px;font-size:.69rem;line-height:1.15; }
    .fd-race-stat svg { width:17px;height:17px; }
    .fd-race-button { min-height:54px;border-radius:16px;font-size:1rem; }
    .fd-race-actions { gap:20px;margin-top:13px; }
    .fd-race-link { font-size:.8rem; }
}

@media (max-height: 690px) and (max-width:700px) {
    .fd-race-content { padding-top:16px;padding-bottom:17px; }
    .fd-race-title { font-size:1.65rem;margin-top:9px; }
    .fd-race-support { display:none; }
    .fd-race-scene { height:170px;margin-top:10px; }
    .fd-race-stats { margin-bottom:10px; }
}

@media (prefers-reduced-motion: reduce) {
    .fd-race-modal,.fd-race-overlay,.fd-race-button { transition:none!important; }
    .fd-race-car,.fd-race-bulb { animation:none!important; }
    .fd-race-bulb:nth-child(3) { background:#46d679;box-shadow:0 0 16px #46d679; }
}

/* Driver onboarding: shared markup and styling for Hebrew and Arabic. */
.fd-race-view[hidden] { display:none!important; }
.fd-race-view.is-entering { animation:fdRaceViewIn .38s cubic-bezier(.2,.8,.2,1) both; }
@keyframes fdRaceViewIn { from{opacity:0;transform:translateY(14px) scale(.985)} to{opacity:1;transform:none} }

.fd-race-setup,.fd-race-ready { padding:32px 44px 30px;text-align:center; }
.fd-race-setup-title { margin:15px 0 5px;color:#fff8e8;font-size:clamp(2rem,3.5vw,3rem);line-height:1.08;font-weight:950;letter-spacing:-.035em; }
.fd-race-setup-sub { margin:0 auto 24px;max-width:620px;color:#bfc8cf;font-size:1rem;line-height:1.55;font-weight:600; }
.fd-race-setup-grid { display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:22px;margin:26px 0 24px;text-align:start; }
.fd-race-fields,.fd-race-garage { padding:20px;border:1px solid rgba(215,166,41,.26);border-radius:18px;background:rgba(4,8,12,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.03); }
.fd-race-field { display:block;margin-bottom:18px;color:#f8eac4;font-size:.92rem;font-weight:850; }
.fd-race-field:last-child { margin-bottom:0; }
.fd-race-field>span:first-child,.fd-race-section-label { display:block;margin-bottom:8px;color:#f3d681;font-weight:900; }
.fd-race-field input,.fd-race-field select { width:100%;height:50px;box-sizing:border-box;border:1px solid rgba(215,166,41,.42);border-radius:12px;padding:0 14px;background:#101821;color:#fff8e8;font-family:inherit;font-size:1rem;line-height:1;font-weight:750;outline:none;transition:border-color .2s,box-shadow .2s,background .2s; }
.fd-race-field input:focus,.fd-race-field select:focus { border-color:#45d7ca;background:#121d27;box-shadow:0 0 0 3px rgba(69,215,202,.15); }
.fd-race-field select { cursor:pointer;color-scheme:dark; }
.fd-race-field small { display:block;margin-top:7px;color:#89959f;font-size:.76rem;font-weight:600; }
.fd-race-error { display:block;margin-top:7px;color:#ff8d83;font-size:.78rem;font-weight:800; }
.fd-race-error[hidden] { display:none!important; }
.fd-race-section-label { text-align:start;font-size:.92rem; }
.fd-race-car-options { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
.fd-race-car-choice { min-width:0;padding:11px 5px 9px;border:1px solid rgba(215,166,41,.22);border-radius:13px;background:#111a22;color:#b9c2c9;font-family:inherit;font-size:.72rem;line-height:1.2;font-weight:750;cursor:pointer;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s; }
.fd-race-car-choice:hover { transform:translateY(-2px);border-color:rgba(247,215,120,.65); }
.fd-race-car-choice[aria-pressed="true"] { border-color:#45d7ca;background:linear-gradient(180deg,rgba(69,215,202,.13),rgba(17,26,34,.98));color:#fff8e8;box-shadow:0 0 0 2px rgba(69,215,202,.12),0 9px 22px rgba(0,0,0,.24); }
.fd-race-car-choice>span:last-child { display:block;margin-top:5px;white-space:nowrap; }

.fd-car-render { position:relative;display:block;width:100%;height:64px;margin:0 auto;filter:drop-shadow(0 10px 8px rgba(0,0,0,.58));transition:transform .22s ease,filter .22s ease; }
.fd-car-render img { display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none;pointer-events:none; }
.fd-race-car-choice:hover .fd-car-render { transform:translateY(-2px) scale(1.035); }
.fd-race-car-choice[aria-pressed="true"] .fd-car-render { transform:scale(1.06);filter:drop-shadow(0 10px 9px rgba(0,0,0,.62)) drop-shadow(0 0 10px rgba(69,215,202,.18)); }

.fd-race-profile-preview { margin-top:15px;padding:12px 14px;border-radius:13px;background:linear-gradient(100deg,rgba(215,166,41,.11),rgba(69,215,202,.08));border:1px solid rgba(215,166,41,.2); }
.fd-race-profile-preview>span { display:block;margin-bottom:8px;color:#8f9ba4;font-size:.72rem;font-weight:750; }
.fd-race-profile-preview>div { display:grid;grid-template-columns:86px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px; }
.fd-race-profile-preview .fd-car-render { grid-row:1/3;width:86px;height:58px; }
.fd-race-profile-preview strong { align-self:end;color:#fff8e8;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.fd-race-profile-preview small { align-self:start;color:#45d7ca;font-size:.75rem;font-weight:750; }
.fd-race-back { display:block;margin:16px auto 0; }

.fd-race-ready { min-height:590px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center; }
.fd-race-ready-stage { position:relative;width:min(430px,88%);height:175px;margin:20px auto 8px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:linear-gradient(180deg,#131e27,#080c10);border:1px solid rgba(215,166,41,.28); }
.fd-race-ready-stage::after { content:"";position:absolute;left:8%;right:8%;bottom:31px;height:3px;background:linear-gradient(90deg,transparent,#f1cd69 18%,#fff6ce 50%,#f1cd69 82%,transparent);box-shadow:0 0 18px rgba(241,205,105,.65); }
.fd-race-ready-glow { position:absolute;width:220px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(69,215,202,.23),transparent 68%);filter:blur(3px); }
.fd-race-ready-car { position:relative;z-index:2;width:min(330px,86%);height:150px;margin-top:4px;filter:drop-shadow(0 18px 13px rgba(0,0,0,.7));animation:fd-ready-car-arrive .75s cubic-bezier(.2,.8,.2,1) both; }
@keyframes fd-ready-car-arrive { from { opacity:0;transform:translateX(-28px) scale(.9); } to { opacity:1;transform:translateX(0) scale(1); } }
.fd-race-ready-greeting { margin:4px 0 5px;color:#f3d681;font-size:1.25rem;font-weight:900; }
.fd-race-ready-license { margin:-12px 0 21px;padding:7px 14px;border-radius:999px;background:rgba(69,215,202,.1);border:1px solid rgba(69,215,202,.28);color:#7ce9df;font-size:.83rem;font-weight:800; }

@media (max-width:700px) {
    .fd-race-setup,.fd-race-ready { padding:22px 15px 24px; }
    .fd-race-setup-title { margin-top:12px;font-size:1.9rem; }
    .fd-race-setup-sub { margin-bottom:16px;font-size:.85rem; }
    .fd-race-setup-grid { grid-template-columns:1fr;gap:10px;margin:16px 0; }
    .fd-race-fields,.fd-race-garage { padding:14px; }
    .fd-race-field { margin-bottom:13px;font-size:.82rem; }
    .fd-race-field input,.fd-race-field select { height:46px;font-size:.9rem; }
    .fd-race-car-options { grid-template-columns:repeat(4,minmax(0,1fr));gap:5px; }
    .fd-race-car-choice { padding:8px 2px 7px;font-size:.62rem; }
    .fd-car-render { height:52px; }
    .fd-race-profile-preview { margin-top:10px;padding:9px 11px; }
    .fd-race-profile-preview>div { grid-template-columns:72px 1fr; }
    .fd-race-profile-preview .fd-car-render { width:72px;height:48px; }
    .fd-race-setup .fd-race-button { min-height:51px; }
    .fd-race-back { margin-top:12px; }
    .fd-race-ready { min-height:640px; }
    .fd-race-ready-stage { height:190px;margin-top:15px; }
    .fd-race-ready-car { width:min(300px,90%);height:138px; }
}

@media (max-width:390px) {
    .fd-race-car-options { grid-template-columns:repeat(2,1fr); }
    .fd-race-car-choice { display:flex;align-items:center;justify-content:center;gap:4px; }
    .fd-race-car-choice>span:last-child { margin-top:0; }
}

@media (prefers-reduced-motion:reduce) { .fd-race-view.is-entering,.fd-race-ready-car { animation:none!important; } }

/* Persistent side start tag shown after the daily-race banner closes. */
.fd-race-dock { position:absolute;z-index:40;left:16px;bottom:3px;width:378px;max-width:calc(100% - 32px);opacity:0;transform:translateX(-28px) scale(.96);transform-origin:left center;pointer-events:none;transition:width .55s cubic-bezier(.2,.82,.2,1),opacity .28s ease,transform .55s cubic-bezier(.2,.82,.2,1); }
.fd-race-dock.is-visible { opacity:1;transform:none;pointer-events:auto; }
.fd-race-dock-trigger { position:relative;width:100%;height:84px;display:grid;grid-template-columns:110px minmax(0,1fr) 16px;align-items:center;gap:6px;box-sizing:border-box;padding:8px 10px 8px 8px;overflow:hidden;border:1px solid rgba(232,190,75,.74);border-radius:18px 18px 18px 5px;background:radial-gradient(circle at 13% 50%,rgba(69,215,202,.18),transparent 34%),linear-gradient(112deg,rgba(17,29,39,.98),rgba(7,11,15,.98) 67%,rgba(35,27,11,.98));box-shadow:0 15px 35px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08);color:#fff8e8;font-family:inherit;cursor:pointer;direction:ltr;transition:height .55s cubic-bezier(.2,.82,.2,1),border-radius .35s ease,box-shadow .2s ease; }
.fd-race-dock-trigger::after { content:"";position:absolute;inset:-25% auto -25% -34%;width:24%;transform:skewX(-17deg);background:rgba(255,238,185,.25);filter:blur(2px); }
.fd-race-dock.is-visible:not(.is-settled) .fd-race-dock-trigger::after { animation:fdDockSweep 1.3s ease .75s both; }
.fd-race-dock-trigger:hover { border-color:#f6d87b;box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 0 2px rgba(69,215,202,.13); }
.fd-race-dock-trigger:focus-visible { outline:3px solid #45d7ca;outline-offset:3px; }
.fd-race-dock-road { position:relative;width:110px;height:65px;overflow:hidden;border:1px solid rgba(215,166,41,.32);border-radius:12px;background:linear-gradient(180deg,#172733 0 34%,#292d30 34% 82%,#0a1114 82%);direction:ltr;transition:width .55s cubic-bezier(.2,.82,.2,1),height .55s cubic-bezier(.2,.82,.2,1); }
.fd-race-dock-road::after { content:"";position:absolute;left:0;right:0;top:60%;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.78) 0 15px,transparent 15px 27px); }
.fd-race-dock-road img { position:absolute;z-index:3;left:50%;bottom:-1px;width:88px;height:55px;object-fit:contain;opacity:.2;transform:translateX(-180%) rotate(-2deg);filter:drop-shadow(0 5px 4px rgba(0,0,0,.68)); }
.fd-race-dock.is-visible .fd-race-dock-road img { animation:fdDockCarIn 1.05s cubic-bezier(.14,.82,.22,1) .18s forwards; }
.fd-race-dock-light { position:absolute;z-index:6;top:5px;right:6px;display:flex;gap:2px;padding:3px 4px;border:1px solid rgba(215,166,41,.45);border-radius:5px;background:#05080a; }
.fd-race-dock-light i { width:5px;height:5px;border-radius:50%;background:#30383d; }
.fd-race-dock.is-visible:not(.is-settled) .fd-race-dock-light i:nth-child(1){animation:fdDockRed 1.25s ease .15s both}.fd-race-dock.is-visible:not(.is-settled) .fd-race-dock-light i:nth-child(2){animation:fdDockAmber 1.25s ease .15s both}.fd-race-dock.is-visible:not(.is-settled) .fd-race-dock-light i:nth-child(3){animation:fdDockGreen 1.25s ease .15s both}
.fd-race-dock-flag { position:absolute;z-index:5;left:7px;top:7px;width:26px;height:20px;clip-path:polygon(0 0,100% 0,83% 50%,100% 100%,0 100%);background:conic-gradient(#f4f1e8 25%,#151719 0 50%,#f4f1e8 0 75%,#151719 0) 0 0/10px 10px;transform:translateY(-18px) rotate(-10deg);opacity:0; }
.fd-race-dock.is-visible:not(.is-settled) .fd-race-dock-flag { animation:fdDockFlag .65s cubic-bezier(.18,.88,.28,1.2) 1.05s forwards; }
.fd-race-dock-copy { min-width:0;text-align:right;direction:rtl;transition:opacity .28s ease,transform .45s ease; }
.fd-race-dock-copy>span { display:inline-flex;align-items:center;gap:6px;color:#74e8de;font-size:.76rem;font-weight:950;white-space:nowrap; }
.fd-race-dock-copy>span::before { content:"";width:6px;height:6px;border-radius:50%;background:#45d7ca;box-shadow:0 0 10px #45d7ca; }
.fd-race-dock-copy strong,.fd-race-dock-copy small { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.fd-race-dock-copy strong { margin-top:3px;color:#fff4d7;font-size:.95rem;line-height:1.25;font-weight:950; }
.fd-race-dock-copy small { margin-top:3px;color:#a8b1b7;font-size:.66rem;font-weight:700; }
.fd-race-dock-arrow { color:#e7bd4e;font-size:1.55rem;font-weight:300;line-height:1;transition:transform .25s ease; }
.fd-race-dock-trigger:hover .fd-race-dock-arrow { transform:translateX(-3px); }
.fd-race-dock.is-settled { width:194px; }
.fd-race-dock.is-settled .fd-race-dock-trigger { height:59px;grid-template-columns:69px minmax(0,1fr) 16px;border-radius:15px 15px 15px 4px; }
.fd-race-dock.is-settled .fd-race-dock-road { width:68px;height:43px; }
.fd-race-dock.is-settled .fd-race-dock-road img { width:61px;height:40px;animation:none;opacity:1;transform:translateX(-50%) rotate(-2deg); }
.fd-race-dock.is-settled .fd-race-dock-light,.fd-race-dock.is-settled .fd-race-dock-flag,.fd-race-dock.is-settled .fd-race-dock-copy strong,.fd-race-dock.is-settled .fd-race-dock-copy small { display:none; }
.fd-race-dock.is-settled .fd-race-dock-copy>span { font-size:.68rem;white-space:normal;line-height:1.2; }
@keyframes fdDockCarIn { 0%{transform:translateX(-180%) rotate(-2deg);opacity:.2}68%{transform:translateX(-43%) rotate(-2deg)}82%{transform:translateX(-55%) rotate(-2deg)}100%{transform:translateX(-50%) rotate(-2deg);opacity:1} }
@keyframes fdDockFlag { to{transform:translateY(0) rotate(0);opacity:1} }
@keyframes fdDockSweep { to{left:125%} }
@keyframes fdDockRed {0%,25%{background:#e94b41;box-shadow:0 0 7px #e94b41}26%,100%{background:#30383d;box-shadow:none}}
@keyframes fdDockAmber {0%,30%{background:#30383d}31%,55%{background:#f1b72f;box-shadow:0 0 7px #f1b72f}56%,100%{background:#30383d;box-shadow:none}}
@keyframes fdDockGreen {0%,61%{background:#30383d}62%,100%{background:#43dc79;box-shadow:0 0 8px #43dc79}}
@media(max-width:700px){.fd-race-dock,.fd-race-dock.is-settled{position:fixed;left:10px;bottom:calc(76px + env(safe-area-inset-bottom));width:58px;max-width:none;transform:translateX(-18px) scale(.92);transform-origin:center}.fd-race-dock.is-visible{transform:none}.fd-race-dock-trigger,.fd-race-dock.is-settled .fd-race-dock-trigger{width:58px;height:58px;display:block;padding:5px;border-radius:50%;box-shadow:0 10px 26px rgba(0,0,0,.42),0 0 0 2px rgba(215,166,41,.12)}.fd-race-dock-road,.fd-race-dock.is-settled .fd-race-dock-road{display:block;width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 25%,#1a303d,#0a1015 68%)}.fd-race-dock-road::after{top:66%;height:1px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.7) 0 8px,transparent 8px 13px)}.fd-race-dock-road img,.fd-race-dock.is-settled .fd-race-dock-road img{width:44px;height:38px;bottom:0;animation:none;opacity:1;transform:translateX(-50%) rotate(-2deg)}.fd-race-dock-light,.fd-race-dock-copy,.fd-race-dock-arrow{display:none}.fd-race-dock-flag,.fd-race-dock.is-settled .fd-race-dock-flag{display:block;left:3px;top:3px;width:17px;height:13px;transform:none;opacity:1}.fd-race-dock-trigger::after{display:none}}
@media(prefers-reduced-motion:reduce){.fd-race-dock,.fd-race-dock-trigger,.fd-race-dock-road,.fd-race-dock-road img,.fd-race-dock-flag{animation:none!important;transition:none!important}.fd-race-dock.is-visible .fd-race-dock-road img{transform:translateX(-50%) rotate(-2deg);opacity:1}.fd-race-dock.is-visible .fd-race-dock-flag{transform:none;opacity:1}}