.hole-flyover{position:fixed;inset:0;z-index:160;color:#fff0ce;pointer-events:none;background:linear-gradient(0deg,#03121bc9,transparent 48%)}
.hole-flyover header{display:flex;align-items:center;justify-content:space-between;margin:24px 32px;gap:20px;font:14px Arial,sans-serif;letter-spacing:.14em;text-shadow:0 2px 4px #000}
.hole-flyover button,.hole-flyover article{pointer-events:auto}
.hole-flyover article{position:absolute;bottom:24px;left:32px;width:min(610px,calc(100% - 64px));padding:20px 24px;background:#061b27ed;border-left:3px solid #bd315c;box-shadow:0 10px 30px #0006}
.hole-flyover h2{font:clamp(25px,3vw,38px)/1.1 var(--comic-type);margin:6px 0 12px;color:#fff0ce}
.hole-flyover p{font:16px/1.5 Arial,sans-serif;margin:0 0 16px}.hole-flyover #flyover-step{font:12px Arial,sans-serif;color:#d2b98d;letter-spacing:.13em}
.flyover-actions{display:flex;gap:12px;align-items:center}.flyover-actions button{min-height:42px;font:18px var(--comic-type);padding:8px 16px;box-shadow:none;transform:none}.flyover-actions button:disabled{opacity:.4}
.hole-flyover footer{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:16px;font:12px Arial,sans-serif;color:#a9bbc4}.hole-flyover .text-button{font:12px Arial,sans-serif;color:#e8d6b3;padding:4px 0;background:none;border:0}
body[data-screen=flyover] :is(#intro,#result,#game-hud,#toast,#interact,#save-status,#mouse-capture,#putting){display:none!important}
.cinematic-flyover{background:linear-gradient(180deg,#03121b66,transparent 20%,transparent 80%,#03121b99)}
.cinematic-flyover header{align-items:flex-start}.cinematic-flyover header span{font-size:11px;color:#ddc998}.cinematic-flyover h2{font-size:24px;font-weight:400;letter-spacing:.03em;margin:8px 0}
.broadcast-controls{position:absolute;bottom:24px;right:32px;display:flex;gap:20px;align-items:center;font:11px Arial,sans-serif;color:#e8d6b3;text-shadow:0 1px 3px #000}
.broadcast-controls .secondary{min-height:38px;padding:6px 16px;font:16px var(--comic-type);box-shadow:none;transform:none;background:#071b2899}
.broadcast-controls .text-button{font-size:11px;letter-spacing:.07em}.broadcast-controls button[aria-pressed=true]{color:#fff0ce}.broadcast-controls #broadcast-cc[aria-pressed=true]{border-bottom:2px solid #ddc998}
.cinematic-flyover .broadcast-caption{position:absolute;bottom:78px;left:50%;transform:translateX(-50%);max-width:760px;width:calc(100% - 64px);margin:0;padding:10px 16px;border-radius:3px;background:#03121bd9;font:16px/1.5 Arial,sans-serif;text-align:center}
@media(max-width:700px){.broadcast-controls{left:18px;right:18px;bottom:16px;gap:16px;justify-content:flex-end}.broadcast-controls>span{display:none}.cinematic-flyover .broadcast-caption{width:calc(100% - 32px);font-size:14px;bottom:70px}.cinematic-flyover h2{font-size:22px}}
@media(max-width:600px){.hole-flyover header{margin:18px;font-size:11px}.hole-flyover article{left:16px;bottom:16px;width:calc(100% - 32px);padding:16px}.hole-flyover p{font-size:14px}.flyover-actions{gap:8px}.flyover-actions button{font-size:16px;padding:8px 12px}}
@media(max-height:550px){.hole-flyover article{bottom:12px;left:16px;width:min(540px,calc(100% - 32px));padding:12px 16px}.hole-flyover p{font-size:13px;line-height:1.35;margin-bottom:8px}.hole-flyover h2{font-size:23px;margin:4px 0 6px}.hole-flyover footer{margin-top:8px}.hole-flyover header{margin:12px 20px}.flyover-actions button{min-height:32px}}