/* council-v1.3: Wybierz drogę → skręt → landing trasy (Excel + AI). Warstwa nad sceną 5 i samodzielny /excel-ai/. */
#route-film{position:fixed;inset:0;z-index:35;background:var(--deep)}
#route-film[hidden]{display:none}
.rf-film{position:absolute;inset:0;overflow:hidden}
.rf-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;opacity:0;transition:opacity .12s linear}
.rf-film video.is-visible{opacity:1}
.rf-film::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,28,46,.92) 0%,rgba(12,28,46,.7) 30%,rgba(12,28,46,.22) 62%,rgba(12,28,46,.18)),linear-gradient(0deg,rgba(12,28,46,.8),transparent 45%);opacity:0;transition:opacity .4s linear}
body[data-route-state="landing"] .rf-film::after{opacity:1}
@media (orientation:portrait){.rf-film::after{background:linear-gradient(180deg,rgba(12,28,46,.25) 0%,rgba(12,28,46,.62) 42%,rgba(12,28,46,.94) 100%)}}
@media (prefers-reduced-motion:reduce){.rf-film video,.rf-film::after{transition:none}}

.rf-landing{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;outline:none;opacity:0;transition:opacity .45s var(--ease)}
.rf-landing[hidden]{display:none}
body[data-route-state="landing"] .rf-landing{opacity:1}
.rf-top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px var(--gutter);background:linear-gradient(180deg,rgba(12,28,46,.85),transparent)}
.rf-brand img{width:150px;height:auto}
.rf-back{font-size:11px;font-weight:600;color:var(--teal-soft);padding:9px 14px;border:1px solid var(--line);border-radius:99px;background:var(--glass);backdrop-filter:blur(8px)}
.rf-back:hover,.rf-back:focus-visible{border-color:var(--teal)}
.rf-main{position:relative;z-index:1;padding:5vh var(--gutter) 12vh;max-width:1180px}
.rf-hero{min-height:calc(100dvh - 140px);display:flex;flex-direction:column;justify-content:center;max-width:860px}
.rf-hero h1{font-size:clamp(38px,5.4vw,84px);max-width:17ch}
.rf-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.rf-cta .button{margin-top:22px}
.rf-cta .button--ghost{border:1px solid var(--line);background:var(--glass);color:var(--ink);backdrop-filter:blur(8px)}
.rf-cta .button--ghost:hover{border-color:var(--teal)}
.rf-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:14px;margin-top:6vh}
.rf-card{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--glass);backdrop-filter:blur(10px)}
.rf-card h2{font-size:clamp(20px,1.7vw,26px);letter-spacing:-.035em;line-height:1.15;margin-bottom:12px}
.rf-card p{font-size:13px;line-height:1.8;color:var(--muted)}
.rf-note{margin-top:40px;font-size:11px;color:var(--faint);max-width:60ch}
.rf-wait{min-height:1.4em;margin-top:12px;font-size:11px;color:var(--teal-soft)}

/* scena 5 podczas przygotowania i skrętu */
body[data-route-state="preparing"] .route-card:not(.is-active),body[data-route-state="waiting"] .route-card:not(.is-active),body[data-route-state="preparing"] .route-help,body[data-route-state="waiting"] .route-help,body[data-route-state="turning"] .scene--routes .scene-inner{opacity:0;transition:opacity .35s ease;pointer-events:none}
body[data-route-state="waiting"] .route-card.is-active,body[data-route-state="preparing"] .route-card.is-active{border-color:rgba(251,161,27,.7)}
@media (max-width:700px){.rf-brand img{width:118px}.rf-top{padding:16px var(--gutter)}.rf-main{padding-top:2vh}.rf-hero{min-height:calc(100dvh - 120px)}.rf-card{padding:18px}}