#replay-access-notice { position:fixed; inset:64px 0 0; z-index:1000; background:#f4f7f6; padding:clamp(24px,6vw,80px); overflow:auto; }
#replay-access-notice[hidden] { display:none; }
#replay-access-notice h2 { margin:0 0 20px; color:#174e42; font-size:1.6rem; }
#replay-access-notice .message-panel { max-width:720px; font-size:1rem; }
#replay-access-notice button { margin:12px 20px 0 0; }
#replay-access-notice a { color:#176653; text-decoration:none; }
#replay-access-notice a:hover { text-decoration:underline; }
#replay-access-notice :focus-visible { outline:2px solid #176653; outline-offset:3px; }
.replay-unavailable #workspace,.replay-unavailable #mobile-map,.replay-unavailable footer { visibility:hidden; }
.replay-unavailable .app-header nav { visibility:hidden; }
.mobile-replay #replay-access-notice { inset:48px 0 0; }