:root {
--md-surface: var(--bg-card);
--md-line: var(--line);
--md-line-2: var(--line-2);
--md-t1: var(--text);
--md-red: var(--accent);
--md-red-h: var(--accent-h);
--md-red-t: var(--accent-text);
--md-amber: var(--amazon);

--md-surface-2: #1b1f28;
--md-surface-3: #222735;
--md-line-3: #566078;
--md-t2: #c7cdd9;
--md-t3: #99a1b1;
--md-shadow-card: 0 12px 28px rgba(0, 0, 0, .55);
--md-face-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234c5566'%3E%3Cpath d='M12 12.2a4.6 4.6 0 1 0 0-9.2 4.6 4.6 0 0 0 0 9.2Z'/%3E%3Cpath d='M12 14.2c-4.3 0-7.8 2.5-7.8 5.6V22h15.6v-2.2c0-3.1-3.5-5.6-7.8-5.6Z'/%3E%3C/svg%3E");

--md-veil: 11, 12, 15;
--md-seam: 11, 12, 15;
--md-glow: 0 1px 8px rgba(0, 0, 0, .8);
--md-glow-h1: 0 2px 20px rgba(0, 0, 0, .6);
--md-edge: rgba(255, 255, 255, .1);
--md-edge-2: rgba(255, 255, 255, .28);
--md-shadow: 0 24px 60px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .08);
--md-red-glow: 0 6px 18px rgba(229, 9, 20, .35);
--md-amber-h: #ffb646;
--md-amber-ink: #20160a;
--md-pale: #eceef2;
--md-pale-h: #fff;
--md-pale-ink: #14161c;
--md-off-bg: rgba(229, 9, 20, .14);
--md-off-line: rgba(229, 9, 20, .45);
--md-off-t: #ff9aa0;
--md-star-off: #454d5e;
--md-meter: #2a303c;
--md-imdb: #f5c518;
--md-imdb-ink: #000;
--md-rotten: #7cc47a;
--md-embed: #000;
--md-w-ring: rgba(255, 255, 255, .32);
--md-tout-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5.1v13.8L19 12z'/%3E%3C/svg%3E");

--md-r: 12px;
--md-r-s: 8px;
}

:root[data-theme="light"] {
--md-seam: 251, 250, 248;
--md-w-ring: rgba(0, 0, 0, .28);
--md-surface-2: #efeee9;
--md-surface-3: #e6e4dd;
--md-line-3: #a9a59a;
--md-t2: #33353a;
--md-t3: #5b6069;
--md-shadow-card: 0 12px 28px rgba(0, 0, 0, .14);
--md-face-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23918d84'%3E%3Cpath d='M12 12.2a4.6 4.6 0 1 0 0-9.2 4.6 4.6 0 0 0 0 9.2Z'/%3E%3Cpath d='M12 14.2c-4.3 0-7.8 2.5-7.8 5.6V22h15.6v-2.2c0-3.1-3.5-5.6-7.8-5.6Z'/%3E%3C/svg%3E");
}

.md { display: block; }
.md h2 {
font-size: 1.375rem; font-weight: 700; line-height: 1.25;
letter-spacing: -.015em; margin: 0 0 16px; color: var(--md-t1);
display: flex; align-items: center; gap: 10px;
}
.md-sec > h2::before {
content: ""; flex: none; display: inline-block; width: 4px; height: 1.05em;
background: var(--md-red); border-radius: 2px;
margin-right: 0; vertical-align: 0;
}
.md-sec > h2[data-n]::after {
content: attr(data-n);
font-size: .8125rem; font-weight: 600; color: var(--md-t3);
background: var(--md-surface-2); border: 1px solid var(--md-line);
border-radius: 999px; padding: 1px 9px; letter-spacing: 0;
}
.md-sec { margin: 0 0 48px; }
.md-sec:last-child { margin-bottom: 0; }

.md-hero {
--md-surface: #14161c;
--md-surface-2: #1b1f28;
--md-line: #272c36;
--md-line-2: #3a4252;
--md-line-3: #566078;
--md-t1: #f4f5f7;
--md-t2: #c7cdd9;
--md-t3: #99a1b1;
--md-red-t: #ff6a72;
--focus: #fff;
position: relative; isolation: isolate; overflow: hidden;
color: var(--md-t1);
}
.md-bg { position: absolute; inset: 0; overflow: hidden; background: rgb(var(--md-veil)); z-index: -2; pointer-events: none; user-select: none; -webkit-user-select: none; }
.md-bg picture { position: absolute; inset: 0; opacity: 0; transition: opacity 1.5s ease-in-out; }
.md-bg picture.is-on { opacity: 1; }
.md-bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 22%; -webkit-user-drag: none; }
.md-scrim {
position: absolute; inset: 0; z-index: -1; pointer-events: none;
background:
linear-gradient(0deg, rgb(var(--md-seam)) 0%, rgba(var(--md-seam), .42) 8%, rgba(var(--md-seam), 0) 24%),
linear-gradient(0deg, rgba(var(--md-veil), .62) 10%, rgba(var(--md-veil), .5) 26%, rgba(var(--md-veil), 0) 58%),
linear-gradient(90deg, rgba(var(--md-veil), .92) 0%, rgba(var(--md-veil), .8) 38%, rgba(var(--md-veil), .6) 70%, rgba(var(--md-veil), .38) 100%);
}

