.race-cinematic{position:fixed;inset:0;z-index:50;color:#fff2d7;pointer-events:none;background:linear-gradient(180deg,rgba(12,12,24,.92) 0%,rgba(12,12,24,.05) 18%,transparent 53%,rgba(12,12,24,.90) 100%);font-family:inherit;isolation:isolate}
.race-cinematic[hidden]{display:none}
.cinema-top{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 4vw;border-top:8px solid #11101b;font-size:12px;font-weight:800;letter-spacing:.18em}
.cinema-top button{pointer-events:auto;min-width:92px;min-height:46px;color:#fff2d7;background:#141927e8;border:1px solid #fff2d76b;border-radius:3px;padding:10px 16px;font:inherit;letter-spacing:.13em;cursor:pointer}
.cinema-top button:focus-visible{outline:3px solid var(--cinema-accent,#ffbc65);outline-offset:4px}
.cinema-copy{position:absolute;left:5vw;right:5vw;bottom:6vh;max-width:920px;text-shadow:0 2px 12px #000}
.cinema-copy p:first-child{color:var(--cinema-accent,#ffbc65);font-size:12px;letter-spacing:.27em;font-weight:800;margin:0 0 10px}
.cinema-copy h2{font-size:clamp(28px,4.6vw,66px);line-height:1.02;letter-spacing:-.025em;margin:0 0 12px;font-weight:950;max-width:100%;overflow-wrap:break-word}
.cinema-copy p:last-child{font-size:clamp(13px,1.4vw,18px);line-height:1.45;max-width:720px;margin:0;color:#eddfca}
.cinema-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#ffffff20}
.cinema-progress i{display:block;height:100%;background:var(--cinema-accent,#ffbc65);transform-origin:left;transform:scaleX(0)}
@media(max-width:600px){.cinema-top{padding:12px 16px;font-size:10px;letter-spacing:.1em;align-items:flex-start}.cinema-top>span{max-width:170px;line-height:1.6}.cinema-copy{left:22px;right:22px;bottom:7vh}.cinema-copy h2{font-size:32px;line-height:1.05}.cinema-copy p:last-child{font-size:14px}.cinema-copy p:first-child{font-size:10px}.race-cinematic{background:linear-gradient(180deg,#0c0c18e8,transparent 22%,transparent 56%,#0c0c18f2)}}
@media(max-height:500px){.cinema-top{padding:8px 18px;font-size:10px;border-top-width:3px}.cinema-top button{min-height:44px;padding:7px 12px}.cinema-copy{left:4vw;right:14vw;bottom:5vh}.cinema-copy h2{font-size:28px;margin-bottom:6px}.cinema-copy p:first-child{font-size:9px;margin-bottom:4px}.cinema-copy p:last-child{font-size:12px}}
body.cinematic-active #status-line{visibility:hidden}
.cinema-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;filter:brightness(.56);pointer-events:none}