* {margin:0;padding:0;box-sizing:border-box}
html {scroll-behavior:smooth}
body {background:#1a1714;color:#e8dcc8;font-family:Georgia,"Times New Roman",serif;line-height:1.5;font-size:15px}
a {color:inherit;text-decoration:none}
button {font-family:inherit;cursor:pointer}
img, video {display:block;max-width:100%}
header {background:linear-gradient(180deg,#2a211a,#1a1714);border-bottom:3px solid #d35400;padding:14px 4vw;display:flex;flex-wrap:wrap;align-items:center;gap:18px;position:sticky;top:0;z-index:100}
a[data-contract="site-name"] {font-family:"Arial Black",Arial,sans-serif;font-size:1.5rem;font-weight:900;color:#ff8c1a;text-decoration:none;letter-spacing:1px;text-transform:uppercase;text-shadow:2px 2px 0 #7a2e00}
a[data-contract="site-name"]:hover {color:#ffa94d}
nav[data-contract="categories"] {display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
.runtime-category {font-family:"Arial Black",Arial,sans-serif;font-size:.8rem;font-weight:700;color:#e8dcc8;background:#3a2e24;border:1px solid #5a4a38;padding:4px 10px;text-decoration:none;white-space:nowrap;letter-spacing:.5px}
.runtime-category:hover {color:#ff8c1a;border-color:#ff8c1a;background:#2a211a}
main {max-width:1400px;margin:0 auto;padding:0 2vw}
.movie-overview-shell {display:grid;grid-template-columns:280px minmax(0,1fr);grid-template-areas:"poster overview" "player player";gap:0;background:#2a211a;border:1px solid #4a3a2a;border-top:4px solid #d35400;margin:24px 0;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.poster-column {grid-area:poster;padding:16px;background:#1f1a15}
.poster-wrapper {width:100%}
.poster-wrapper img {width:100%;aspect-ratio:2/3;object-fit:cover;border:2px solid #5a4a38;box-shadow:4px 4px 0 #3a2e24}
.overview-content-column {grid-area:overview;padding:20px 24px;border-left:1px solid #4a3a2a}
.title-block {margin-bottom:16px;border-bottom:2px solid #d35400;padding-bottom:12px}
.title-block h1 {font-family:"Arial Black",Arial,sans-serif;font-size:1.6rem;font-weight:900;color:#ff8c1a;line-height:1.2;text-shadow:1px 1px 0 #7a2e00;margin-bottom:6px}
.tagline {font-style:italic;color:#c4a882;font-size:1rem;letter-spacing:1px}
.cast-section {margin-bottom:16px}
.section-heading {font-family:"Arial Black",Arial,sans-serif;font-size:1.1rem;font-weight:900;color:#ff8c1a;text-transform:uppercase;letter-spacing:2px;border-left:4px solid #d35400;padding-left:10px;margin-bottom:10px}
.cast-scroll {display:flex;flex-wrap:wrap;gap:8px}
.actor-card {background:#3a2e24;border:1px solid #5a4a38;padding:8px 14px;display:flex;align-items:center;gap:8px;border-radius:2px;box-shadow:2px 2px 0 #1a1714}
.actor-card::before {content:"🔧";font-size:1rem}
.actor-name {font-family:"Arial Black",Arial,sans-serif;font-weight:700;color:#e8dcc8;font-size:.9rem;white-space:nowrap}
.synopsis-section {margin-bottom:16px}
.synopsis-paragraph {margin-bottom:10px;color:#d4c4a8;text-align:justify;line-height:1.7;border-left:2px solid #3a2e24;padding-left:12px}
.synopsis-paragraph:first-of-type {border-left-color:#d35400}
.episode-status-block {display:flex;gap:20px;margin-bottom:16px;background:#1f1a15;padding:10px 14px;border:1px solid #4a3a2a}
.total-episodes-label, .current-episode-label {font-family:"Arial Black",Arial,sans-serif;font-weight:700;color:#ff8c1a;font-size:.9rem;letter-spacing:1px}
.current-episode-label {color:#e8dcc8;background:#d35400;padding:2px 8px}
.details-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px;margin-bottom:8px}
.detail-item {display:flex;flex-direction:column;background:#2a211a;border:1px solid #3a2e24;padding:8px 10px}
.detail-label {font-family:"Arial Black",Arial,sans-serif;font-size:.7rem;font-weight:700;color:#a08a6a;text-transform:uppercase;letter-spacing:1px}
.detail-value {font-size:.95rem;color:#e8dcc8;margin-top:2px}
.player-wrapper {grid-area:player;background:#1a1714;border-top:3px solid #d35400;padding:0;position:relative}
.player-wrapper video {display:block;width:100%}
.player-controls {display:flex;flex-wrap:wrap;gap:0;background:#2a211a;border-top:1px solid #4a3a2a;padding:6px 10px}
.player-controls button {background:#3a2e24;border:1px solid #5a4a38;color:#e8dcc8;font-size:.8rem;padding:6px 14px;margin:2px;font-weight:700}
.player-controls button:hover {background:#d35400;color:#1a1714;border-color:#d35400}
.player-controls button.theater-active, .player-controls button.light-active {background:#ff8c1a;color:#1a1714;border-color:#ff8c1a}
.timeline-section {margin:0 0 24px;background:#2a211a;border:1px solid #4a3a2a;padding:20px}
.timeline-track {display:flex;flex-wrap:wrap;gap:0;border-top:3px solid #d35400;padding-top:12px;position:relative}
.timeline-item {flex:1 1 150px;padding:10px 12px;border-left:2px solid #ff8c1a;position:relative;background:#1f1a15;margin-right:6px;margin-bottom:6px}
.timeline-item::before {content:"⚙️";position:absolute;top:-14px;left:8px;font-size:1rem;background:#2a211a;padding:0 4px}
.timeline-timecode {display:block;font-family:"Arial Black",Arial,sans-serif;font-weight:900;color:#ff8c1a;font-size:.9rem;margin-bottom:4px}
.timeline-label {display:block;color:#d4c4a8;font-size:.85rem;line-height:1.4}
.episodes-section {margin-bottom:24px;background:#2a211a;border:1px solid #4a3a2a;padding:20px}
.episode-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.episode-card {display:flex;gap:12px;background:#1f1a15;border:1px solid #3a2e24;padding:12px;transition:border-color .2s}
.episode-card:hover {border-color:#ff8c1a}
.episode-number {font-family:"Arial Black",Arial,sans-serif;font-size:1.6rem;font-weight:900;color:#d35400;min-width:40px;text-align:center;line-height:1.1;border-right:2px solid #3a2e24;padding-right:10px}
.episode-info {display:flex;flex-direction:column}
.episode-title {font-family:"Arial Black",Arial,sans-serif;font-weight:700;color:#ff8c1a;font-size:.95rem;margin-bottom:4px}
.episode-summary {color:#c4a882;font-size:.85rem;line-height:1.5;margin-bottom:6px}
.episode-duration {color:#a08a6a;font-size:.75rem;font-family:"Arial Black",Arial,sans-serif;letter-spacing:1px}
.comments-section {margin-bottom:24px;background:#2a211a;border:1px solid #4a3a2a;padding:20px}
.comments-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.comment-card {background:#1f1a15;border:1px solid #3a2e24;border-top:3px solid #d35400;padding:12px}
.comment-nickname {display:block;font-family:"Arial Black",Arial,sans-serif;font-weight:700;color:#ff8c1a;font-size:.9rem;margin-bottom:6px;padding-bottom:6px;border-bottom:1px dashed #4a3a2a}
.comment-text {color:#d4c4a8;font-size:.85rem;line-height:1.6;margin:0}
.recommendation-region {margin-bottom:24px;background:#2a211a;border:1px solid #4a3a2a;padding:20px}
.recommendation-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
a[data-runtime="recommendation"] {background:#1f1a15;border:1px solid #3a2e24;padding:10px;display:flex;flex-direction:column;text-decoration:none;color:#e8dcc8;transition:border-color .2s,transform .2s}
a[data-runtime="recommendation"]:hover {border-color:#ff8c1a;transform:translateY(-2px)}
a[data-runtime="recommendation"] img {width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #4a3a2a;margin-bottom:8px}
a[data-runtime="recommendation"] span[data-runtime="name"] {font-family:"Arial Black",Arial,sans-serif;font-weight:700;color:#ff8c1a;font-size:.9rem;margin-bottom:4px}
a[data-runtime="recommendation"] span[data-runtime="blurb"] {color:#c4a882;font-size:.8rem;line-height:1.4}
footer {background:#1a1714;border-top:3px solid #d35400;padding:24px 4vw;margin-top:24px}
div[data-contract="disclaimer"] {color:#a08a6a;font-size:.8rem;line-height:1.6;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #3a2e24}
.footer-nav {display:flex;gap:16px;margin-bottom:16px}
a[data-contract="footer-home"], a[data-contract="footer-sitemap"] {font-family:"Arial Black",Arial,sans-serif;color:#ff8c1a;text-decoration:none;font-size:.9rem;font-weight:700;padding:4px 12px;border:1px solid #3a2e24}
a[data-contract="footer-home"]:hover, a[data-contract="footer-sitemap"]:hover {background:#3a2e24;border-color:#ff8c1a}
nav[data-contract="friend-links"] {display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.friend-links-label {font-family:"Arial Black",Arial,sans-serif;font-size:.8rem;color:#a08a6a;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:8px}
.runtime-friend-link {font-size:.8rem;color:#c4a882;text-decoration:none;border:1px solid #3a2e24;padding:2px 8px;background:#2a211a}
.runtime-friend-link:hover {color:#ff8c1a;border-color:#ff8c1a}
.player-wrapper.lights-dimmed video {filter:brightness(.3)}
.player-wrapper.theater-mode video {width:100%}
@media (max-width:900px){.movie-overview-shell {grid-template-columns:220px minmax(0,1fr);grid-template-areas:"poster overview" "player player"}
.poster-wrapper img {aspect-ratio:2/3}
.overview-content-column {padding:16px}
.title-block h1 {font-size:1.3rem}
.episode-list {grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.comments-grid {grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.recommendation-grid {grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
@media (max-width:600px){header {flex-direction:column;align-items:flex-start;gap:10px;padding:10px 4vw}
nav[data-contract="categories"] {margin-left:0;width:100%}
.movie-overview-shell {grid-template-columns:1fr;grid-template-areas:"poster" "overview" "player"}
.poster-column {padding:12px;display:flex;justify-content:center}
.poster-wrapper {max-width:220px}
.overview-content-column {border-left:none;border-top:1px solid #4a3a2a;padding:14px}
.title-block h1 {font-size:1.2rem}
.details-grid {grid-template-columns:repeat(2,1fr)}
.cast-scroll {flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}
.actor-card {flex-shrink:0}
.timeline-track {flex-direction:column}
.timeline-item {margin-right:0;margin-bottom:8px}
.episode-list {grid-template-columns:1fr}
.comments-grid {grid-template-columns:1fr}
.recommendation-grid {grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.footer-nav {flex-direction:column;gap:8px}
nav[data-contract="friend-links"] {flex-direction:column;align-items:flex-start}
.player-controls button {flex:1 1 auto;font-size:.75rem;padding:6px 8px}}
@media (max-width:380px){body {font-size:14px}
.recommendation-grid {grid-template-columns:1fr}
.details-grid {grid-template-columns:1fr}
.title-block h1 {font-size:1.1rem}}

footer{text-align:center!important}
footer *{justify-content:center!important}
footer :is(div,nav,ul,ol,p,section,address){margin-left:auto!important;margin-right:auto!important}