.md-hero-in {
position: relative;
display: grid; grid-template-columns: 232px minmax(0, 1fr);
gap: 40px; padding-top: 48px; padding-bottom: 32px;
min-height: 420px; align-content: center;
}
.md-poster { width: 232px; }
.md-poster-a { display: block; border-radius: var(--md-r); transition: transform .2s ease; }
.md-poster-a:hover { transform: translateY(-3px); }
.md-poster-img, .md-poster .noimg, .md-shot-img, .md-shots .noimg, .md-sim-img, .md-similar .noimg {
width: 100%; height: auto; object-fit: cover; background: var(--md-surface);
}
.md-poster-img, .md-poster .noimg {
aspect-ratio: 2 / 3; border-radius: var(--md-r);
border: 1px solid var(--md-edge);
box-shadow: var(--md-shadow);
}
.md-poster .noimg { display: block; }
.md-poster-wide { width: 100%; }
.md-poster-wide .md-poster-img { aspect-ratio: 16 / 9; object-fit: cover; }
.md-hero-in:has(.md-poster-wide) { grid-template-columns: 340px minmax(0, 1fr); }
.md-poster-a:hover .md-poster-img { border-color: var(--md-edge-2); }

.md-head { min-width: 0; align-self: center; }
.md-head h1 {
font-size: clamp(1.7rem, 1.05rem + 2.4vw, 2.6rem); font-weight: 800;
line-height: 1.1; letter-spacing: -.015em; margin: 0 0 12px;
text-wrap: balance; text-shadow: var(--md-glow-h1);
}
.md-h1-sub { font-size: .62em; font-weight: 400; color: var(--md-t1); opacity: .85; letter-spacing: 0; white-space: nowrap; }

.md-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; }
.md-chip {
display: inline-block; padding: 5px 12px; border-radius: 999px;
border: 1px solid var(--md-line-2); background: rgba(var(--md-veil), .62);
backdrop-filter: blur(4px);
font-size: .8125rem; line-height: 1.45; color: var(--md-t2); white-space: nowrap;
}
.md-chip-cert {
border-radius: 4px; border-color: var(--md-line-3); padding: 5px 8px; background: transparent;
font-weight: 700; color: var(--md-t1); letter-spacing: .04em;
}
.md-chip-plain { border-color: transparent; background: transparent; padding-inline: 2px; color: var(--md-t1); text-shadow: var(--md-glow); }
.md-chip-a { color: var(--md-t1); }
.md-chip-gs { display: contents; }
.md-chip-a:hover, .md-chip-a:focus-visible {
background: var(--md-t1); color: rgb(var(--md-veil)); border-color: var(--md-t1); text-decoration: none;
}

.md-short {
max-width: 60ch; margin: 0 0 20px; color: var(--md-t1);
font-size: 1.0625rem; line-height: 1.6; text-shadow: var(--md-glow);
}

