.site-info { margin: 0 auto; max-width: 780px; padding: 36px 24px; background: #090909; color: #d8d1c9; font: 16px/1.8 system-ui,sans-serif; }
.site-info a { color: #ff9c58; } .site-info h1 { color: #ff8c39; font-size: clamp(28px,5vw,40px); line-height: 1.3; margin-top: 44px; }
.site-info h2 { font-size: 22px; margin-top: 36px; } .site-info footer { margin-top: 52px; border-top: 1px solid #403020; padding-top: 20px; }
.site-info button, .analytics-notice button { cursor: pointer; border: 1px solid #bc692c; background: #17110c; color: #ffe2c9; padding: 9px 13px; font: inherit; border-radius: 3px; }
.site-info button:focus-visible, .analytics-notice button:focus-visible { outline: 2px solid #ff9c58; outline-offset: 3px; }
.analytics-notice { position: fixed; z-index: 9905; left: 50%; bottom: 24px; transform: translateX(-50%); width: min(550px,calc(100vw - 44px)); box-sizing: border-box; padding: 16px 18px; color: #ddd2c8; background: #15100ff2; border: 1px solid #84502c; font: 13px/1.6 system-ui,sans-serif; box-shadow: 0 8px 35px #0009; }
.analytics-notice p { margin: 0 0 10px; } .analytics-notice a { color: #ffa261; } .analytics-notice button { margin-right: 8px; }
.archive-site-links { margin-top: 20px; font: 12px/1.6 system-ui,sans-serif; color: #9e948a; } .archive-site-links a { color: inherit; text-decoration: none; } .archive-site-links a:hover { color: #ff9c58; }
.play-screen-header h1 { margin: 5px 0 0; font-family: var(--font-display, sans-serif); font-size: clamp(25px,4vw,40px); line-height: 1; color: #ff8c39; }
@media (max-width:768px) { .analytics-notice { bottom: 14px; } .archive-site-links { margin-top: 6px; font-size: 10px; } }