.scene>.taxi-cinema{position:absolute;inset:0;z-index:10;overflow:hidden;background:#182d30;pointer-events:none;opacity:0;transition:opacity .55s ease}
.scene.cinema-ready>.taxi-cinema{opacity:1}
.taxi-cinema img,.taxi-cinema video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.taxi-cinema-video{opacity:0;transition:opacity .35s ease}
.cinema-playing .taxi-cinema-video{opacity:1}
.taxi-cinema:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#061d272e,transparent 28%,transparent 72%,#0a252b4d);pointer-events:none}
.scene.cinema-ready>.scene-caption{z-index:20;background:#f8f2e4e8;backdrop-filter:blur(8px)}
.scene.cinema-ready>.ride-meter{z-index:25}
.scene.cinema-ready>:is(.sky,.city,.city-lines,.road,.taxi,.stop-sign,.waiting-passenger,.speed-strokes,.scene-grain,.rain,.rain-splashes,.journey-mist,.journey-wet-road,.journey-weather,.street-caption){visibility:hidden}
.scene.cinema-ready[data-cinema-state=boarding]>.taxi-cinema{animation:taxi-cinema-board .7s ease-out}
.scene.cinema-ready>.journey-weather{visibility:visible;z-index:20;top:auto;bottom:100px;left:18px;background:#102a32d9;color:#fff;border:1px solid #ffffff38;padding:6px 10px;border-radius:8px;pointer-events:none}
.taxi-pause-control{width:100%;margin-bottom:12px;min-height:44px}
@media(max-width:650px) and (orientation:portrait){.scene.cinema-ready>.journey-weather{bottom:12px;left:12px;font-size:11px}}
@keyframes taxi-cinema-board{from{filter:brightness(.7)}to{filter:brightness(1)}}
@media(prefers-reduced-motion:reduce){.scene>.taxi-cinema,.taxi-cinema-video{transition:none!important;animation:none!important}}