:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #0d0f10; color: #f3ead8; }
body { font-family: Arial, Helvetica, sans-serif; }
.site-header { max-width: 1672px; margin: 0 auto; padding: 17px 28px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid #7f6334; background: #111313; }
.brand { color: #f0d18b; font: 28px Georgia, 'Times New Roman', serif; letter-spacing: .2em; text-decoration: none; white-space: nowrap; }
.brand small { display: block; margin-top: 3px; color: #ddd2bd; font: 11px Arial, sans-serif; letter-spacing: .34em; }
.site-nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px 22px; }
.site-nav a { color: #eee5d5; text-decoration: none; font-size: 14px; letter-spacing: .06em; }
.site-nav a:hover, .site-nav a:focus { color: #ffd779; text-decoration: underline; }
.episode { width: 100%; max-width: 1672px; margin: 0 auto; }
.episode-art { position: relative; width: 100%; line-height: 0; overflow: hidden; }
.episode-art img { display: block; width: 100%; height: auto; border: 0; }
.series-title { position: absolute; left: 29%; top: 1.2%; width: 42%; height: 7.2%; display: flex; align-items: center; justify-content: center; background: rgba(5,18,34,.96); color: #b8241d; text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff; font: bold clamp(16px, 2.55vw, 43px) Arial, sans-serif; letter-spacing: .055em; line-height: 1; white-space: nowrap; }
.watch-strip { position: absolute; left: 29%; bottom: 1.8%; width: 42%; min-height: 8%; display: flex; align-items: center; justify-content: center; background: rgba(8,15,21,.93); border-top: 1px solid #c59a43; border-bottom: 1px solid #c59a43; color: #f3d17d; text-decoration: none; font-size: clamp(13px, 1.65vw, 27px); letter-spacing: .11em; line-height: 1.2; }
.watch-strip:hover, .watch-strip:focus { background: rgba(67,44,13,.96); outline: 2px solid #f3d17d; outline-offset: -2px; }
.history-correction { position: absolute; left: 33%; top: 36%; width: 40%; min-height: 12%; display: flex; align-items: center; justify-content: center; padding: .8% 2%; background: rgba(12,25,36,.96); color: #f0e7d8; text-align: center; font-size: clamp(12px, 1.55vw, 26px); letter-spacing: .06em; line-height: 1.35; }
.identity-correction { position: absolute; left: 29%; top: 64%; width: 40%; min-height: 17%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 1%; background: rgba(8,22,34,.96); border-top: 1px solid #c59a43; border-bottom: 1px solid #c59a43; text-align: center; line-height: 1.1; }
.identity-correction span { color: #ede4d6; font-size: clamp(12px, 1.65vw, 27px); letter-spacing: .1em; }
.identity-correction strong { margin: .35em 0; color: #efc85f; font: bold clamp(19px, 3.1vw, 52px) Georgia, 'Times New Roman', serif; letter-spacing: .02em; }
.episode-info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; padding: 26px 28px 34px; background: #111313; }
.info-card { min-height: 180px; padding: 22px; border: 1px solid #8f6a32; background: linear-gradient(145deg,#181a1b,#101112); line-height: 1.55; }
.info-card h1, .info-card h2 { margin: 0 0 12px; color: #f0cf80; font: normal 23px Georgia, 'Times New Roman', serif; letter-spacing: .04em; }
.info-card p { margin: 0; color: #ded5c6; font-size: 16px; }
.status { display: inline-block; margin-top: 17px; padding: 10px 15px; border: 1px solid #7f6334; color: #cfc4b1; font-size: 14px; letter-spacing: .05em; }
.site-footer { max-width: 1672px; margin: 0 auto; padding: 17px 28px 24px; border-top: 1px solid #7f6334; color: #ada89f; text-align: center; font-size: 13px; letter-spacing: .05em; }
@media (max-width: 850px) { .site-header { align-items: flex-start; flex-direction: column; } .site-nav { justify-content: flex-start; } .episode-info { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .site-header { padding: 14px 18px; } .brand { font-size: 22px; } .episode-info { padding: 18px; } .watch-strip { left: 22%; width: 56%; } }