.md-watch { list-style: none; margin: 0 0 20px; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.md-btn {
display: inline-flex; align-items: center; gap: 8px;
padding: 11px 18px; border-radius: var(--md-r-s); border: 1px solid transparent;
font-size: .95rem; font-weight: 650; line-height: 1.2; white-space: nowrap;
transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}
.md-btn:hover { text-decoration: none; transform: translateY(-1px); }
.md-btn:active { transform: translateY(0); }
.md-ico {
flex: none; width: 18px; height: 18px; background: currentColor;
-webkit-mask: var(--i) center/contain no-repeat; mask: var(--i) center/contain no-repeat;
}
.md-ico-n { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 20'%3E%3Cpath d='M0 0h3.1l3.8 10.6V0H10v20H6.9L3.1 9.4V20H0z'/%3E%3C/svg%3E"); width: 10px; height: 20px; }
.md-ico-cart { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M1 2h3.3l1 4H22l-2.6 8H7.2l-.5 2H19v2H4.4L2.8 4H1zm6.8 6 .9 4h9.2l1.3-4zM8 19a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm9 0a2 2 0 1 1 0 4 2 2 0 0 1 0-4z'/%3E%3C/svg%3E"); }
.md-ico-play { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16zm-2 4 6.5 4-6.5 4z'/%3E%3C/svg%3E"); }
.md-ico-disc { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a11 11 0 1 0 0 22 11 11 0 0 0 0-22zm0 2a9 9 0 0 1 8.6 6.4l-6.1 1.9A3 3 0 0 0 12 9V3zm0 6.8a2.2 2.2 0 1 1 0 4.4 2.2 2.2 0 0 1 0-4.4z'/%3E%3C/svg%3E"); }
.md-ico-apple { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M16.4 12.7c0-2.3 1.9-3.5 2-3.6-1.1-1.6-2.8-1.8-3.4-1.8-1.4-.1-2.8.8-3.5.8s-1.8-.8-3-.8c-1.5 0-3 .9-3.7 2.3-1.6 2.7-.4 6.8 1.1 9 .8 1.1 1.7 2.3 2.9 2.3s1.6-.7 3-.7 1.8.7 3 .7 2-1.1 2.8-2.2c.9-1.3 1.2-2.5 1.3-2.6-.1 0-2.5-1-2.5-3.4zM14.2 5.9c.6-.8 1.1-1.9 1-3-1 0-2.2.7-2.8 1.5-.6.7-1.2 1.8-1 2.9 1.1.1 2.2-.6 2.8-1.4z'/%3E%3C/svg%3E"); }
.md-ico-shield { --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1 3 5v6c0 5.6 3.8 10.7 9 12 5.2-1.3 9-6.4 9-12V5zm0 2.2 7 3.1V11c0 4.5-2.9 8.6-7 9.9-4.1-1.3-7-5.4-7-9.9V6.3z'/%3E%3C/svg%3E"); }
.md-btn-netflix { background: var(--md-red); color: var(--accent-on); box-shadow: var(--md-red-glow); }
.md-btn-netflix:hover { background: var(--md-red-h); }
.md-btn-amazon { background: var(--md-amber); color: var(--md-amber-ink); }
.md-btn-amazon:hover { background: var(--md-amber-h); }
.md-btn-itunes { background: var(--md-pale); color: var(--md-pale-ink); }
.md-btn-itunes:hover { background: var(--md-pale-h); }

.md-btn-off {
position: relative; cursor: not-allowed; box-shadow: none;
background: var(--md-off-bg); border-color: var(--md-off-line); color: var(--md-off-t);
}
.md-btn-off:hover { transform: none; background: var(--md-off-bg); }
.md-btn-off .md-ico-n { opacity: .7; }
.md-tip {
position: absolute; left: 0; top: calc(100% + 8px); z-index: 4; width: max-content;
max-width: min(320px, 78vw); padding: 9px 12px; border-radius: var(--md-r-s);
background: rgb(var(--md-veil)); border: 1px solid var(--md-line-2); color: var(--md-t2);
font-size: .8rem; font-weight: 400; line-height: 1.45; white-space: normal;
opacity: 0; visibility: hidden; transition: opacity .15s ease;
}
.md-btn-off:hover .md-tip, .md-btn-off:focus .md-tip, .md-btn-off:focus-within .md-tip { opacity: 1; visibility: visible; }

.md-scores { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.md-score {
display: flex; flex-direction: column; gap: 4px; min-width: 124px; padding: 10px 14px 12px;
background: rgba(var(--md-veil), .78); border: 1px solid var(--md-line);
border-radius: var(--md-r); backdrop-filter: blur(6px);
}
.md-score-tag { font-size: 10.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; white-space: normal; }
.md-score-imdb .md-score-tag {
align-self: flex-start; background: var(--md-imdb); color: var(--md-imdb-ink);
padding: 1px 6px; border-radius: 4px; letter-spacing: .02em;
text-transform: none; font-size: 11px;
}
.md-score-rt .md-score-tag { color: var(--md-rotten); }
.md-score-nflix { border-color: var(--md-off-line); }
.md-score-nflix .md-score-tag { color: var(--md-red-t); }
.md-score-val { font-size: 1.5rem; font-weight: 800; line-height: 1.15; letter-spacing: -.01em; color: var(--md-t1); }
.md-score-val i { font-style: normal; font-size: .78rem; font-weight: 600; color: var(--md-t3); margin-left: 1px; }
.md-score-sub { font-size: 11.5px; color: var(--md-t3); }
.md-score > :last-child { margin-top: auto; }
.md-meter { display: block; height: 3px; border-radius: 2px; background: var(--md-meter); overflow: hidden; margin-top: 4px; }
.md-meter span { display: block; height: 100%; border-radius: 2px; }
.md-score-imdb .md-meter span { background: var(--md-imdb); }
.md-score-rt .md-meter span { background: var(--md-rotten); }
.md-stars { position: relative; display: inline-block; height: 16px; font-size: 15px; line-height: 16px; letter-spacing: 1.5px; color: var(--md-star-off); }
.md-stars::before { content: "\2605\2605\2605\2605\2605"; }
.md-stars-on { position: absolute; left: 0; top: 0; overflow: hidden; white-space: nowrap; color: var(--md-amber); }
.md-stars-on::before { content: "\2605\2605\2605\2605\2605"; }

.md-score-na { border-color: var(--md-line); align-content: start; }
.md-score-na .md-score-tag { opacity: .62; }
.md-score-none { font-size: 1rem; font-weight: 600; line-height: 1.25; color: var(--md-t3); }

.md-body {
display: grid; grid-template-columns: minmax(0, 1fr) 320px;
gap: 40px; align-items: start; padding-top: 24px; padding-bottom: 8px;
}
.md-main { min-width: 0; }
.md-side { min-width: 0; display: grid; gap: 24px; align-content: start; }
.md-foot { padding-top: 48px; padding-bottom: 16px; }
.md > .cr { margin-top: 8px; }
.md > .cr ol { padding-top: 0; padding-bottom: 0; }
.md-foot .md-ad { margin: 0 0 48px; }

.md-embed {
position: relative; aspect-ratio: 16 / 9; background: var(--md-embed);
border: 1px solid var(--md-line); border-radius: var(--md-r); overflow: hidden;
}
.md-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.md-tout { display: block; text-decoration: none; }
.md-tout picture, .md-tout img { position: absolute; inset: 0; width: 100%; height: 100%; }
.md-tout img { object-fit: cover; opacity: .5; transition: opacity .3s ease, transform .3s ease; }
.md-tout-in {
position: absolute; inset: 0; display: flex; flex-direction: column;
align-items: center; justify-content: center; gap: 14px; padding: 16px; text-align: center;
background: radial-gradient(70% 70% at 50% 46%, rgba(0, 0, 0, .18), rgba(0, 0, 0, .74));
}
.md-tout-play {
width: 64px; height: 64px; border-radius: 50%; background: var(--md-red);
background-image: var(--md-tout-glyph); background-repeat: no-repeat;
background-position: 55% 50%; background-size: 26px 26px;
box-shadow: 0 10px 26px rgba(0, 0, 0, .5); transition: transform .3s ease;
}
.md-tout b { font-size: 1rem; font-weight: 600; line-height: 1.3; color: #fff; letter-spacing: -.01em; text-shadow: 0 1px 3px rgba(0, 0, 0, .6); }
.md-tout:hover img { opacity: .62; transform: scale(1.03); }
.md-tout:hover .md-tout-play { transform: scale(1.09); }
.md-tout:focus-visible { outline: 2px solid var(--md-t1); outline-offset: 3px; }
@media (max-width: 480px) {
.md-tout-in { gap: 12px; }
.md-tout-play { width: 52px; height: 52px; background-size: 22px 22px; }
.md-tout b { font-size: .9375rem; }
}

.md-shots { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.md-shots a { display: block; position: relative; border-radius: var(--md-r); overflow: hidden; border: 1px solid var(--md-line); }
.md-shots a:hover { border-color: var(--md-line-2); }
.md-shot-img, .md-shots .noimg {
aspect-ratio: 16 / 9; display: block;
transition: transform .3s ease, filter .3s ease;
}
.md-shots a:hover .md-shot-img { transform: scale(1.04); filter: brightness(1.08); }

@media (min-width: 721px) {
.md-shots { grid-template-columns: repeat(6, 1fr); }
.md-shots li { grid-column: span 2; }
.md-shots li:nth-last-child(2):nth-child(3n+1),
.md-shots li:nth-last-child(2):nth-child(3n+1) ~ li { grid-column: span 3; }
.md-shots li:nth-last-child(4):nth-child(3n+1),
.md-shots li:nth-last-child(4):nth-child(3n+1) ~ li { grid-column: span 3; }
.md-shots li:only-child { grid-column: 1 / -1; }
}

.md-cast { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.md-cast a {
display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 12px; align-items: center;
padding: 8px 12px 8px 8px; min-height: 80px; background: var(--md-surface);
border: 1px solid var(--md-line); border-radius: var(--md-r-s);
transition: border-color .15s ease, background-color .15s ease;
}
.md-cast a:hover { border-color: var(--md-line-2); background: var(--md-surface-2); text-decoration: none; }
.md-cast a:hover b { color: var(--md-red-t); }
.md-cast a:hover .md-face { box-shadow: 0 0 0 2px var(--md-red); }
.md-face, .md-cast .noimg {
width: 64px; height: 64px; border-radius: 50%; object-fit: cover; display: block;
transition: box-shadow .15s ease;
background: var(--md-surface-2) var(--md-face-glyph) center/32px no-repeat;
}
.md-cast-t { min-width: 0; }
.md-cast-t b { display: block; font-size: .9rem; font-weight: 650; line-height: 1.3; }
.md-cast-t span { display: block; font-size: .79rem; color: var(--md-t3); line-height: 1.35; margin-top: 1px; }
.md-cast-t b, .md-cast-t span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.md-more { margin-top: 12px; }
.md-more summary {
cursor: pointer; display: inline-block; list-style: none;
padding: 8px 16px; border: 1px solid var(--md-line); border-radius: 999px;
background: var(--md-surface); color: var(--md-t2); font-size: .86rem; font-weight: 600;
}
.md-more summary::after { content: " \25BE"; }
.md-more[open] summary::after { content: " \25B4"; }
.md-more summary:hover { border-color: var(--md-line-2); color: var(--md-t1); }
.md-more[open] summary { margin-bottom: 12px; }

.md-story p { max-width: none; margin: 0; color: var(--md-t2); font-size: 1.0625rem; line-height: 1.75; }
.md-story p + p { margin-top: 14px; }
.md-story:has(+ .md-inl) { margin-bottom: 18px; }
.md-inl { margin-bottom: 48px; }

.md-facts > h2 { flex-wrap: wrap; row-gap: 2px; }
.md-h2-sub { flex-basis: 100%; margin-left: 14px; font-size: .58em; font-weight: 400; color: var(--md-t2); letter-spacing: 0; }
.md-facts-w { margin: -4px 0 14px 14px; font-size: .85rem; color: #e0955a; }
.md-nfl { margin: -10px 0 18px; font-size: .9rem; color: var(--md-t2); }
.md-facts ul { list-style: none; margin: 0; padding: 0; counter-reset: md-fact;
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.md-facts li {
counter-increment: md-fact; position: relative;
padding: 14px 16px 14px 46px; border: 1px solid var(--md-line);
border-radius: var(--md-r); background: var(--md-surface);
color: var(--md-t2); font-size: .98rem; line-height: 1.62;
}
.md-facts li:has(> .md-fact-sp) { display: flex; }
.md-fact-sp { flex: 1; display: flex; flex-direction: column; }
.md-fact-sp summary { list-style: none; cursor: pointer; color: var(--md-red); font-weight: 800; letter-spacing: .08em; }
.md-fact-sp summary::-webkit-details-marker { display: none; }
.md-fact-sp:not([open]) summary { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; font-size: 1.25rem; padding: 18px 0; margin-left: -30px; }
.md-fact-sp:not([open]) summary::after { content: "Click to reveal"; margin-top: 6px; font-size: .9rem; font-weight: 400; letter-spacing: 0; color: var(--md-t3); }
.md-fact-sp:not([open]) summary:hover::after, .md-fact-sp:not([open]) summary:focus-visible::after { color: var(--md-t1); }
.md-fact-sp[open] summary { margin-bottom: 8px; font-size: .8rem; }
.md-facts li::before {
content: counter(md-fact); position: absolute; left: 14px; top: 14px;
width: 21px; height: 21px; border-radius: 50%; background: var(--md-red);
color: var(--accent-on); font-size: .75rem; font-weight: 700;
line-height: 21px; text-align: center;
}

.md-similar { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px 20px; }
.md-similar li { transition: transform .18s ease; }
.md-similar li:hover { transform: translateY(-4px); }
.md-similar a { display: block; }
.md-similar a:hover { text-decoration: none; }
.md-sim-img, .md-similar .noimg {
aspect-ratio: 2 / 3; border-radius: var(--md-r-s);
border: 1px solid var(--md-line); display: block;
transition: border-color .15s ease, box-shadow .18s ease;
}
.md-similar li:hover .md-sim-img { border-color: var(--md-t3); box-shadow: var(--md-shadow-card); }
.md-similar li:hover b { text-decoration: underline; }
.md-similar b { display: block; margin-top: 10px; font-size: .9rem; font-weight: 600; line-height: 1.3; }
.md-sim-meta { display: block; margin-top: 2px; font-size: .8rem; color: var(--md-t3); }

.md-card {
background: var(--md-surface); border: 1px solid var(--md-line);
border-radius: var(--md-r); padding: 20px;
}
.md-card h2 {
display: block; font-size: .8rem; font-weight: 700; text-transform: uppercase;
letter-spacing: .09em; color: var(--md-t3); margin: 0 0 14px;
}
.md-card dl { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 0; margin: 0; font-size: .9rem; }
.md-card dt, .md-card dd { padding: 9px 0; border-top: 1px solid var(--md-line); }
.md-card dt { color: var(--md-t3); }
.md-card dd { margin: 0; color: var(--md-t1); min-width: 0; overflow-wrap: break-word; }
.md-card dt:first-of-type, .md-card dt:first-of-type + dd { border-top: 0; padding-top: 0; }
.md-card dd a {
color: var(--md-t1); border-bottom: 0; display: inline; padding-block: 2px;
min-width: 0; overflow-wrap: break-word;
text-decoration: underline; text-decoration-color: var(--md-line-2); text-underline-offset: 3px;
}
.md-card dd a:hover { color: var(--md-red-t); text-decoration-color: var(--md-red-t); }
.md-get ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.md-get a {
display: flex; align-items: center; gap: 10px; padding: 12px 14px; min-height: 44px;
background: var(--md-surface-2); border: 1px solid var(--md-line);
border-radius: var(--md-r-s); font-size: .875rem; font-weight: 600;
transition: border-color .15s ease, background-color .15s ease;
}
.md-get a:hover { border-color: var(--md-line-2); background: var(--md-surface-3); text-decoration: none; }
.md-get .md-ico { color: var(--md-t2); }
.md-get a::after { content: "\2197"; margin-left: auto; color: var(--md-t3); }
.md-get a:hover::after { color: var(--md-t1); }

.md-where { font-size: .86rem; line-height: 1.5; color: var(--md-t2); min-width: 0; }
.md-where > * { margin: 0 0 10px; }
.md-where > :last-child, .md-w-d > :last-child { margin-bottom: 0; }
.md-w-x, .md-where small { color: var(--md-t3); }
.md-w-c { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.md-w-c li, .md-w-d summary, .md-w-r {
border: 1px solid var(--md-line); background: var(--md-surface-2);
}
.md-w-c li { flex: none; max-width: 100%; padding: 3px 9px; border-radius: 999px; font-size: .78rem; }
.md-w-d summary, .md-w-r {
list-style: none; color: var(--md-t1); padding: 8px 11px; border-radius: var(--md-r-s);
}
.md-w-d summary { cursor: pointer; position: relative; padding-right: 26px; }
.md summary::-webkit-details-marker { display: none; }
.md-w-d summary::after { content: "\25BE"; position: absolute; right: 10px; top: 8px; }
.md-w-d[open] > summary::after { content: "\25B4"; }
.md-w-d[open] > summary { margin-bottom: 8px; }

.md-w-k { position: relative; }
.md-w-k > summary {
display: flex; align-items: center; gap: 8px; list-style: none; font-size: .94rem; font-weight: 600;
color: var(--md-t1); background: var(--md-surface-2); border: 1px solid var(--md-line-2);
border-radius: var(--md-r-s); padding: 11px 12px; min-height: 44px; cursor: pointer;
}
.md-w-k > summary b { font: inherit; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md-w-k > summary::after { content: "\25BE"; margin-left: auto; padding-left: 8px; color: var(--md-t3); }
.md-w-k[open] > summary::after { content: "\25B4"; }
.md-w-k > summary:focus-visible { outline: 2px solid var(--md-red); outline-offset: 2px; }
.md-w-k > div {
position: absolute; z-index: 3; left: 0; right: 0; top: calc(100% + 4px); max-height: 336px;
overflow: auto; padding: 4px; background: var(--md-surface-2); border: 1px solid var(--md-line-2);
border-radius: var(--md-r-s); box-shadow: var(--md-shadow-card);
}
.md-w-k button {
display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 6px 9px;
font: inherit; font-size: .9rem; text-align: left; color: var(--md-t1); background: none;
border: 0; border-radius: var(--md-r-s); cursor: pointer;
}
.md-w-k small {
display: block; padding: 8px 9px 4px; font-size: .68rem; font-weight: 700; letter-spacing: .09em;
text-transform: uppercase; color: var(--md-t3);
}
.md-w-k button + small { margin-top: 4px; border-top: 1px solid var(--md-line); padding-top: 10px; }
.md-w-k button:hover, .md-w-k button:focus-visible { background: var(--md-surface-3); outline: 0; }
.md-w-k button[aria-selected=true] { font-weight: 700; background: var(--md-off-bg); }
.md-w-k button[aria-selected=true]::after { content: "\2713" / ""; margin-left: auto; padding-left: 8px; color: var(--md-red); }
.md-where img {
display: inline-block; width: 20px; height: 15px; flex: 0 0 auto; border-radius: 2px; vertical-align: -3px;
filter: drop-shadow(1px 0 0 var(--md-w-ring)) drop-shadow(-1px 0 0 var(--md-w-ring)) drop-shadow(0 1px 0 var(--md-w-ring)) drop-shadow(0 -1px 0 var(--md-w-ring));
}
.md-w-c img, .md-w-r img { margin-right: 5px; }
.md-w-k + div { display: grid; gap: 8px; }
.md-w-s {
display: flex; align-items: center; gap: 10px; padding: 9px 12px; min-height: 46px;
background: var(--md-surface-2); border: 1px solid var(--md-line);
border-radius: var(--md-r-s); color: var(--md-t1);
}
.md-w-s i {
position: relative; flex: 0 0 auto; width: 28px; height: 28px; border-radius: 7px; background: var(--b, #5b6270);
color: #fff; font-style: normal; font-weight: 800; font-size: .86rem; line-height: 28px; text-align: center;
}
.md-w-s i::after {
content: ""; position: absolute; inset: 0; border-radius: inherit;
background: var(--l, none) 50%/cover no-repeat; box-shadow: inset 0 0 0 1px var(--md-w-ring);
}
.md-w-s b { min-width: 0; font-size: .92rem; }
.md-w-s small { margin-left: auto; color: var(--md-t3); font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.md-w-s[href] { background: var(--md-off-bg); border-color: var(--md-off-line); }
.md-w-s[href]:hover { border-color: var(--md-red); text-decoration: none; }
.md-w-s[href]::after { content: "\2197"; color: var(--md-t2); }
.md-w-a > summary { display: inline-block; font-size: .8rem; color: var(--md-t2); border: 0; background: none; border-radius: 0; padding: 2px 17px 2px 0; }
.md-w-a > summary::after { right: 0; top: 2px; }
.md-w-a > summary:hover { color: var(--md-t1); }
.md-w-p, .md-w-p > * { margin: 0 0 10px; }
.md-w-p:last-child, .md-w-p > :last-child { margin-bottom: 0; }
.md-w-s[data-p=netflix] { --b: #e50914; --l: url(providers/netflix.webp); }
.md-w-s[data-p=prime-video] { --b: #0b7ac0; --l: url(providers/prime-video.webp); }
.md-w-s[data-p=apple-tv-store] { --b: #5a5a5f; --l: url(providers/apple-tv-store.webp); }
.md-w-s[data-p=google-play] { --b: #0b8a5f; --l: url(providers/google-play.webp); }
.md-w-s[data-p=youtube] { --b: #d40024; --l: url(providers/youtube.webp); }
.md-w-s[data-p=amazon-video] { --b: #c06600; --l: url(providers/amazon-video.webp); }
.md-w-s[data-p=fandango-at-home] { --b: #1f6fd0; --l: url(providers/fandango-at-home.webp); }
.md-w-s[data-p=tubi] { --b: #7c3aed; --l: url(providers/tubi.webp); }
.md-w-s[data-p=plex] { --b: #9a6b05; --l: url(providers/plex.webp); }
.md-w-s[data-p=rakuten-tv] { --b: #bf0000; --l: url(providers/rakuten-tv.webp); }
.md-w-s[data-p=sky-store] { --b: #0072c9; --l: url(providers/sky-store.webp); }
.md-w-s[data-p=mubi] { --b: #1f2fd0; --l: url(providers/mubi.webp); }
.md-w-s[data-p=disney-plus] { --b: #113ccf; --l: url(providers/disney-plus.webp); }
.md-w-s[data-p=max] { --b: #4b28c9; --l: url(providers/max.webp); }
.md-w-s[data-p=hulu] { --b: #0e8f52; --l: url(providers/hulu.webp); }
.md-w-s[data-p=paramount-plus] { --b: #0064ff; --l: url(providers/paramount-plus.webp); }
.md-w-s[data-p=peacock] { --b: #c62368; --l: url(providers/peacock.webp); }
.md-w-s[data-p=crave] { --b: #0b7d8a; --l: url(providers/crave.webp); }
.md-w-s[data-p=stan] { --b: #0073e6; --l: url(providers/stan.webp); }
.md-w-s[data-p=bbc-iplayer] { --b: #c2185b; --l: url(providers/bbc-iplayer.webp); }
.md-w-s[data-p=itvx] { --b: #b3005c; --l: url(providers/itvx.webp); }
.md-w-s[data-p=channel-4] { --b: #6d2fa0; --l: url(providers/channel-4.webp); }
.md-w-s[data-p=apple-tv] { --b: #101010; --l: url(providers/apple-tv.webp); }
.md-w-s[data-p=hoopla] { --b: #049bd7; --l: url(providers/hoopla.webp); }
.md-w-s[data-p=kanopy] { --b: #000; --l: url(providers/kanopy.webp); }
.md-w-s[data-p=pluto-tv] { --b: #000; --l: url(providers/pluto-tv.webp); }
.md-w-s[data-p=the-roku-channel] { --b: #662d91; --l: url(providers/the-roku-channel.webp); }
.md-w-s[data-p=viaplay] { --b: #222c32; --l: url(providers/viaplay.webp); }
.md-w-s[data-p=crunchyroll] { --b: #fe5e00; --l: url(providers/crunchyroll.webp); }
.md-w-s[data-p=canal-plus] { --b: #000; --l: url(providers/canal-plus.webp); }
.md-w-s[data-p=movistar-plus] { --b: #151515; --l: url(providers/movistar-plus.webp); }
.md-w-s[data-p=movistar-tv] { --b: #019df4; --l: url(providers/movistar-tv.webp); }
.md-w-s[data-p=zee5] { --b: #2b2b3a; --l: url(providers/zee5.webp); }
.md-w-s[data-p=jiohotstar] { --b: #7f44da; --l: url(providers/jiohotstar.webp); }
.md-w-s[data-p=fubo] { --b: #ea241b; --l: url(providers/fubo.webp); }
.md-w-s[data-p=philo] { --b: #101010; --l: url(providers/philo.webp); }
.md-w-s[data-p=cineverse] { --b: #011745; --l: url(providers/cineverse.webp); }
.md-w-s[data-p=sky-go] { --b: #0072c9; --l: url(providers/sky-go.webp); }
.md-w-s[data-p=the-criterion-channel] { --b: #000; --l: url(providers/the-criterion-channel.webp); }
.md-w-s[data-p=now-tv] { --b: #0b3b38; --l: url(providers/now-tv.webp); }
.md-w-s[data-p=lionsgate-play] { --b: #16272f; --l: url(providers/lionsgate-play.webp); }
.md-w-s[data-p=shudder] { --b: #c2072f; --l: url(providers/shudder.webp); }
.md-w-s[data-p=starz] { --b: #101010; --l: url(providers/starz.webp); }
.md-w-s[data-p=starzplay] { --b: #08080a; --l: url(providers/starzplay.webp); }

.md-ad { margin: 0 0 40px; text-align: center; overflow: hidden; max-width: 100%; }
.md-ad::before {
content: "Advertisement"; display: block; font-size: 10.5px; letter-spacing: .09em;
text-transform: uppercase; color: var(--md-t3); margin: 0 0 8px;
}
.md-ad .ad { margin: 0; }
.md-ad-box {
position: relative; margin: 0; min-height: 250px;
background: var(--md-surface); border: 1px solid var(--md-line);
border-radius: var(--md-r); padding: 16px 9px 9px;
}

.lb-prev, .lb-next {
position: absolute; top: 50%; transform: translateY(-50%);
width: 44px; height: 64px; display: grid; place-items: center;
background: rgba(var(--md-veil), .7); border: 1px solid var(--line-2); border-radius: var(--md-r-s);
color: var(--text); font-size: 30px; line-height: 1; cursor: pointer;
}
.lb-prev { left: 12px; }
.lb-next { right: 12px; }
.lb-prev:hover, .lb-next:hover { background: rgba(28, 32, 42, .85); }
.lb-prev[hidden], .lb-next[hidden] { display: none; }

.md a:focus-visible, .md summary:focus-visible, .md-btn-off:focus-visible {
outline: 2px solid var(--focus); outline-offset: 3px; border-radius: var(--md-r-s);
}

@media (max-width: 1080px) {
.md-similar { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.md-cast { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 960px) {
.md-body { grid-template-columns: 1fr; gap: 32px; }
.md-main, .md-side { display: contents; }
.md-main > .md-sec, .md-main > .md-inl { margin-bottom: 0; }
.md-main > .md-story:has(+ .md-inl) { margin-bottom: -14px; }
.md-main > .md-sec:has(.md-embed) { order: -3; }
.md-where { order: -2; }
.md-get { order: -1; }
.md-hero-in { grid-template-columns: 190px minmax(0, 1fr); gap: 24px; }
.md-hero-in:has(.md-poster-wide) { grid-template-columns: 280px minmax(0, 1fr); }
.md-poster { width: 190px; }
.md-poster-wide { width: 100%; }
.md-scrim {
background:
linear-gradient(0deg, rgb(var(--md-seam)) 0%, rgba(var(--md-seam), .4) 4%, rgba(var(--md-seam), 0) 12%),
linear-gradient(0deg, rgba(var(--md-veil), .94) 4%, rgba(var(--md-veil), .84) 36%, rgba(var(--md-veil), .45) 100%);
}
}

@media (max-width: 720px) {
.md-chips-g .md-chip-gs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; flex-basis: 100%; }
.md-hero-in, .md-hero-in:has(.md-poster-wide) {
grid-template-columns: 1fr; justify-items: center; text-align: center;
gap: 20px; padding-top: 24px; min-height: 0;
}
.md-poster { width: 158px; }
.md-head { justify-self: stretch; }
.md-h1-sub { white-space: normal; }
.md-chips, .md-watch, .md-scores { justify-content: center; }
.md-short { margin-inline: auto; text-align: left; }
.md-tip { left: 50%; transform: translateX(-50%); }
.md-w-k button { min-height: 44px; }
.md-cast { grid-template-columns: 1fr 1fr; gap: 8px; }
.md-cast a { grid-template-columns: 44px minmax(0, 1fr); gap: 8px; padding: 6px 8px 6px 6px; min-height: 56px; align-items: center; }
.md-face, .md-cast .noimg { width: 44px; height: 44px; background-size: 24px; }
.md-shots li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.md-cast-t b {
font-size: .84rem; white-space: normal; overflow: hidden;
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;
}
.md-cast-t span { font-size: .75rem; }
.md-poster-wide { width: 260px; }
.md-similar { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px 12px; }
.md-sec { margin-bottom: 32px; }
.md-body { padding-top: 14px; }
.md-hero-in, .md-hero-in:has(.md-poster-wide) { padding-bottom: 12px; }
.md-foot { padding-top: 32px; }
.md-foot .md-ad { margin: 0 0 32px; }
}
@media (max-width: 460px) {
.md-watch { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.md-watch li:first-child { grid-column: 1 / -1; }
.md-watch li:last-child:nth-child(even) { grid-column: 1 / -1; }
.md-watch li { min-width: 0; }
.md-watch .md-btn { display: flex; width: 100%; justify-content: center; padding: 13px 10px; font-size: .9rem; white-space: normal; }
.md-watch li:first-child .md-btn { padding: 15px 12px; font-size: 1rem; }
.md-watch .md-btn-nord { padding: 13px 6px; gap: 6px; font-size: .85rem; letter-spacing: -.01em; }
.md-scores { display: grid; grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)); justify-content: start; gap: 8px; }
.md-score { min-width: 0; padding: 8px 10px 10px; grid-template-rows: 24px auto; align-content: start; }
.md-score-tag { font-size: 9.5px; letter-spacing: .06em; line-height: 1.15; align-self: start; }
.md-score-val { font-size: 1.25rem; }
.md-score-none { font-size: .85rem; }
}

@media (prefers-reduced-motion: reduce) {
.md-btn, .md-similar li, .md-poster-a, .md-shot-img { transition: none; transform: none; }
}
