:root {
  color-scheme: dark;
  --bg:#07090f;
  --panel:#10141d;
  --panel-soft:#151a25;
  --line:rgba(255,255,255,.11);
  --text:#f6f7fb;
  --muted:#a8afbd;
  --accent:#71a0ff;
  --accent-2:#9a72ff;
  font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;
}
* { box-sizing:border-box; }
[hidden] { display:none!important; }
html { scroll-behavior:smooth; }
body { min-width:320px; margin:0; color:var(--text); background:var(--bg); transition:background .28s; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
button { cursor:pointer; }
.skip-link { position:fixed; z-index:100; top:10px; left:10px; padding:10px 14px; border-radius:8px; color:#07101d; background:#fff; transform:translateY(-150%); }
.skip-link:focus { transform:none; }
.title-header { position:sticky; z-index:40; top:0; display:grid; grid-template-columns:250px minmax(280px,620px) 1fr; align-items:center; gap:0; height:64px; padding:0 24px; color:#17181c; color-scheme:light; border-bottom:1px solid #e4e6eb; background:rgba(255,255,255,.96); box-shadow:0 4px 18px rgba(24,31,45,.045); backdrop-filter:blur(16px); }
.title-brand { display:inline-flex; align-items:center; gap:9px; width:max-content; color:#17181c; white-space:nowrap; }
.title-brand-mark { display:grid; width:31px; height:31px; place-items:center; padding-left:2px; border-radius:10px; color:#fff; background:linear-gradient(135deg,#2c94ff,#6168f5); box-shadow:0 7px 16px rgba(38,136,235,.24); font-size:12px; }
.title-brand-name { font-size:18px; font-weight:800; letter-spacing:-.045em; }
.title-brand-name b { color:#2688eb; font-weight:800; }
.title-search { position:relative; display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; height:40px; border:1px solid transparent; border-radius:12px; color:#8b909a; background:#eef0f3; transition:.2s; }
.title-search:focus-within { border-color:#a9cef4; background:#fff; box-shadow:0 0 0 3px rgba(38,136,235,.1); }
.title-search>span { text-align:center; font-size:20px; transform:rotate(-16deg); }
.title-search input { min-width:0; height:100%; padding:0 12px 0 0; border:0; outline:0; color:#17181c; background:transparent; }
.title-search input::placeholder { color:#9398a1; }
.title-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:10px; }
.title-upload { display:inline-flex; height:39px; align-items:center; justify-content:center; gap:6px; padding:0 16px; border-radius:11px; color:#fff; background:#2688eb; font-size:13px; font-weight:700; transition:.18s; }
.title-upload:hover { background:#1f78d1; transform:translateY(-1px); }
.title-upload span { font-size:18px; font-weight:400; }
body.is-cinema-title .title-brand-mark { background:linear-gradient(135deg,#897bff,#6bbcff); box-shadow:0 7px 16px rgba(116,103,226,.25); }
body.is-cinema-title .title-brand-name b { color:#7769e8; }
.title-upload.service-return { color:#4d466f; border:1px solid #ddd9f7; background:#f0eeff; }
.title-upload.service-return:hover { color:#292347; background:#e5e1ff; }
.title-notification { position:relative; display:grid; width:39px; height:39px; place-items:center; border:0; border-radius:50%; color:#656a74; background:#f0f1f4; font-size:20px; }
.title-notification i { position:absolute; top:5px; right:4px; width:7px; height:7px; border:2px solid #fff; border-radius:50%; background:#ff4f67; }
.title-avatar { display:grid; width:38px; height:38px; place-items:center; border:0; border-radius:50%; color:#253252; background:linear-gradient(135deg,#b7d8ff,#d6c8ff); font-size:12px; font-weight:800; }
.title-profile-popover { position:fixed; z-index:120; top:56px; right:22px; display:grid; width:230px; padding:16px; color:#17181c; border:1px solid #e4e6eb; border-radius:14px; background:#fff; box-shadow:0 16px 45px rgba(23,29,42,.14); }
.title-profile-popover strong { font-size:13px; }
.title-profile-popover>span { margin:3px 0 12px; color:#858b96; font-size:11px; }
.title-profile-popover a { padding:10px 8px; border-radius:8px; font-size:13px; text-align:left; }
.title-profile-popover a:hover { background:#f4f5f7; }

.title-hero { position:relative; isolation:isolate; min-height:600px; overflow:hidden; }
.title-backdrop { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%; filter:saturate(.86) contrast(1.04); transform:scale(1.012); }
.title-hero-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,#07090f 3%,rgba(7,9,15,.91) 28%,rgba(7,9,15,.35) 67%,rgba(7,9,15,.18)),linear-gradient(0deg,#07090f 0%,rgba(7,9,15,.16) 40%,rgba(7,9,15,.28) 100%); }
.title-hero::after { content:""; position:absolute; z-index:-1; right:-14%; bottom:-62%; width:720px; height:720px; border:1px solid rgba(136,167,255,.12); border-radius:50%; box-shadow:0 0 0 80px rgba(121,145,255,.025),0 0 0 170px rgba(121,145,255,.018); }
.title-hero-content { max-width:1320px; margin:0 auto; padding:32px 24px 48px; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin-bottom:26px; color:#aeb5c2; font-size:11px; }
.breadcrumbs a:hover { color:#fff; }.breadcrumbs span { color:#697080; }.breadcrumbs b { color:#d9deea; font-weight:650; }
.title-hero-grid { display:grid; grid-template-columns:210px minmax(0,700px); gap:34px; align-items:end; }
.title-poster-wrap { position:relative; width:210px; margin:0; }
.title-poster { display:block; width:100%; aspect-ratio:2/3; border:1px solid rgba(255,255,255,.2); border-radius:16px; object-fit:cover; box-shadow:0 28px 55px rgba(0,0,0,.48),0 0 0 7px rgba(255,255,255,.025); transition:transform .35s,box-shadow .35s; }
.title-poster-wrap:hover .title-poster { transform:translateY(-5px); box-shadow:0 36px 70px rgba(0,0,0,.58),0 0 0 7px rgba(132,158,255,.055); }
.age-mark { position:absolute; right:12px; bottom:12px; padding:6px 8px; border:1px solid rgba(255,255,255,.26); border-radius:7px; background:rgba(5,7,12,.75); backdrop-filter:blur(10px); font-size:11px; font-weight:850; }
.title-kicker,.section-head p,.movie-info>p,.aside-card>p { margin:0 0 9px; color:#9cb5ff; font-size:10px; font-weight:900; letter-spacing:.15em; }
.title-intro h1 { max-width:780px; margin:0; font-size:clamp(50px,6.2vw,82px); line-height:.88; letter-spacing:-.078em; text-shadow:0 5px 30px rgba(0,0,0,.34); }
.title-original { margin:17px 0 0; color:#c0c5d0; font-size:17px; }
.title-badges { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }
.title-badges span { padding:7px 9px; border:1px solid rgba(255,255,255,.14); border-radius:7px; color:#dde1ea; background:rgba(8,10,16,.34); backdrop-filter:blur(9px); font-size:11px; font-weight:750; box-shadow:inset 0 1px rgba(255,255,255,.04); }
.title-badges .rating { border-color:rgba(255,201,101,.4); color:#ffd27c; background:linear-gradient(135deg,rgba(116,78,18,.33),rgba(8,10,16,.4)); }
.title-rating-panel { display:grid; grid-template-columns:auto minmax(240px,1fr); gap:14px; align-items:center; max-width:630px; margin:0 0 20px; padding:12px 14px; border:1px solid rgba(255,204,102,.22); border-radius:12px; background:linear-gradient(110deg,rgba(112,73,12,.24),rgba(10,13,21,.5)); backdrop-filter:blur(12px); }
.rating-summary { display:grid; min-width:90px; padding-right:14px; border-right:1px solid rgba(255,255,255,.12); }
.rating-summary strong { color:#ffd16e; font-size:28px; line-height:1; letter-spacing:-.06em; }.rating-summary strong small { margin-left:3px; color:#b9a679; font-size:10px; letter-spacing:0; }.rating-summary>span { margin-top:5px; color:#9da5b2; font-size:9px; }
.rating-action { display:grid; grid-template-columns:auto 1fr; gap:6px 12px; align-items:center; }.rating-action>span { color:#dce1ea; font-size:10px; font-weight:800; }.rating-action>small { grid-column:1/-1; color:#8f98a7; font-size:9px; }
.rating-options { display:flex; gap:3px; justify-content:flex-end; }.rating-options button { display:grid; width:23px; height:23px; place-items:center; padding:0; border:1px solid rgba(255,255,255,.12); border-radius:6px; color:#bec5d1; background:rgba(255,255,255,.055); font-size:8px; font-weight:800; transition:.15s; }.rating-options button:hover,.rating-options button.is-active { color:#151006; border-color:#ffd16e; background:#ffd16e; transform:translateY(-1px); }
.title-description { max-width:670px; margin:0; color:#d4d8e1; font-size:15px; line-height:1.68; }
.title-facts { display:grid; gap:7px; margin:18px 0 0; }
.title-facts div { display:grid; grid-template-columns:78px 1fr; gap:10px; font-size:12px; line-height:1.45; }
.title-facts dt { color:#838b99; }.title-facts dd { margin:0; color:#c9ced8; }
.title-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.primary-action,.secondary-action,.icon-action { display:inline-flex; min-height:45px; align-items:center; justify-content:center; border:0; border-radius:11px; font-size:13px; font-weight:850; }
.primary-action { gap:9px; padding:0 21px; color:#0b1018; background:#fff; box-shadow:0 9px 28px rgba(0,0,0,.22); transition:transform .18s,box-shadow .18s; }.primary-action span { font-size:11px; }
.primary-action:hover { transform:translateY(-2px); box-shadow:0 13px 34px rgba(0,0,0,.3); }
.secondary-action { padding:0 18px; color:#fff; background:rgba(255,255,255,.13); backdrop-filter:blur(12px); }
.secondary-action.is-active { color:#d9e4ff; background:#31528f; }.icon-action { width:45px; color:#fff; background:rgba(255,255,255,.13); }
.publisher-note { display:flex; gap:10px; align-items:center; margin-top:22px; color:#b8c0ce; }
.publisher-note>span { display:grid; width:25px; height:25px; place-items:center; border-radius:50%; color:#07110e; background:#72d2a9; font-size:12px; font-weight:900; }
.publisher-note p { display:grid; gap:3px; margin:0; }.publisher-note b { color:#dfe4ec; font-size:11px; }.publisher-note small { color:#8d95a3; font-size:10px; }

.watch-shell { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:22px; max-width:1320px; margin:0 auto; padding:18px 24px 76px; }
.watch-main { min-width:0; }
.cinema-player,.episodes-panel,.movie-info,.aside-card { border:1px solid var(--line); border-radius:16px; background:linear-gradient(145deg,#121722,#0e121a); }
.cinema-player { position:relative; padding:18px; box-shadow:0 18px 50px rgba(0,0,0,.16); transition:border-color .25s,box-shadow .25s; }
.cinema-player>header,.section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:15px; }
.cinema-player>header p { margin:0 0 5px; color:#8faeff; font-size:9px; font-weight:900; letter-spacing:.15em; }
.cinema-player>header h2,.section-head h2 { margin:0; font-size:22px; letter-spacing:-.055em; }
.cinema-player>header>span,.section-head>span,.player-header-actions>span { color:#9ea7b6; font-size:11px; }
.player-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; }
.theater-toggle { display:inline-flex; min-height:34px; align-items:center; gap:7px; padding:0 9px; border:1px solid rgba(255,255,255,.13); border-radius:9px; color:#dce2ef; background:rgba(255,255,255,.065); font-size:10px; font-weight:800; transition:.18s; }
.theater-toggle:hover,.theater-toggle[aria-pressed="true"] { border-color:rgba(139,173,255,.52); color:#fff; background:rgba(93,128,210,.24); }
.theater-toggle span { color:#9db9ff; font-size:15px; }.theater-toggle kbd { padding:2px 4px; border:1px solid rgba(255,255,255,.14); border-radius:4px; color:#777f8e; background:rgba(0,0,0,.22); font:8px/1.2 inherit; }
.player-frame { position:relative; isolation:isolate; display:grid; min-height:0; overflow:hidden; aspect-ratio:16/9; place-items:center; border:1px solid rgba(255,255,255,.075); border-radius:14px; background:#030407; box-shadow:inset 0 0 0 1px rgba(255,255,255,.018); }
.player-frame>img { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.88) brightness(.58) contrast(1.04); transform:scale(1.002); }
.title-media { position:absolute; z-index:2; inset:0; width:100%; height:100%; object-fit:contain; color-scheme:dark; background:#000; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .24s ease; }
.player-vignette { position:absolute; z-index:-2; inset:0; background:radial-gradient(circle at 50% 43%,transparent 0,rgba(3,4,7,.08) 39%,rgba(3,4,7,.58) 100%),linear-gradient(180deg,rgba(2,4,8,.38),transparent 28%,transparent 52%,rgba(2,3,6,.9) 100%); }
.player-topline { position:absolute; z-index:3; top:17px; right:18px; left:18px; display:flex; align-items:center; justify-content:space-between; color:rgba(255,255,255,.9); font-size:9px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; text-shadow:0 1px 8px rgba(0,0,0,.55); }
.player-topline>span { display:inline-flex; height:26px; align-items:center; gap:7px; padding:0 9px; border:1px solid rgba(255,255,255,.14); border-radius:7px; background:rgba(4,7,12,.28); box-shadow:0 6px 20px rgba(0,0,0,.12); backdrop-filter:blur(12px); }
.player-service-mark i { width:5px; height:5px; border-radius:50%; background:#76a5ff; box-shadow:0 0 0 4px rgba(113,160,255,.14),0 0 13px rgba(113,160,255,.8); }
.player-quality-mark { color:#dbe8ff; }
.player-play { position:relative; z-index:3; display:grid; width:72px; height:72px; place-items:center; padding:1px 0 0 5px; border:1px solid rgba(255,255,255,.72); border-radius:50%; color:#10131a; background:rgba(250,251,255,.94); box-shadow:0 18px 55px rgba(0,0,0,.38),0 0 0 8px rgba(255,255,255,.07); font-size:21px; transition:transform .18s,background .18s,box-shadow .18s; backdrop-filter:blur(12px); }
.player-play:hover { background:#fff; box-shadow:0 20px 60px rgba(0,0,0,.44),0 0 0 11px rgba(255,255,255,.1); transform:scale(1.055); }
.player-play:disabled { opacity:.38; cursor:not-allowed; filter:grayscale(1); transform:none; }
.player-play:focus-visible { outline:2px solid #fff; outline-offset:5px; }
.player-frame>p { position:absolute; z-index:3; bottom:75px; left:20px; max-width:min(72%,560px); margin:0; color:rgba(241,244,250,.82); font-size:10px; font-weight:650; letter-spacing:.01em; text-align:left; text-shadow:0 2px 13px rgba(0,0,0,.8); }
.player-controls { position:absolute; z-index:4; right:0; bottom:0; left:0; display:block; padding:46px 18px 13px; color:#f7f9fc; background:linear-gradient(180deg,transparent,rgba(1,2,5,.3) 28%,rgba(1,2,5,.9) 100%); }
.player-progress { position:relative; display:flex; height:13px; align-items:center; cursor:pointer; }
.player-progress::before { position:absolute; right:0; left:0; height:3px; border-radius:20px; background:rgba(255,255,255,.27); box-shadow:0 1px 5px rgba(0,0,0,.28); content:""; }
.player-progress i { position:relative; z-index:1; display:block; width:0; height:3px; border-radius:20px; background:linear-gradient(90deg,#75a9ff,#a879ff); }
.player-progress b { position:absolute; z-index:2; left:0; width:9px; height:9px; border:2px solid rgba(255,255,255,.7); border-radius:50%; background:#fff; box-shadow:0 2px 10px rgba(0,0,0,.42); transform:translateX(-1px); }
.player-control-row,.player-control-group { display:flex; align-items:center; }
.player-control-row { min-height:33px; justify-content:space-between; gap:12px; }
.player-control-group { gap:2px; }
.player-control-group-right { justify-content:flex-end; }
.player-tool { display:grid; width:32px; height:32px; flex:0 0 32px; place-items:center; border-radius:8px; color:rgba(255,255,255,.9); background:transparent; transition:color .16s,background .16s; }
.player-tool:hover { color:#fff; background:rgba(255,255,255,.12); }
.player-tool svg { width:17px; height:17px; overflow:visible; fill:currentColor; stroke:none; }
.player-tool-volume svg,.player-control-group-right .player-tool svg { fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.player-tool-play svg { width:18px; height:18px; }
.player-tool-text { font-size:9px; font-weight:900; letter-spacing:-.04em; }
.player-time { display:flex; align-items:center; gap:4px; margin-left:6px; color:rgba(255,255,255,.88); font-feature-settings:"tnum"; font-size:10px; white-space:nowrap; }
.player-time b { color:rgba(255,255,255,.4); font-weight:500; }.player-time em { font-style:normal; }
.player-hd-mark { display:grid; min-width:29px; height:19px; place-items:center; margin:0 3px; border:1px solid rgba(255,255,255,.28); border-radius:5px; color:#fff; background:rgba(255,255,255,.08); font-size:8px; font-weight:900; letter-spacing:.04em; }
.player-frame.is-media-started .title-media { opacity:1; visibility:visible; pointer-events:auto; }
.player-frame.is-media-started>img,.player-frame.is-media-started .player-vignette,.player-frame.is-media-started .player-topline,.player-frame.is-media-started .player-play,.player-frame.is-media-started>p,.player-frame.is-media-started .player-controls { opacity:0; visibility:hidden; pointer-events:none; }
.episodes-panel,.movie-info { margin-top:22px; padding:22px; }
.season-tabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.season-tabs button { padding:9px 13px; border:1px solid #323b4c; border-radius:9px; color:#aeb6c3; background:#171c27; font-size:12px; font-weight:800; }
.season-tabs button.active { border-color:#6f90e4; color:#fff; background:#263a67; }
.episode-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.episode-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; min-width:0; padding:9px; border:1px solid #252d3b; border-radius:11px; color:#fff; background:#111620; text-align:left; }
.episode-card:hover,.episode-card.is-selected { border-color:#6384db; background:#18243d; }
.episode-select { display:grid; grid-template-columns:112px minmax(0,1fr); gap:12px; align-items:center; min-width:0; padding:0; color:inherit; border:0; background:transparent; text-align:left; }
.episode-thumb { position:relative; height:70px; overflow:hidden; border-radius:8px; }.episode-thumb img { width:100%; height:100%; object-fit:cover; filter:saturate(.75) brightness(.78); }.episode-thumb span { position:absolute; right:5px; bottom:5px; padding:3px 5px; border-radius:4px; background:rgba(0,0,0,.75); font-size:9px; }
.episode-copy { display:grid; min-width:0; gap:5px; }.episode-copy b { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }.episode-copy span { display:-webkit-box; overflow:hidden; color:#8f99aa; font-size:10px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.episode-play { display:grid; width:34px; height:34px; place-items:center; border:1px solid #394762; border-radius:9px; color:#afc5ff; background:#1a2231; font-size:11px; font-style:normal; transition:.16s; }.episode-play:hover { color:#fff; border-color:#7c9df1; background:#294174; }
.episode-play.is-unavailable { width:auto; min-width:52px; padding:0 9px; color:#7f8998; background:#171c25; font-size:7px; font-weight:850; text-transform:uppercase; }
.episode-play.is-unavailable:hover { color:#7f8998; border-color:#394762; background:#171c25; }
.movie-info h2 { margin:0 0 15px; font-size:26px; letter-spacing:-.055em; }.movie-info>div { display:flex; flex-wrap:wrap; gap:8px; }.movie-info span { padding:8px 10px; border:1px solid #2e394b; border-radius:8px; color:#aeb8c8; background:#151b26; font-size:11px; }
.watch-aside { display:grid; align-content:start; gap:14px; }.aside-card { padding:19px; }.aside-card h2 { margin:0 0 13px; font-size:22px; letter-spacing:-.055em; }.aside-card>span { color:#a5adba; font-size:12px; line-height:1.58; }.aside-card>a { display:inline-block; margin-top:20px; color:#aec3ff; font-size:12px; font-weight:850; }.title-card-about>div { display:grid; }.title-card-about>div span { display:flex; justify-content:space-between; gap:10px; padding:10px 0; border-top:1px solid #252d3a; color:#929baa; font-size:11px; }.title-card-about>div b { color:#d4dae5; font-weight:650; text-align:right; }
.service-context-card { display:none!important; }
.marketplace-banner { position:relative; isolation:isolate; min-height:720px; overflow:hidden; border:1px solid rgba(202,255,99,.38); border-radius:20px; background:radial-gradient(circle at 82% 12%,rgba(202,255,99,.13),transparent 26%),linear-gradient(155deg,#25154b,#090c14 58%,#111c1b); box-shadow:0 30px 80px rgba(24,8,60,.46),inset 0 1px rgba(255,255,255,.08); }
.marketplace-banner::after { position:absolute; z-index:-1; inset:0; background:repeating-linear-gradient(125deg,transparent 0 27px,rgba(255,255,255,.018) 28px 29px); content:""; }
.marketplace-ad-notice { display:flex; min-height:43px; align-items:center; justify-content:space-between; gap:10px; padding:0 15px; border-bottom:1px solid rgba(202,255,99,.18); background:rgba(5,7,12,.58); }
.marketplace-ad-notice>span { padding:5px 7px; border-radius:5px; color:#10160c; background:#caff63; font-size:7px; font-weight:950; letter-spacing:.14em; }
.marketplace-ad-notice>small { max-width:170px; color:#899486; font-size:6px; font-weight:850; letter-spacing:.09em; line-height:1.35; text-align:right; }
.marketplace-banner-body { display:grid; min-height:675px; grid-template-rows:auto 285px 1fr; padding:16px; color:#f7f8fa; transition:filter .2s; }
.marketplace-banner-body:hover { filter:brightness(1.08); }.marketplace-banner-body:hover .marketplace-creative img { transform:scale(1.065); }.marketplace-banner-body:hover .marketplace-cta { transform:translateY(-2px); }
.marketplace-banner-head { display:grid; grid-template-columns:34px minmax(0,1fr) auto; gap:9px; align-items:center; margin-bottom:14px; }
.marketplace-brand-mark { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; color:#11170e; background:linear-gradient(145deg,#caff63,#79ead0); box-shadow:0 10px 28px rgba(115,231,195,.2); font-size:18px; font-weight:950; }
.marketplace-banner-head>b { font-size:15px; letter-spacing:-.055em; }.marketplace-banner-head i { display:block; margin-top:3px; color:#94f0d7; font-size:8px; font-style:normal; letter-spacing:.12em; text-transform:uppercase; }.marketplace-banner-head>em { padding:5px 7px; border:1px solid rgba(202,255,99,.24); border-radius:6px; color:#d9f8a9; background:rgba(202,255,99,.07); font-size:7px; font-style:normal; font-weight:900; letter-spacing:.1em; }
.marketplace-creative { position:relative; min-height:285px; margin:0; overflow:hidden; border:1px solid rgba(181,157,255,.27); border-radius:16px; background:#080912; box-shadow:0 20px 45px rgba(0,0,0,.34); }
.marketplace-creative::after { position:absolute; inset:0; background:linear-gradient(180deg,rgba(3,4,8,.05),rgba(5,6,12,.08) 45%,rgba(5,7,12,.92)); content:""; }
.marketplace-creative img { width:100%; height:100%; object-fit:cover; object-position:68% center; transform:scale(1.035); transition:transform .45s ease; }
.marketplace-creative figcaption { position:absolute; z-index:1; right:13px; bottom:12px; left:13px; display:grid; gap:4px; }.marketplace-creative figcaption>b { color:#caff63; font-size:7px; letter-spacing:.13em; }.marketplace-creative figcaption>span { color:#d7d4df; font-size:9px; font-weight:800; }
.marketplace-price { position:absolute; z-index:2; top:11px; right:11px; display:grid; gap:1px; padding:8px 9px; border:1px solid rgba(255,255,255,.16); border-radius:10px; background:rgba(8,9,15,.75); backdrop-filter:blur(10px); }.marketplace-price small { color:#aaa4b3; font-size:6px; }.marketplace-price strong { color:#fff; font-size:12px; }
.marketplace-banner-copy { align-self:end; padding-top:20px; }.marketplace-banner-copy>p { margin:0 0 9px; color:#caff63; font-size:8px; font-weight:900; letter-spacing:.14em; }.marketplace-banner-copy h2 { margin:0; font-size:31px; line-height:.94; letter-spacing:-.072em; }.marketplace-banner-copy>span { display:block; margin-top:13px; color:#c4c8d2; font-size:11px; line-height:1.55; }
.marketplace-banner-copy ul { display:grid; gap:7px; margin:15px 0 0; padding:0; color:#aeb5c1; font-size:8px; list-style:none; }.marketplace-banner-copy li { display:flex; align-items:center; gap:7px; }.marketplace-banner-copy li::before { display:grid; width:15px; height:15px; flex:none; place-items:center; border-radius:5px; color:#15200f; background:#caff63; font-size:7px; font-weight:950; content:"✓"; }
.marketplace-cta { display:flex; width:100%; min-height:56px; align-items:center; justify-content:space-between; margin-top:19px; padding:0 15px; border-radius:12px; color:#11160f; background:linear-gradient(105deg,#caff63,#7eead1); box-shadow:0 17px 38px rgba(112,228,186,.2); font-size:11px; font-weight:950; transition:transform .18s,filter .18s; }.marketplace-cta b { font-size:18px; }.marketplace-banner-copy>small { display:block; margin-top:10px; color:#7e887d; font-size:7px; line-height:1.45; }
.similar-section { max-width:1320px; margin:0 auto; padding:0 24px 80px; }.section-head>a { color:#aec3ff; font-size:12px; font-weight:800; }
.similar-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.similar-card { position:relative; min-height:230px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#151922; }.similar-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.78); transition:transform .3s; }.similar-card:hover img { transform:scale(1.04); }.similar-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,7,11,.96),rgba(5,7,11,.05) 70%); }.similar-card>div { position:absolute; z-index:1; right:14px; bottom:13px; left:14px; }.similar-card span { color:#b6c7f7; font-size:9px; font-weight:850; letter-spacing:.1em; }.similar-card h3 { margin:5px 0 0; font-size:16px; letter-spacing:-.04em; }
.title-seo-section { display:none; }
.title-footer { display:grid; grid-template-columns:auto 1fr auto; gap:30px; align-items:center; min-height:105px; padding:22px max(24px,calc((100vw - 1320px)/2)); border-top:1px solid var(--line); color:#8f98a8; background:#090c12; }.title-footer .title-brand { color:#f6f7fb; }.title-footer p { margin:0; font-size:11px; text-align:center; }.title-footer>a:last-child { color:#b8c8f7; font-size:11px; font-weight:800; }
.title-toast { position:fixed; z-index:80; right:20px; bottom:20px; max-width:min(390px,calc(100vw - 40px)); padding:12px 14px; border:1px solid #496299; border-radius:10px; color:#eef2ff; background:rgba(17,25,42,.97); box-shadow:0 16px 38px rgba(0,0,0,.4); font-size:12px; opacity:0; pointer-events:none; transform:translateY(12px); transition:.2s; }.title-toast.is-visible { opacity:1; transform:none; }
.watch-aside .title-market-ad { grid-template-columns:1fr; min-height:260px; align-content:end; gap:12px; padding:18px; }
.watch-aside .title-market-ad>span:first-child { justify-self:start; }
.watch-aside .title-market-ad>div b { overflow:visible; font-size:18px; line-height:1.05; white-space:normal; }
.watch-aside .title-market-ad>div small { white-space:normal; }
.watch-aside .title-market-ad>strong { justify-content:center; }
.watch-aside .title-market-ad .zz-native-ad-art { position:absolute; top:20px; right:15px; opacity:.7; }

body.is-theater-mode { overflow:hidden; background:#010204; }
body.is-theater-mode::before { position:fixed; z-index:90; inset:0; background:radial-gradient(circle at 50% 38%,rgba(36,52,88,.2),transparent 44%),rgba(0,1,3,.97); backdrop-filter:blur(18px); content:""; }
body.is-theater-mode .cinema-player { position:fixed; z-index:100; inset:clamp(8px,2vw,24px); display:flex; flex-direction:column; padding:clamp(12px,1.6vw,22px); border-color:rgba(131,160,230,.22); border-radius:18px; background:#05070b; box-shadow:0 30px 120px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.025); }
body.is-theater-mode .cinema-player>header { flex:0 0 auto; }
body.is-theater-mode .player-frame { flex:1 1 auto; min-height:0; border-radius:12px; }
body.is-theater-mode .player-frame>img { filter:saturate(.82) brightness(.44); }
body.is-theater-mode .title-toast { z-index:120; }

button:focus-visible,a:focus-visible { outline:2px solid #9cb8ff; outline-offset:3px; }

@media (max-width:1050px) {
  .title-header { grid-template-columns:auto minmax(220px,1fr) auto; gap:18px; }.title-hero-grid { grid-template-columns:190px minmax(0,1fr); }.title-poster-wrap { width:190px; }.title-intro h1 { max-width:100%; overflow-wrap:anywhere; font-size:clamp(48px,6.4vw,60px); }.watch-shell { grid-template-columns:1fr; }.watch-aside { grid-template-columns:repeat(2,minmax(0,1fr)); }.episode-grid { grid-template-columns:1fr; }.similar-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.title-seo-section { grid-template-columns:1fr; margin-right:24px; margin-left:24px; }
}
@media (min-width:761px) and (max-width:900px) {
  .title-header { grid-template-columns:auto minmax(150px,1fr) auto; gap:12px; padding:0 14px; }
  .title-brand-name { font-size:16px; }
  .title-notification { display:none; }
  .title-upload { width:39px; padding:0; font-size:0; }
  .title-upload span { font-size:18px; }
  .title-hero-content { padding-right:18px; padding-left:18px; }
  .title-hero-grid { grid-template-columns:164px minmax(0,1fr); gap:24px; }
  .title-poster-wrap { width:164px; }
  .title-intro h1 { font-size:clamp(42px,6vw,52px); line-height:.92; letter-spacing:-.065em; }
}
@media (max-width:760px) {
  .title-header { grid-template-columns:auto minmax(0,1fr) auto; gap:10px; height:58px; padding:0 12px; }.title-brand-name { display:none; }.title-search { height:38px; }.title-search input { font-size:16px; }.title-upload { width:38px; height:38px; padding:0; font-size:0; }.title-upload span { font-size:20px; }.title-notification { display:none; }.title-profile-popover { top:52px; right:10px; }
  .title-hero { min-height:auto; }.title-hero-content { padding:24px 18px 40px; }.breadcrumbs { margin-bottom:72px; }.title-hero-grid { grid-template-columns:105px 1fr; gap:17px; align-items:start; }.title-poster-wrap { width:105px; }.title-intro h1 { font-size:clamp(38px,11vw,54px); line-height:.9; }.title-original { font-size:13px; }.title-description { grid-column:1/-1; font-size:13px; }.title-facts { display:none; }.title-actions { grid-column:1/-1; }.publisher-note { grid-column:1/-1; }.title-rating-panel { grid-column:1/-1; width:100%; }.title-intro { display:contents; }.title-kicker,.title-intro h1,.title-original,.title-badges { grid-column:2; }.title-kicker { align-self:end; margin-top:5px; }.title-badges { margin:9px 0 0; }.title-badges span { padding:5px 7px; font-size:9px; }
  .watch-shell { padding:12px 12px 55px; }.cinema-player { padding:10px; }.cinema-player>header { align-items:center; padding:5px 3px 0; }.cinema-player>header h2 { font-size:18px; }.player-header-actions>span { display:none; }.theater-toggle b { display:none; }.player-frame { min-height:0; }.player-play { width:58px; height:58px; font-size:17px; }.player-frame>p { bottom:39px; font-size:10px; }.player-controls { right:10px; bottom:10px; left:10px; gap:7px; }.episodes-panel,.movie-info { padding:16px; }.episode-select { grid-template-columns:92px minmax(0,1fr); }.episode-thumb { height:60px; }.watch-aside { grid-template-columns:1fr; }.similar-section { padding:0 16px 55px; }.similar-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.similar-card { min-height:205px; }.title-seo-section { gap:23px; margin:0 16px 55px; padding:22px; }.title-seo-copy>div p { font-size:12px; }.title-footer { grid-template-columns:1fr; gap:13px; padding:28px 18px; }.title-footer p { text-align:left; }
  .player-topline { top:11px; right:12px; left:12px; font-size:7px; }.player-topline>span { height:22px; padding:0 7px; border-radius:6px; }.player-frame>p { bottom:61px; left:12px; max-width:70%; font-size:8px; }.player-controls { right:0; bottom:0; left:0; gap:0; padding:34px 10px 7px; }.player-progress { height:10px; }.player-control-row { min-height:29px; }.player-tool { width:28px; height:28px; flex-basis:28px; }.player-tool svg { width:15px; height:15px; }.player-time { margin-left:3px; font-size:8px; }.player-hd-mark { min-width:26px; height:17px; margin:0 1px; font-size:7px; }
  body.is-theater-mode .cinema-player { inset:0; border:0; border-radius:0; }
  .watch-aside .title-market-ad { min-height:150px; }
}
@media (max-width:430px) {
  .breadcrumbs { margin-bottom:54px; }.title-hero-grid { grid-template-columns:88px 1fr; }.title-poster-wrap { width:88px; }.title-intro h1 { font-size:36px; }.primary-action,.secondary-action { min-height:42px; padding:0 14px; }.title-rating-panel { grid-template-columns:1fr; }.rating-summary { padding:0 0 10px; border-right:0; border-bottom:1px solid rgba(255,255,255,.12); }.rating-action { grid-template-columns:1fr; }.rating-options { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; width:100%; justify-content:stretch; }.rating-options button { width:100%; height:34px; }.episode-select { grid-template-columns:76px minmax(0,1fr); gap:8px; }.episode-thumb { height:54px; }.similar-grid { grid-template-columns:1fr 1fr; }.similar-card { min-height:180px; }.similar-card h3 { font-size:14px; }
  .player-tool-optional,.player-tool-text { display:none; }.player-service-mark { max-width:88px; overflow:hidden; white-space:nowrap; }.player-control-group { gap:0; }.player-frame>p { max-width:58%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
@media (min-width:761px) and (max-width:1050px) {
  .marketplace-banner { min-height:540px; }
  .marketplace-banner-body { min-height:495px; grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr); grid-template-rows:auto 1fr; gap:20px; }
  .marketplace-banner-head { grid-column:1/-1; }
  .marketplace-creative { grid-column:1; grid-row:2; min-height:340px; }
  .marketplace-banner-copy { grid-column:2; grid-row:2; align-self:center; padding-top:0; }
}
@media (max-width:760px) {
  .marketplace-banner { min-height:640px; }
  .marketplace-banner-body { min-height:595px; grid-template-rows:auto 260px 1fr; padding:14px; }
  .marketplace-creative { min-height:260px; }
}
@media (max-width:430px) {
  .marketplace-banner-body { grid-template-rows:auto 230px 1fr; }
  .marketplace-creative { min-height:230px; }
  .marketplace-banner-copy h2 { font-size:28px; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; }
}

/* Compact title page: prominent poster, readable content and Marketplace ad. */
.title-hero { min-height:0; }
.title-hero-content { max-width:1440px; padding:24px 28px 38px; }
.breadcrumbs { margin-bottom:20px; }
.title-hero-grid { grid-template-columns:260px minmax(0,1fr) 270px; gap:28px; align-items:start; }
.title-poster-wrap { width:260px; align-self:start; }
.title-intro { min-width:0; padding-top:2px; }
.title-intro h1 { max-width:720px; font-size:clamp(46px,4.4vw,64px); line-height:.93; letter-spacing:-.067em; overflow-wrap:anywhere; }
.title-original { margin-top:10px; font-size:15px; }
.title-badges { margin:14px 0; }
.title-rating-panel { max-width:680px; margin-bottom:15px; padding:10px 12px; }
.rating-summary strong { font-size:24px; }
.title-description { max-width:720px; font-size:14px; line-height:1.55; }
.title-facts { margin-top:12px; }
.title-actions { margin-top:18px; }
.publisher-note { margin-top:15px; }
.zz-native-ad.title-hero-market-ad { grid-template-columns:1fr; min-height:420px; align-content:end; align-self:stretch; gap:12px; padding:20px; border-color:rgba(129,238,202,.28); background-image:linear-gradient(180deg,rgba(12,8,22,.18),rgba(12,8,22,.96) 72%),var(--zz-native-poster,none),radial-gradient(circle at 78% 12%,rgba(129,238,202,.26),transparent 35%),radial-gradient(circle at 20% 32%,rgba(135,83,238,.34),transparent 42%); }
.zz-native-ad.title-hero-market-ad>span:first-child { justify-self:start; }
.zz-native-ad.title-hero-market-ad>div b { overflow:visible; font-size:22px; line-height:1.03; white-space:normal; }
.zz-native-ad.title-hero-market-ad>div small { overflow:visible; color:#b9b2c0; font-size:10px; line-height:1.45; white-space:normal; }
.zz-native-ad.title-hero-market-ad>strong { justify-content:center; }
.zz-native-ad.title-hero-market-ad .zz-native-ad-art { position:absolute; top:24px; right:18px; display:block; opacity:.8; }
.watch-shell { max-width:1440px; }
.title-seo-section { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr); gap:32px; max-width:1320px; margin:0 auto 72px; padding:30px 32px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,#121722,#0d1118); }
.title-seo-copy>p,.title-seo-points>span { margin:0 0 8px; color:#94adf7; font-size:9px; font-weight:900; letter-spacing:.15em; }
.title-seo-copy h2 { max-width:820px; margin:0; font-size:clamp(27px,3vw,42px); line-height:1; letter-spacing:-.06em; }
.title-seo-copy>div { display:grid; gap:10px; margin-top:18px; }
.title-seo-copy>div p { max-width:850px; margin:0; color:#aeb6c4; font-size:13px; line-height:1.65; }
.title-seo-points { align-self:stretch; padding:20px; border:1px solid rgba(139,168,239,.16); border-radius:14px; background:#101722; }
.title-seo-points ul { display:grid; gap:12px; margin:16px 0 0; padding:0; list-style:none; }
.title-seo-points li { position:relative; padding-left:20px; color:#c2c9d5; font-size:11px; line-height:1.45; }
.title-seo-points li::before { position:absolute; top:1px; left:0; display:grid; width:14px; height:14px; place-items:center; border-radius:5px; color:#111820; background:#8fe4c7; font-size:7px; font-weight:900; content:"✓"; }

@media (max-width:1180px) {
  .title-hero-content { padding-right:22px; padding-left:22px; }
  .title-hero-grid { grid-template-columns:210px minmax(0,1fr) 220px; gap:22px; }
  .title-poster-wrap { width:210px; }
  .title-intro h1 { font-size:clamp(42px,5vw,56px); }
  .zz-native-ad.title-hero-market-ad { min-height:390px; padding:17px; }
  .zz-native-ad.title-hero-market-ad>div b { font-size:19px; }
}
@media (max-width:900px) {
  .title-hero-grid { grid-template-columns:200px minmax(0,1fr); gap:24px; }
  .title-poster-wrap { width:200px; }
  .zz-native-ad.title-hero-market-ad { grid-column:1/-1; grid-template-columns:auto minmax(0,1fr) auto 90px; min-height:130px; align-content:center; align-items:center; padding:17px 18px; }
  .zz-native-ad.title-hero-market-ad>div b { font-size:17px; }
  .zz-native-ad.title-hero-market-ad .zz-native-ad-art { position:relative; top:auto; right:auto; display:block; width:90px; height:68px; }
  .title-seo-section { grid-template-columns:1fr; margin-right:22px; margin-left:22px; }
}
@media (max-width:760px) {
  .title-hero-content { padding:18px 16px 28px; }
  .breadcrumbs { margin-bottom:22px; }
  .title-hero-grid { grid-template-columns:116px minmax(0,1fr); gap:16px; }
  .title-poster-wrap { width:116px; }
  .title-intro h1 { font-size:clamp(31px,9.4vw,42px); line-height:.94; }
  .title-original { margin-top:8px; font-size:12px; }
  .title-badges { margin-top:8px; }
  .title-rating-panel { margin-top:6px; }
  .title-description { font-size:12px; }
  .zz-native-ad.title-hero-market-ad { grid-column:1/-1; grid-template-columns:auto minmax(0,1fr) auto; min-height:104px; }
  .zz-native-ad.title-hero-market-ad>div b { font-size:14px; }
  .zz-native-ad.title-hero-market-ad .zz-native-ad-art { display:none; }
  .title-seo-section { gap:20px; margin:0 14px 48px; padding:22px 20px; }
  .title-seo-copy h2 { font-size:28px; }
  .title-seo-copy>div p { font-size:12px; }
}
@media (max-width:430px) {
  .title-hero-grid { grid-template-columns:100px minmax(0,1fr); gap:13px; }
  .title-poster-wrap { width:100px; }
  .title-intro h1 { font-size:30px; }
  .title-kicker { font-size:8px; letter-spacing:.11em; }
  .zz-native-ad.title-hero-market-ad { grid-template-columns:1fr auto; }
  .zz-native-ad.title-hero-market-ad>span:first-child { grid-column:1/-1; }
}

/* Mobile app polish: deterministic icons, aligned poster and compact rating. */
.title-brand-mark,.title-upload>span,.title-search>span,.primary-action>span,.player-play { font-size:0; }
.title-brand-mark,.title-upload,.title-search>span,.primary-action>span,.player-play { position:relative; }
.title-brand-mark::before,.primary-action>span::before,.player-play::before { display:block; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:9px solid currentColor; content:""; }
.title-brand-mark::before { color:#fff; transform:translateX(1px); }
.primary-action>span { display:grid; width:14px; height:14px; place-items:center; color:#0b1018; }
.primary-action>span::before { border-top-width:4px; border-bottom-width:4px; border-left-width:7px; }
.player-play::before { color:#10131a; transform:translateX(2px); }
.title-upload>span { position:relative; display:block; width:17px; height:17px; }
.title-upload>span::before,.title-upload>span::after { position:absolute; top:50%; left:50%; border-radius:2px; background:currentColor; content:""; transform:translate(-50%,-50%); }
.title-upload>span::before { width:15px; height:2px; }
.title-upload>span::after { width:2px; height:15px; }
.title-search>span::before { display:block; width:10px; height:10px; margin:0 auto; border:2px solid currentColor; border-radius:50%; content:""; }
.title-search>span::after { position:absolute; top:19px; left:18px; width:6px; height:2px; border-radius:2px; background:currentColor; content:""; transform:rotate(45deg); transform-origin:left center; }

@media (max-width:760px) {
  .title-header { height:60px; gap:9px; padding:0 11px; box-shadow:0 7px 24px rgba(19,28,42,.08); }
  .title-brand-mark { width:40px; height:40px; border-radius:13px; box-shadow:0 8px 20px rgba(45,119,235,.22); }
  .title-search { height:40px; border-radius:13px; }
  .title-search>span { width:28px; }
  .title-search>span::after { top:20px; left:17px; }
  .title-search input { padding-right:8px; font-size:14px; }
  .title-upload { width:40px; height:40px; border-radius:13px; box-shadow:0 7px 18px rgba(38,136,235,.2); }
  .title-avatar { width:40px; height:40px; box-shadow:inset 0 0 0 1px rgba(77,95,145,.05); }
  .title-hero-content { padding:17px 14px 26px; }
  .breadcrumbs { flex-wrap:nowrap; gap:7px; margin:0 -2px 20px; overflow-x:auto; font-size:9px; scrollbar-width:none; white-space:nowrap; }
  .breadcrumbs::-webkit-scrollbar { display:none; }
  .breadcrumbs b { overflow:hidden; text-overflow:ellipsis; }
  .title-hero-grid { grid-template-columns:104px minmax(0,1fr); gap:0 14px; }
  .title-poster-wrap { grid-column:1; grid-row:1 / span 4; width:104px; align-self:start; }
  .title-poster { border-radius:14px; box-shadow:0 20px 42px rgba(0,0,0,.42),0 0 0 5px rgba(255,255,255,.026); }
  .age-mark { right:7px; bottom:7px; padding:5px 7px; border-radius:7px; font-size:9px; }
  .title-kicker,.title-intro h1,.title-original,.title-badges { grid-column:2; align-self:start; }
  .title-kicker { margin:1px 0 6px; font-size:7px; line-height:1.35; letter-spacing:.13em; }
  .title-intro h1 { margin:0; font-size:clamp(29px,8.4vw,38px); line-height:.91; letter-spacing:-.07em; }
  .title-original { margin-top:9px; color:#c5cad4; font-size:11px; line-height:1.35; }
  .title-badges { gap:5px; margin:9px 0 0; }
  .title-badges span { padding:5px 6px; border-radius:6px; font-size:8px; }
  .title-rating-panel { grid-column:1/-1; grid-template-columns:70px minmax(0,1fr); gap:10px; min-height:64px; max-width:none; margin:12px 0 14px; padding:10px 11px; border-radius:14px; background:linear-gradient(115deg,rgba(87,55,13,.36),rgba(10,13,21,.68)); }
  .rating-summary { min-width:0; padding:1px 10px 1px 0; border-right:1px solid rgba(255,255,255,.12); border-bottom:0; }
  .rating-summary strong { font-size:24px; }
  .rating-summary strong small { font-size:8px; }
  .rating-summary>span { margin-top:4px; font-size:7px; white-space:nowrap; }
  .rating-action { grid-template-columns:auto minmax(0,1fr); gap:5px 8px; min-width:0; }
  .rating-action>span { font-size:8px; white-space:nowrap; }
  .rating-action>small { font-size:7px; }
  .rating-options { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:2px; width:100%; min-width:0; }
  .rating-options button { width:100%; height:23px; border-radius:5px; font-size:7px; }
  .title-description { margin-top:0; font-size:12px; line-height:1.58; }
  .player-play { width:58px; height:58px; padding:0; border-radius:50%; }
}

@media (max-width:430px) {
  .title-header { grid-template-columns:40px minmax(0,1fr) auto; }
  .title-header-actions { gap:7px; }
  .title-hero-grid { grid-template-columns:96px minmax(0,1fr); gap:0 13px; }
  .title-poster-wrap { width:96px; }
  .title-intro h1 { font-size:clamp(28px,8.1vw,33px); }
  .title-rating-panel { grid-template-columns:65px minmax(0,1fr); gap:8px; padding:9px 10px; }
  .rating-summary { padding-right:8px; }
  .rating-options { gap:2px; }
  .rating-options button { height:22px; font-size:6.5px; }
}

@media (max-width:360px) {
  .title-search input::placeholder { color:transparent; }
  .title-hero-grid { grid-template-columns:88px minmax(0,1fr); gap:0 11px; }
  .title-poster-wrap { width:88px; }
  .title-intro h1 { font-size:27px; }
  .title-rating-panel { grid-template-columns:58px minmax(0,1fr); }
  .rating-summary>span,.rating-action>small { display:none; }
}