/* ==================================================================
 * LikeFilm route bundle: Content and information pages
 *
 * Routes:
 *   /wiki/*
 *   /fandom/*
 *   /article/*
 *   /info/*
 *
 * Extracted from UnityMovie-2.2(51).css. Article pages currently use
 * shared UI primitives from u.css; this bundle is still routed to the
 * whole content family for a stable future module boundary.
 *
 * The global .lfPrivacyBar consent banner intentionally remains in u.css.
 * ================================================================== */

/* LikeFilm About — VER25 */
html.lfv2-active .lfAboutPage,
html.lfv2-active .lfAboutPage * {
    box-sizing: border-box;
}

html.lfv2-active .lfAboutPage {
    --lf-about-bg: #08111d;
    --lf-about-panel: #0c1c2d;
    --lf-about-panel-soft: #0a1726;
    --lf-about-border: rgba(145, 181, 214, .18);
    --lf-about-text: #f3f7fb;
    --lf-about-muted: #a9bfd4;
    --lf-about-accent: #f5c518;
    width: 100%;
    color: var(--lf-about-text);
    padding: 24px 0 72px;
}

html.lfv2-active .lfAboutBreadcrumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin: 0 0 18px;
    color: #91aac1;
    font-size: 13px;
    line-height: 1.5;
}

html.lfv2-active .lfAboutBreadcrumbs a,
html.lfv2-active .lfAboutBreadcrumbs a:link,
html.lfv2-active .lfAboutBreadcrumbs a:visited {
    color: #91aac1 !important;
    text-decoration: none;
}

html.lfv2-active .lfAboutBreadcrumbs a:hover,
html.lfv2-active .lfAboutBreadcrumbs a:focus-visible {
    color: #fff !important;
}

html.lfv2-active .lfAboutHero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.38fr) minmax(310px, .62fr);
    min-height: 470px;
    overflow: hidden;
    padding: 54px 56px;
    border: 1px solid rgba(245, 197, 24, .19);
    border-radius: 24px;
    background:
        radial-gradient(circle at 86% 28%, rgba(245, 197, 24, .18), transparent 32%),
        linear-gradient(118deg, #0d2135 0%, #081522 57%, #222411 100%);
    box-shadow: 0 22px 55px rgba(0, 0, 0, .24);
}

html.lfv2-active .lfAboutHero::after {
    content: "";
    position: absolute;
    right: -110px;
    bottom: -210px;
    width: 530px;
    height: 530px;
    border: 1px solid rgba(245, 197, 24, .13);
    border-radius: 50%;
    pointer-events: none;
}

html.lfv2-active .lfAboutHeroContent {
    position: relative;
    z-index: 2;
    align-self: center;
    min-width: 0;
}

html.lfv2-active .lfAboutKicker,
html.lfv2-active .lfAboutSectionKicker {
    margin-bottom: 16px;
    color: var(--lf-about-accent);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .02em;
    text-transform: uppercase;
}

html.lfv2-active .lfAboutHero h1 {
    max-width: 820px;
    margin: 0;
    color: #f7f9fc;
    font-size: clamp(43px, 4.15vw, 68px);
    font-weight: 730;
    line-height: 1.04;
    letter-spacing: -.045em;
}

html.lfv2-active .lfAboutHeroContent > p {
    max-width: 720px;
    margin: 24px 0 0;
    color: #bed0e0;
    font-size: 18px;
    line-height: 1.58;
}

html.lfv2-active .lfAboutHeroActions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

html.lfv2-active .lfAboutButton,
html.lfv2-active .lfAboutButton:link,
html.lfv2-active .lfAboutButton:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    border: 1px solid var(--lf-about-border);
    border-radius: 13px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease;
}

html.lfv2-active .lfAboutButton--primary,
html.lfv2-active .lfAboutButton--primary:link,
html.lfv2-active .lfAboutButton--primary:visited {
    color: #09111a !important;
    background: #f5c518 !important;
    border-color: #f5c518 !important;
}

html.lfv2-active .lfAboutButton--secondary,
html.lfv2-active .lfAboutButton--secondary:link,
html.lfv2-active .lfAboutButton--secondary:visited {
    color: #eef5fb !important;
    background: rgba(4, 15, 27, .55) !important;
}

html.lfv2-active .lfAboutButton:hover,
html.lfv2-active .lfAboutButton:focus-visible {
    transform: translateY(-2px);
}

html.lfv2-active .lfAboutButton--primary:hover,
html.lfv2-active .lfAboutButton--primary:focus-visible {
    background: #ffd42a !important;
    border-color: #ffd42a !important;
}

html.lfv2-active .lfAboutButton--secondary:hover,
html.lfv2-active .lfAboutButton--secondary:focus-visible {
    background: rgba(13, 35, 55, .9) !important;
    border-color: rgba(245, 197, 24, .42) !important;
}

html.lfv2-active .lfAboutHeroMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

html.lfv2-active .lfAboutHeroMeta span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid rgba(163, 192, 218, .17);
    border-radius: 999px;
    color: #b8cce0;
    background: rgba(4, 15, 27, .38);
    font-size: 13px;
    font-weight: 700;
}

html.lfv2-active .lfAboutHeroArt {
    position: relative;
    z-index: 1;
    min-height: 330px;
}

html.lfv2-active .lfAboutOrbit {
    position: absolute;
    border: 1px solid rgba(245, 197, 24, .2);
    border-radius: 50%;
}

html.lfv2-active .lfAboutOrbit--one {
    right: 4px;
    top: 34px;
    width: 300px;
    height: 300px;
}

html.lfv2-active .lfAboutOrbit--two {
    right: 73px;
    top: 102px;
    width: 174px;
    height: 174px;
}

html.lfv2-active .lfAboutArtCard {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 17px;
    border: 1px solid rgba(85, 139, 185, .48);
    border-radius: 20px;
    color: var(--lf-about-accent);
    background: linear-gradient(150deg, #173b60, #0d263f);
    box-shadow: 0 24px 45px rgba(0, 0, 0, .23);
}

html.lfv2-active .lfAboutArtCard i,
html.lfv2-active .lfAboutArtCard b {
    display: block;
    height: 7px;
    border-radius: 99px;
    background: rgba(141, 185, 220, .18);
}

html.lfv2-active .lfAboutArtCard--main {
    right: 90px;
    top: 90px;
    width: 146px;
    height: 205px;
    transform: rotate(2deg);
}

html.lfv2-active .lfAboutArtCard--main i {
    width: 78%;
}

html.lfv2-active .lfAboutArtCard--main b {
    width: 45%;
}

html.lfv2-active .lfAboutArtStar {
    align-self: center;
    margin: auto 0;
    font-size: 50px;
    line-height: 1;
}

html.lfv2-active .lfAboutArtCard--left {
    left: 12px;
    top: 54px;
    width: 103px;
    height: 139px;
    transform: rotate(-10deg);
}

html.lfv2-active .lfAboutArtCard--right {
    right: 0;
    top: 38px;
    width: 104px;
    height: 142px;
    transform: rotate(9deg);
}

html.lfv2-active .lfAboutArtCard--left span,
html.lfv2-active .lfAboutArtCard--right span {
    font-size: 25px;
    font-weight: 800;
}

html.lfv2-active .lfAboutArtLink {
    position: absolute;
    z-index: -1;
    height: 1px;
    background: linear-gradient(90deg, rgba(245, 197, 24, .04), rgba(245, 197, 24, .54), rgba(245, 197, 24, .04));
    transform-origin: left center;
}

html.lfv2-active .lfAboutArtLink--one {
    left: 100px;
    top: 135px;
    width: 130px;
    transform: rotate(12deg);
}

html.lfv2-active .lfAboutArtLink--two {
    right: 78px;
    top: 160px;
    width: 115px;
    transform: rotate(-18deg);
}

html.lfv2-active .lfAboutSection {
    margin-top: 34px;
    padding: 38px;
    border: 1px solid var(--lf-about-border);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(13, 33, 52, .96), rgba(7, 19, 31, .96));
}

html.lfv2-active .lfAboutSectionHead {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 38px;
    align-items: end;
    margin-bottom: 28px;
}

html.lfv2-active .lfAboutSectionHead h2,
html.lfv2-active .lfAboutBottomGrid h2 {
    margin: 0;
    color: #f3f7fb;
    font-size: clamp(30px, 3vw, 45px);
    line-height: 1.08;
    letter-spacing: -.035em;
}

html.lfv2-active .lfAboutSectionHead > p,
html.lfv2-active .lfAboutBottomGrid p {
    margin: 0;
    color: var(--lf-about-muted);
    font-size: 16px;
    line-height: 1.62;
}

html.lfv2-active .lfAboutFeaturesGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

html.lfv2-active .lfAboutFeatureCard,
html.lfv2-active .lfAboutFeatureCard:link,
html.lfv2-active .lfAboutFeatureCard:visited {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 250px;
    padding: 22px;
    overflow: hidden;
    border: 1px solid rgba(146, 181, 211, .14);
    border-radius: 17px;
    color: #f1f6fa !important;
    background: rgba(4, 16, 27, .52);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

html.lfv2-active .lfAboutFeatureCard:hover,
html.lfv2-active .lfAboutFeatureCard:focus-visible {
    transform: translateY(-3px);
    border-color: rgba(245, 197, 24, .5);
    background: rgba(10, 30, 48, .88);
}

html.lfv2-active .lfAboutFeatureNumber {
    color: var(--lf-about-accent);
    font-size: 13px;
    font-weight: 800;
}

html.lfv2-active .lfAboutFeatureCard h3 {
    margin: 44px 0 12px;
    color: #f4f8fb;
    font-size: 21px;
    line-height: 1.22;
}

html.lfv2-active .lfAboutFeatureCard p {
    margin: 0;
    color: #9fb5c9;
    font-size: 14px;
    line-height: 1.58;
}

html.lfv2-active .lfAboutFeatureArrow {
    margin-top: auto;
    padding-top: 20px;
    color: var(--lf-about-accent);
    font-size: 23px;
}

html.lfv2-active .lfAboutStatsPrimary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

html.lfv2-active .lfAboutStatsSecondary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

html.lfv2-active .lfAboutStatCard {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    border: 1px solid rgba(146, 181, 211, .14);
    background: rgba(4, 16, 27, .48);
}

html.lfv2-active .lfAboutStatCard--primary {
    min-height: 178px;
    padding: 24px;
    border-radius: 17px;
}

html.lfv2-active .lfAboutStatCard--primary strong {
    color: #f7f9fb;
    font-size: clamp(30px, 3vw, 45px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.035em;
}

html.lfv2-active .lfAboutStatCard--primary span {
    margin-top: 14px;
    color: #aec1d2;
    font-size: 14px;
    line-height: 1.42;
}

html.lfv2-active .lfAboutStatCard--secondary {
    min-height: 104px;
    padding: 17px 19px;
    border-radius: 14px;
}

html.lfv2-active .lfAboutStatCard--secondary strong {
    color: #f3f7fb;
    font-size: 23px;
    line-height: 1.1;
}

html.lfv2-active .lfAboutStatCard--secondary span {
    margin-top: 8px;
    color: #93abc0;
    font-size: 13px;
    line-height: 1.35;
}

html.lfv2-active .lfAboutVersion {
    margin-top: 16px;
    color: #718aa1;
    font-size: 12px;
    text-align: right;
}

html.lfv2-active .lfAboutVersion strong {
    color: #9cb1c5;
}

html.lfv2-active .lfAboutBottomGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr);
    gap: 18px;
    margin-top: 34px;
}

html.lfv2-active .lfAboutPrinciplesCard,
html.lfv2-active .lfAboutContactCard {
    padding: 38px;
    border: 1px solid var(--lf-about-border);
    border-radius: 22px;
}

html.lfv2-active .lfAboutPrinciplesCard {
    background: linear-gradient(145deg, #0d2134, #081522);
}

html.lfv2-active .lfAboutContactCard {
    background:
        radial-gradient(circle at 90% 12%, rgba(245, 197, 24, .17), transparent 40%),
        linear-gradient(145deg, #182417, #0c171b);
}

html.lfv2-active .lfAboutBottomGrid p {
    margin-top: 20px;
}

html.lfv2-active .lfAboutPrinciplesList {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 24px;
}

html.lfv2-active .lfAboutPrinciplesList span {
    display: inline-flex;
    min-height: 35px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid rgba(146, 181, 211, .16);
    border-radius: 999px;
    color: #aac0d3;
    background: rgba(4, 16, 27, .42);
    font-size: 12px;
    font-weight: 700;
}

html.lfv2-active .lfAboutContactMail,
html.lfv2-active .lfAboutContactMail:link,
html.lfv2-active .lfAboutContactMail:visited {
    display: inline-flex;
    margin-top: 26px;
    color: var(--lf-about-accent) !important;
    font-size: 21px;
    font-weight: 800;
    text-decoration: none;
}

html.lfv2-active .lfAboutContactMail:hover,
html.lfv2-active .lfAboutContactMail:focus-visible {
    color: #ffd42a !important;
    text-decoration: underline;
}

@media (max-width: 1120px) {
    html.lfv2-active .lfAboutHero {
        grid-template-columns: minmax(0, 1fr) 290px;
        padding: 46px;
    }

    html.lfv2-active .lfAboutFeaturesGrid,
    html.lfv2-active .lfAboutStatsPrimary,
    html.lfv2-active .lfAboutStatsSecondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }}

@media (max-width: 820px) {
    html.lfv2-active .lfAboutPage {
        padding-top: 16px;
    }

    html.lfv2-active .lfAboutHero {
        display: block;
        min-height: 0;
        padding: 34px;
    }

    html.lfv2-active .lfAboutHero h1 br {
        display: none;
    }

    html.lfv2-active .lfAboutHeroArt {
        display: none;
    }

    html.lfv2-active .lfAboutSectionHead,
    html.lfv2-active .lfAboutBottomGrid {
        grid-template-columns: 1fr;
    }

    html.lfv2-active .lfAboutSectionHead {
        gap: 14px;
    }}

@media (max-width: 560px) {
    html.lfv2-active .lfAboutHero,
    html.lfv2-active .lfAboutSection,
    html.lfv2-active .lfAboutPrinciplesCard,
    html.lfv2-active .lfAboutContactCard {
        padding: 24px;
        border-radius: 18px;
    }

    html.lfv2-active .lfAboutHero h1 {
        font-size: 37px;
    }

    html.lfv2-active .lfAboutHeroContent > p {
        font-size: 16px;
    }

    html.lfv2-active .lfAboutButton,
    html.lfv2-active .lfAboutButton:link,
    html.lfv2-active .lfAboutButton:visited {
        width: 100%;
    }

    html.lfv2-active .lfAboutFeaturesGrid,
    html.lfv2-active .lfAboutStatsPrimary,
    html.lfv2-active .lfAboutStatsSecondary {
        grid-template-columns: 1fr;
    }

    html.lfv2-active .lfAboutFeatureCard {
        min-height: 215px;
    }

    html.lfv2-active .lfAboutContactMail,
    html.lfv2-active .lfAboutContactMail:link,
    html.lfv2-active .lfAboutContactMail:visited {
        font-size: 17px;
    }}


/* ======================================================================
   LikeFilm feedback page — VER26
   ====================================================================== */
html.lfv2-active .lfFeedbackPage,
html.lfv2-active .lfFeedbackPage * {
	box-sizing: border-box;
}

html.lfv2-active .lfFeedbackPage {
	--lffb-bg: #07111d;
	--lffb-panel: #0b1b2d;
	--lffb-panel-2: #0d2034;
	--lffb-line: rgba(139, 172, 207, .20);
	--lffb-line-strong: rgba(139, 172, 207, .34);
	--lffb-text: #f6f8fb;
	--lffb-muted: #9eb2c8;
	--lffb-accent: #f5c518;
	--lffb-accent-hover: #ffd42a;
	width: min(1240px, calc(100% - 40px));
	margin: 0 auto;
	padding: 24px 0 72px;
	color: var(--lffb-text);
}

html.lfv2-active .lfFeedbackBreadcrumbs {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 20px;
	font-size: 13px;
	line-height: 1.4;
	color: #71879e;
}

html.lfv2-active .lfFeedbackBreadcrumbs a,
html.lfv2-active .lfFeedbackBreadcrumbs a:visited {
	color: #9db2c8 !important;
	text-decoration: none;
}

html.lfv2-active .lfFeedbackBreadcrumbs a:hover {
	color: var(--lffb-accent) !important;
}

html.lfv2-active .lfFeedbackHero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr);
	min-height: 430px;
	overflow: hidden;
	border: 1px solid rgba(221, 181, 22, .22);
	border-radius: 24px;
	background:
		radial-gradient(circle at 88% 15%, rgba(245, 197, 24, .18), transparent 34%),
		linear-gradient(120deg, #0a2035 0%, #071421 55%, #171b13 100%);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

html.lfv2-active .lfFeedbackHeroContent {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 54px 58px;
}

html.lfv2-active .lfFeedbackKicker,
html.lfv2-active .lfFeedbackSectionKicker {
	margin-bottom: 16px;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .02em;
	color: var(--lffb-accent);
}

html.lfv2-active .lfFeedbackHero h1 {
	max-width: 720px;
	margin: 0;
	font-size: clamp(46px, 5vw, 72px);
	font-weight: 750;
	line-height: .98;
	letter-spacing: -.045em;
	color: var(--lffb-text);
}

html.lfv2-active .lfFeedbackHero p {
	max-width: 690px;
	margin: 28px 0 0;
	font-size: 18px;
	line-height: 1.55;
	color: #bed0e2;
}

html.lfv2-active .lfFeedbackHeroMeta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}

html.lfv2-active .lfFeedbackHeroMeta span,
html.lfv2-active .lfFeedbackContactTopics span {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 8px 14px;
	border: 1px solid var(--lffb-line);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	color: #b7c9da;
	background: rgba(4, 14, 25, .46);
}

html.lfv2-active .lfFeedbackHeroArt {
	position: relative;
	min-height: 430px;
}

html.lfv2-active .lfFeedbackArtOrbit {
	position: absolute;
	border: 1px solid rgba(245, 197, 24, .18);
	border-radius: 50%;
}

html.lfv2-active .lfFeedbackArtOrbit--one {
	width: 350px;
	height: 350px;
	right: -20px;
	top: 45px;
}

html.lfv2-active .lfFeedbackArtOrbit--two {
	width: 230px;
	height: 230px;
	right: 70px;
	top: 106px;
}

html.lfv2-active .lfFeedbackEnvelope {
	position: absolute;
	z-index: 2;
	top: 135px;
	right: 92px;
	width: 180px;
	height: 126px;
	border: 1px solid rgba(81, 142, 206, .55);
	border-radius: 22px;
	background: linear-gradient(145deg, #173e66, #0b2946);
	box-shadow: 0 25px 55px rgba(0,0,0,.26);
	transform: rotate(-4deg);
}

html.lfv2-active .lfFeedbackEnvelope:before,
html.lfv2-active .lfFeedbackEnvelope:after {
	content: "";
	position: absolute;
	left: 22px;
	right: 22px;
	height: 1px;
	background: rgba(142, 190, 235, .25);
}

html.lfv2-active .lfFeedbackEnvelope:before { top: 28px; }
html.lfv2-active .lfFeedbackEnvelope:after { top: 46px; }

html.lfv2-active .lfFeedbackEnvelope i,
html.lfv2-active .lfFeedbackEnvelope b {
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0;
	border-style: solid;
}

html.lfv2-active .lfFeedbackEnvelope i {
	left: 0;
	border-width: 54px 0 0 90px;
	border-color: transparent transparent transparent rgba(28, 79, 126, .86);
}

html.lfv2-active .lfFeedbackEnvelope b {
	right: 0;
	border-width: 54px 90px 0 0;
	border-color: rgba(20, 61, 101, .94) transparent transparent transparent;
}

html.lfv2-active .lfFeedbackBubble {
	position: absolute;
	z-index: 3;
	padding: 16px 18px;
	border: 1px solid rgba(77, 136, 198, .48);
	border-radius: 17px;
	background: #123455;
	box-shadow: 0 16px 38px rgba(0,0,0,.22);
}

html.lfv2-active .lfFeedbackBubble span {
	display: block;
	height: 5px;
	margin: 5px 0;
	border-radius: 10px;
	background: rgba(150, 190, 228, .34);
}

html.lfv2-active .lfFeedbackBubble--one {
	width: 112px;
	top: 76px;
	right: 225px;
	transform: rotate(-7deg);
}

html.lfv2-active .lfFeedbackBubble--two {
	width: 126px;
	right: 18px;
	bottom: 70px;
	transform: rotate(7deg);
}

html.lfv2-active .lfFeedbackNotice {
	display: flex;
	align-items: flex-start;
	gap: 14px;
	margin: 28px 0 0;
	padding: 18px 20px;
	border: 1px solid;
	border-radius: 15px;
}

html.lfv2-active .lfFeedbackNotice--success {
	border-color: rgba(65, 190, 124, .38);
	background: rgba(25, 104, 67, .20);
}

html.lfv2-active .lfFeedbackNotice--error {
	border-color: rgba(238, 98, 98, .38);
	background: rgba(132, 38, 38, .18);
}

html.lfv2-active .lfFeedbackNoticeIcon {
	display: grid;
	place-items: center;
	flex: 0 0 30px;
	height: 30px;
	border-radius: 50%;
	font-weight: 900;
	color: #07111d;
	background: var(--lffb-accent);
}

html.lfv2-active .lfFeedbackNotice strong {
	display: block;
	margin: 0 0 4px;
	font-size: 16px;
	color: var(--lffb-text);
}

html.lfv2-active .lfFeedbackNotice p {
	margin: 0;
	color: #bcd0e2;
}

html.lfv2-active .lfFeedbackMainGrid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 340px;
	gap: 24px;
	align-items: start;
	margin-top: 30px;
}

html.lfv2-active .lfFeedbackFormCard,
html.lfv2-active .lfFeedbackContactCard {
	border: 1px solid var(--lffb-line);
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(13, 32, 52, .98), rgba(7, 22, 37, .98));
	box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

html.lfv2-active .lfFeedbackFormCard {
	padding: 32px;
}

html.lfv2-active .lfFeedbackFormHead h2,
html.lfv2-active .lfFeedbackContactCard h2 {
	margin: 0;
	font-size: 32px;
	line-height: 1.08;
	letter-spacing: -.025em;
	color: var(--lffb-text);
}

html.lfv2-active .lfFeedbackFormHead p,
html.lfv2-active .lfFeedbackContactCard > p {
	margin: 12px 0 0;
	line-height: 1.6;
	color: var(--lffb-muted);
}

html.lfv2-active .lfFeedbackErrorSummary {
	margin: 24px 0 0;
	padding: 16px 18px;
	border: 1px solid rgba(238, 98, 98, .35);
	border-radius: 13px;
	color: #ffd2d2;
	background: rgba(132, 38, 38, .18);
}

html.lfv2-active .lfFeedbackErrorSummary strong {
	display: block;
	margin-bottom: 7px;
	color: #fff;
}

html.lfv2-active .lfFeedbackErrorSummary ul {
	margin: 0;
	padding-left: 20px;
}

html.lfv2-active .lfFeedbackForm {
	margin-top: 28px;
}

html.lfv2-active .lfFeedbackFieldsRow {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

html.lfv2-active .lfFeedbackField {
	min-width: 0;
}

html.lfv2-active .lfFeedbackField--message {
	margin-top: 20px;
}

html.lfv2-active .lfFeedbackField label {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	margin: 0 0 9px;
	font-size: 14px;
	font-weight: 750;
	color: #e8f0f8;
}

html.lfv2-active .lfFeedbackField label span {
	color: var(--lffb-accent);
}

html.lfv2-active .lfFeedbackField label em {
	font-size: 12px;
	font-weight: 500;
	font-style: normal;
	color: #71879e;
}

html.lfv2-active .lfFeedbackField input,
html.lfv2-active .lfFeedbackField select,
html.lfv2-active .lfFeedbackField textarea {
	display: block;
	width: 100%;
	margin: 0;
	border: 1px solid rgba(113, 145, 177, .32);
	border-radius: 12px;
	outline: 0;
	font: inherit;
	color: #f8fafc;
	background: #071522;
	transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

html.lfv2-active .lfFeedbackField input,
html.lfv2-active .lfFeedbackField select {
	height: 52px;
	padding: 0 15px;
}

html.lfv2-active .lfFeedbackField textarea {
	min-height: 214px;
	padding: 15px;
	line-height: 1.55;
	resize: vertical;
}

html.lfv2-active .lfFeedbackField input::placeholder,
html.lfv2-active .lfFeedbackField textarea::placeholder {
	color: #63798f;
}

html.lfv2-active .lfFeedbackField input:focus,
html.lfv2-active .lfFeedbackField select:focus,
html.lfv2-active .lfFeedbackField textarea:focus {
	border-color: rgba(245, 197, 24, .78);
	box-shadow: 0 0 0 3px rgba(245, 197, 24, .10);
	background: #081a2a;
}

html.lfv2-active .lfFeedbackField.is-error input,
html.lfv2-active .lfFeedbackField.is-error select,
html.lfv2-active .lfFeedbackField.is-error textarea {
	border-color: rgba(238, 98, 98, .75);
}

html.lfv2-active .lfFeedbackSelectWrap {
	position: relative;
}

html.lfv2-active .lfFeedbackSelectWrap select {
	padding-right: 42px;
	appearance: none;
	-webkit-appearance: none;
}

html.lfv2-active .lfFeedbackSelectWrap > span {
	position: absolute;
	right: 15px;
	top: 50%;
	pointer-events: none;
	transform: translateY(-55%);
	font-size: 20px;
	color: var(--lffb-accent);
}

html.lfv2-active .lfFeedbackMessageMeta {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	margin-top: 9px;
}

html.lfv2-active .lfFeedbackMessageMeta small {
	font-size: 12px;
	line-height: 1.45;
	color: #71879e;
}

html.lfv2-active .lfFeedbackFieldError {
	display: block;
	margin-top: 7px;
	font-size: 12px;
	line-height: 1.45;
	color: #ffaaaa !important;
}

html.lfv2-active .lfFeedbackCounter {
	flex: 0 0 auto;
	font-size: 12px;
	font-variant-numeric: tabular-nums;
	color: #8fa5bb;
}

html.lfv2-active .lfFeedbackFormActions {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-top: 24px;
}

html.lfv2-active .lfFeedbackSubmit,
html.lfv2-active .lfFeedbackSubmit:visited {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	min-height: 52px;
	padding: 0 22px;
	border: 1px solid var(--lffb-accent) !important;
	border-radius: 12px;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
	font-weight: 800;
	color: #09111a !important;
	background: var(--lffb-accent) !important;
	box-shadow: 0 10px 26px rgba(245, 197, 24, .13);
	transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

html.lfv2-active .lfFeedbackSubmit:hover,
html.lfv2-active .lfFeedbackSubmit:focus-visible {
	color: #09111a !important;
	background: var(--lffb-accent-hover) !important;
	border-color: var(--lffb-accent-hover) !important;
	transform: translateY(-1px);
}

html.lfv2-active .lfFeedbackSubmit:disabled {
	cursor: wait;
	opacity: .72;
	transform: none;
}

html.lfv2-active .lfFeedbackSubmit i {
	font-size: 18px;
	font-style: normal;
}

html.lfv2-active .lfFeedbackFormActions p {
	max-width: 460px;
	margin: 0;
	font-size: 12px;
	line-height: 1.45;
	color: #71879e;
}

html.lfv2-active .lfFeedbackContactCard {
	position: sticky;
	top: 92px;
	padding: 28px;
}

html.lfv2-active .lfFeedbackMail,
html.lfv2-active .lfFeedbackMail:visited {
	display: block;
	margin-top: 22px;
	font-size: 22px;
	font-weight: 800;
	word-break: break-word;
	color: var(--lffb-accent) !important;
	text-decoration: none;
}

html.lfv2-active .lfFeedbackMail:hover {
	color: var(--lffb-accent-hover) !important;
}

html.lfv2-active .lfFeedbackContactTopics {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 23px;
}

html.lfv2-active .lfFeedbackContactTopics span {
	min-height: 34px;
	padding: 6px 11px;
	font-size: 12px;
}

html.lfv2-active .lfFeedbackContactNote {
	margin-top: 26px;
	padding: 18px;
	border: 1px solid var(--lffb-line);
	border-radius: 14px;
	background: rgba(5, 17, 29, .58);
}

html.lfv2-active .lfFeedbackContactNote strong {
	display: block;
	margin-bottom: 7px;
	font-size: 14px;
	color: #f5f8fb;
}

html.lfv2-active .lfFeedbackContactNote p {
	margin: 0;
	font-size: 13px;
	line-height: 1.55;
	color: #8fa5bb;
}

html.lfv2-active .lfFeedbackHoneypot {
	position: absolute !important;
	left: -10000px !important;
	top: auto !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
}

@media (max-width: 980px) {
	html.lfv2-active .lfFeedbackHero {
		grid-template-columns: minmax(0, 1fr) 300px;
		min-height: 390px;
	}

	html.lfv2-active .lfFeedbackHeroContent {
		padding: 44px;
	}

	html.lfv2-active .lfFeedbackHeroArt {
		min-height: 390px;
		transform: scale(.86);
		transform-origin: center right;
	}

	html.lfv2-active .lfFeedbackMainGrid {
		grid-template-columns: 1fr;
	}

	html.lfv2-active .lfFeedbackContactCard {
		position: static;
	}}

@media (max-width: 720px) {
	html.lfv2-active .lfFeedbackPage {
		width: min(100% - 24px, 1240px);
		padding-top: 18px;
	}

	html.lfv2-active .lfFeedbackHero {
		grid-template-columns: 1fr;
		min-height: auto;
		border-radius: 18px;
	}

	html.lfv2-active .lfFeedbackHeroContent {
		padding: 34px 28px 30px;
	}

	html.lfv2-active .lfFeedbackHero h1 {
		font-size: clamp(40px, 12vw, 58px);
	}

	html.lfv2-active .lfFeedbackHero p {
		font-size: 16px;
	}

	html.lfv2-active .lfFeedbackHeroArt {
		display: none;
	}

	html.lfv2-active .lfFeedbackFieldsRow {
		grid-template-columns: 1fr;
	}

	html.lfv2-active .lfFeedbackFormCard,
	html.lfv2-active .lfFeedbackContactCard {
		padding: 24px;
		border-radius: 17px;
	}

	html.lfv2-active .lfFeedbackFormHead h2,
	html.lfv2-active .lfFeedbackContactCard h2 {
		font-size: 27px;
	}

	html.lfv2-active .lfFeedbackFormActions {
		align-items: stretch;
		flex-direction: column;
	}

	html.lfv2-active .lfFeedbackSubmit {
		width: 100%;
	}}

@media (max-width: 430px) {
	html.lfv2-active .lfFeedbackPage {
		width: 100%;
		padding-bottom: 50px;
	}

	html.lfv2-active .lfFeedbackBreadcrumbs {
		padding: 0 14px;
	}

	html.lfv2-active .lfFeedbackHero,
	html.lfv2-active .lfFeedbackFormCard,
	html.lfv2-active .lfFeedbackContactCard,
	html.lfv2-active .lfFeedbackNotice {
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	html.lfv2-active .lfFeedbackHeroContent {
		padding: 30px 20px;
	}

	html.lfv2-active .lfFeedbackHeroMeta span {
		min-height: 34px;
		padding: 6px 10px;
		font-size: 11px;
	}

	html.lfv2-active .lfFeedbackMainGrid,
	html.lfv2-active .lfFeedbackNotice {
		margin-right: 0;
		margin-left: 0;
	}

	html.lfv2-active .lfFeedbackFormCard,
	html.lfv2-active .lfFeedbackContactCard {
		padding: 22px 18px;
	}

	html.lfv2-active .lfFeedbackMessageMeta {
		gap: 10px;
	}}

/* LikeFilm Privacy — VER27 */
html.lfv2-active .lfPrivacyPage {
	--lfpr-bg: #07111d;
	--lfpr-panel: #0c1c2d;
	--lfpr-panel-deep: #081725;
	--lfpr-line: rgba(148, 171, 196, .18);
	--lfpr-line-strong: rgba(245, 197, 24, .30);
	--lfpr-text: #f4f7fb;
	--lfpr-muted: #9bb0c5;
	--lfpr-accent: #f5c518;
	width: min(100% - 40px, 1240px);
	margin: 0 auto;
	padding: 26px 0 80px;
	color: var(--lfpr-text);
}

html.lfv2-active .lfPrivacyPage,
html.lfv2-active .lfPrivacyPage * {
	box-sizing: border-box;
}

html.lfv2-active .lfPrivacyBreadcrumbs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
	min-height: 28px;
	margin: 0 0 18px;
	font-size: 12px;
	line-height: 1.4;
	color: #7890a8;
}

html.lfv2-active .lfPrivacyBreadcrumbs a,
html.lfv2-active .lfPrivacyBreadcrumbs a:visited {
	color: #9db1c5 !important;
	text-decoration: none;
}

html.lfv2-active .lfPrivacyBreadcrumbs a:hover {
	color: var(--lfpr-accent) !important;
}

html.lfv2-active .lfPrivacyBreadcrumbs span[aria-current="page"] {
	color: #d8e2ec;
	font-weight: 700;
}

html.lfv2-active .lfPrivacyHero {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	min-height: 330px;
	overflow: hidden;
	border: 1px solid var(--lfpr-line-strong);
	border-radius: 22px;
	background:
		radial-gradient(circle at 88% 20%, rgba(245, 197, 24, .18), transparent 34%),
		linear-gradient(115deg, #0c2134 0%, #091826 54%, #171b13 100%);
	box-shadow: 0 24px 70px rgba(0, 0, 0, .20);
}

html.lfv2-active .lfPrivacyHeroContent {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 54px 58px;
}

html.lfv2-active .lfPrivacyKicker {
	margin-bottom: 17px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .025em;
	color: var(--lfpr-accent);
}

html.lfv2-active .lfPrivacyHero h1 {
	max-width: 790px;
	margin: 0;
	font-size: clamp(42px, 4.4vw, 68px);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -.045em;
	color: #f6f8fb;
}

html.lfv2-active .lfPrivacyHeroArt {
	position: relative;
	min-height: 330px;
}

html.lfv2-active .lfPrivacyOrbit {
	position: absolute;
	border: 1px solid rgba(245, 197, 24, .16);
	border-radius: 50%;
}

html.lfv2-active .lfPrivacyOrbit--one {
	right: -70px;
	bottom: -150px;
	width: 380px;
	height: 380px;
}

html.lfv2-active .lfPrivacyOrbit--two {
	right: 54px;
	top: 48px;
	width: 230px;
	height: 230px;
}

html.lfv2-active .lfPrivacyShield {
	position: absolute;
	right: 108px;
	top: 72px;
	width: 126px;
	height: 154px;
	border: 1px solid rgba(92, 150, 206, .45);
	border-radius: 38% 38% 48% 48% / 26% 26% 58% 58%;
	background: linear-gradient(145deg, #173b60, #0b2137);
	box-shadow: 0 22px 45px rgba(0, 0, 0, .30);
	transform: rotate(3deg);
}

html.lfv2-active .lfPrivacyShield::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 43px;
	width: 34px;
	height: 31px;
	border: 6px solid var(--lfpr-accent);
	border-bottom: 0;
	border-radius: 18px 18px 0 0;
	transform: translateX(-50%);
}

html.lfv2-active .lfPrivacyShield::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 69px;
	width: 49px;
	height: 42px;
	border-radius: 8px;
	background: var(--lfpr-accent);
	transform: translateX(-50%);
}

html.lfv2-active .lfPrivacyShield span {
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 80px;
	width: 8px;
	height: 15px;
	border-radius: 6px;
	background: #0b1b2a;
	transform: translateX(-50%);
}

html.lfv2-active .lfPrivacyArtCard {
	position: absolute;
	width: 100px;
	height: 67px;
	padding: 14px;
	border: 1px solid rgba(91, 145, 194, .35);
	border-radius: 15px;
	background: rgba(17, 51, 82, .91);
	box-shadow: 0 15px 30px rgba(0, 0, 0, .22);
}

html.lfv2-active .lfPrivacyArtCard--one {
	right: 228px;
	top: 55px;
	transform: rotate(-10deg);
}

html.lfv2-active .lfPrivacyArtCard--two {
	right: 35px;
	top: 176px;
	transform: rotate(9deg);
}

html.lfv2-active .lfPrivacyArtCard b,
html.lfv2-active .lfPrivacyArtCard i {
	display: block;
	height: 7px;
	border-radius: 6px;
	background: rgba(164, 193, 221, .22);
}

html.lfv2-active .lfPrivacyArtCard b {
	width: 68%;
	margin-bottom: 11px;
}

html.lfv2-active .lfPrivacyArtCard i {
	width: 44%;
}

html.lfv2-active .lfPrivacyLayout {
	display: grid;
	grid-template-columns: 250px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	margin-top: 24px;
}

html.lfv2-active .lfPrivacyAsideInner,
html.lfv2-active .lfPrivacyDocument {
	border: 1px solid var(--lfpr-line);
	border-radius: 19px;
	background: linear-gradient(180deg, rgba(13, 31, 49, .98), rgba(7, 20, 33, .98));
}

html.lfv2-active .lfPrivacyAsideInner {
	position: sticky;
	top: 90px;
	padding: 21px 15px;
}

html.lfv2-active .lfPrivacyAsideLabel {
	padding: 0 10px 13px;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: .035em;
	color: var(--lfpr-accent);
}

html.lfv2-active .lfPrivacyToc {
	display: grid;
	gap: 4px;
}

html.lfv2-active .lfPrivacyToc a,
html.lfv2-active .lfPrivacyToc a:visited {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 7px;
	align-items: start;
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.42;
	color: #a9bbcc !important;
	text-decoration: none;
	transition: color .18s ease, border-color .18s ease, background .18s ease;
}

html.lfv2-active .lfPrivacyToc a span {
	font-size: 10px;
	font-variant-numeric: tabular-nums;
	color: #637e98;
}

html.lfv2-active .lfPrivacyToc a:hover,
html.lfv2-active .lfPrivacyToc a:focus-visible {
	border-color: rgba(245, 197, 24, .28);
	color: #fff !important;
	background: rgba(245, 197, 24, .06);
}

html.lfv2-active .lfPrivacyToc a:hover span,
html.lfv2-active .lfPrivacyToc a:focus-visible span {
	color: var(--lfpr-accent);
}

html.lfv2-active .lfPrivacyDocument {
	min-width: 0;
	padding: 46px 54px 58px;
}

html.lfv2-active .lfPrivacyDocument p,
html.lfv2-active .lfPrivacyDocument li {
	font-size: 16px;
	line-height: 1.78;
	color: #b8c6d4;
}

html.lfv2-active .lfPrivacyDocument p {
	margin: 0 0 20px;
}

html.lfv2-active .lfPrivacyLead {
	margin-bottom: 38px !important;
	padding: 22px 24px;
	border-left: 3px solid var(--lfpr-accent);
	border-radius: 0 13px 13px 0;
	background: rgba(245, 197, 24, .055);
	color: #d3dce5 !important;
}

html.lfv2-active .lfPrivacySection {
	padding-top: 10px;
	scroll-margin-top: 95px;
}

html.lfv2-active .lfPrivacySection + .lfPrivacySection {
	margin-top: 20px;
	padding-top: 34px;
	border-top: 1px solid var(--lfpr-line);
}

html.lfv2-active .lfPrivacyDocument h2 {
	margin: 0 0 18px;
	font-size: clamp(26px, 2.6vw, 36px);
	font-weight: 800;
	line-height: 1.18;
	letter-spacing: -.025em;
	color: #f5f8fb;
}

html.lfv2-active .lfPrivacyDocument ul {
	margin: 5px 0 22px;
	padding-left: 24px;
	list-style: disc outside;
}

html.lfv2-active .lfPrivacyDocument li {
	margin: 7px 0;
	padding-left: 4px;
}

html.lfv2-active .lfPrivacyDocument li::marker {
	color: var(--lfpr-accent);
}

html.lfv2-active .lfPrivacyDocument strong {
	font-weight: 800;
	color: #f2f5f8;
}

html.lfv2-active .lfPrivacyDocument a,
html.lfv2-active .lfPrivacyDocument a:visited {
	color: var(--lfpr-accent) !important;
	text-decoration: none;
	word-break: break-word;
}

html.lfv2-active .lfPrivacyDocument a:hover {
	color: #ffd83d !important;
	text-decoration: underline;
}

html.lfv2-active .lfPrivacySection--contact {
	margin-top: 28px !important;
	padding: 34px 32px 15px !important;
	border: 1px solid rgba(245, 197, 24, .22) !important;
	border-radius: 16px;
	background: rgba(245, 197, 24, .045);
}

@media (max-width: 980px) {
	html.lfv2-active .lfPrivacyHero {
		grid-template-columns: minmax(0, 1fr) 290px;
	}

	html.lfv2-active .lfPrivacyHeroContent {
		padding: 46px;
	}

	html.lfv2-active .lfPrivacyHeroArt {
		transform: scale(.84);
		transform-origin: center right;
	}

	html.lfv2-active .lfPrivacyLayout {
		grid-template-columns: 1fr;
	}

	html.lfv2-active .lfPrivacyAsideInner {
		position: static;
	}

	html.lfv2-active .lfPrivacyToc {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}}

@media (max-width: 720px) {
	html.lfv2-active .lfPrivacyPage {
		width: min(100% - 24px, 1240px);
		padding-top: 18px;
	}

	html.lfv2-active .lfPrivacyHero {
		grid-template-columns: 1fr;
		min-height: auto;
		border-radius: 18px;
	}

	html.lfv2-active .lfPrivacyHeroContent {
		padding: 35px 28px 38px;
	}

	html.lfv2-active .lfPrivacyHero h1 {
		font-size: clamp(38px, 11vw, 54px);
	}

	html.lfv2-active .lfPrivacyHeroArt {
		display: none;
	}

	html.lfv2-active .lfPrivacyToc {
		grid-template-columns: 1fr;
	}

	html.lfv2-active .lfPrivacyDocument {
		padding: 31px 27px 39px;
	}

	html.lfv2-active .lfPrivacyDocument p,
	html.lfv2-active .lfPrivacyDocument li {
		font-size: 15px;
		line-height: 1.72;
	}

	html.lfv2-active .lfPrivacySection--contact {
		padding: 28px 24px 10px !important;
	}}

@media (max-width: 430px) {
	html.lfv2-active .lfPrivacyPage {
		width: 100%;
		padding-bottom: 50px;
	}

	html.lfv2-active .lfPrivacyBreadcrumbs {
		padding: 0 14px;
	}

	html.lfv2-active .lfPrivacyHero,
	html.lfv2-active .lfPrivacyAsideInner,
	html.lfv2-active .lfPrivacyDocument {
		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	html.lfv2-active .lfPrivacyHeroContent {
		padding: 31px 19px 34px;
	}

	html.lfv2-active .lfPrivacyAsideInner {
		padding-right: 10px;
		padding-left: 10px;
	}

	html.lfv2-active .lfPrivacyDocument {
		padding: 28px 19px 36px;
	}

	html.lfv2-active .lfPrivacyLead {
		padding: 18px 17px;
	}

	html.lfv2-active .lfPrivacySection--contact {
		margin-right: -3px !important;
		margin-left: -3px !important;
		padding: 25px 18px 8px !important;
	}}


/* ==================================================================
 * Fandom V3 — центральная страница киновселенной /fandom/*/
 * ================================================================== */
.ffv3-page {
	--ffv3-bg: #07111d;
	--ffv3-surface: #0c1826;
	--ffv3-surface-2: #101e2e;
	--ffv3-surface-3: #142438;
	--ffv3-border: rgba(154, 178, 207, .16);
	--ffv3-border-strong: rgba(245, 197, 24, .42);
	--ffv3-text: #f5f7fb;
	--ffv3-muted: #93a4ba;
	--ffv3-muted-2: #6e8098;
	--ffv3-accent: #f5c518;
	--ffv3-accent-soft: rgba(245, 197, 24, .12);
	width: 100%;
	max-width: 1240px;
	margin: 24px auto 72px;
	color: var(--ffv3-text);
}

.ffv3-page,
.ffv3-page *,
.ffv3-page *::before,
.ffv3-page *::after {
	box-sizing: border-box;
}

.ffv3-page a,
.ffv3-page a:link,
.ffv3-page a:visited {
	color: inherit;
	text-decoration: none;
}

.ffv3-page a:hover {
	text-decoration: none;
}

.ffv3-hero {
	position: relative;
	isolation: isolate;
	min-height: 470px;
	overflow: hidden;
	border: 1px solid var(--ffv3-border);
	border-radius: 24px;
	background:
		radial-gradient(circle at 85% 18%, rgba(245, 197, 24, .12), transparent 28%),
		radial-gradient(circle at 56% 100%, rgba(40, 92, 146, .24), transparent 42%),
		linear-gradient(135deg, #08131f 0%, #0b1929 54%, #111b28 100%);
	box-shadow: 0 26px 70px rgba(0, 0, 0, .26);
}

.ffv3-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	opacity: .34;
	background-image:
		linear-gradient(115deg, transparent 0 48%, rgba(255, 255, 255, .025) 48% 49%, transparent 49% 100%),
		linear-gradient(90deg, rgba(255, 255, 255, .018) 1px, transparent 1px);
	background-size: 105px 100%, 72px 100%;
}

.ffv3-hero__ambient {
	position: absolute;
	z-index: -1;
	right: -110px;
	bottom: -190px;
	width: 560px;
	height: 560px;
	border-radius: 50%;
	background: rgba(245, 197, 24, .075);
	filter: blur(60px);
	pointer-events: none;
}

.ffv3-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(360px, 470px);
	align-items: center;
	gap: 54px;
	min-height: 470px;
	padding: 46px 52px;
}

.ffv3-hero__copy {
	position: relative;
	z-index: 2;
	min-width: 0;
}

.ffv3-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 9px;
	margin: 0 0 28px;
	color: #90a2ba;
	font-size: .82rem;
	line-height: 1.4;
}

.ffv3-breadcrumb a,
.ffv3-breadcrumb a:link,
.ffv3-breadcrumb a:visited {
	color: #b8c4d4;
}

.ffv3-breadcrumb a:hover {
	color: var(--ffv3-accent);
}

.ffv3-breadcrumb > span[aria-hidden="true"] {
	color: #52647b;
}

.ffv3-eyebrow {
	margin: 0 0 10px;
	color: var(--ffv3-accent);
	font-size: .76rem;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ffv3-hero h1 {
	max-width: 720px;
	margin: 0;
	color: var(--ffv3-text);
	font-size: clamp(2.7rem, 5.4vw, 5.05rem);
	font-weight: 700;
	line-height: .98;
	letter-spacing: -.055em;
}

.ffv3-hero__lead {
	max-width: 680px;
	margin: 24px 0 0;
	color: #c1ccda;
	font-size: 1.04rem;
	line-height: 1.7;
}

.ffv3-stats {
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 30px;
}

.ffv3-stats > span {
	display: inline-flex;
	align-items: baseline;
	gap: 7px;
	min-height: 46px;
	padding: 10px 14px;
	border: 1px solid var(--ffv3-border);
	border-radius: 13px;
	background: rgba(4, 12, 21, .54);
	color: #9eafc3;
	font-size: .84rem;
	backdrop-filter: blur(10px);
}

.ffv3-stats strong {
	color: #fff;
	font-size: 1.15rem;
	font-weight: 800;
}

.ffv3-hero__visual {
	position: relative;
	min-height: 350px;
	perspective: 900px;
}

.ffv3-hero-poster {
	position: absolute;
	display: block;
	width: 170px;
	height: 242px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, .18);
	border-radius: 16px;
	background: #101722;
	box-shadow: 0 22px 55px rgba(0, 0, 0, .55);
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.ffv3-hero-poster img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}

.ffv3-hero-poster--1 {
	z-index: 3;
	left: 138px;
	top: 62px;
	transform: rotate(4deg) translateZ(36px);
}

.ffv3-hero-poster--2 {
	z-index: 2;
	left: 18px;
	top: 18px;
	transform: rotate(-8deg) scale(.93);
	opacity: .86;
}

.ffv3-hero-poster--3 {
	z-index: 1;
	right: 4px;
	top: 8px;
	transform: rotate(10deg) scale(.89);
	opacity: .72;
}

.ffv3-hero-poster:hover {
	z-index: 8;
	border-color: var(--ffv3-accent);
	box-shadow: 0 28px 68px rgba(0, 0, 0, .62), 0 0 0 1px rgba(245, 197, 24, .18);
}

.ffv3-hero-poster--1:hover {
	transform: rotate(1deg) translateY(-7px) scale(1.03);
}

.ffv3-hero-poster--2:hover {
	transform: rotate(-3deg) translateY(-7px) scale(.98);
}

.ffv3-hero-poster--3:hover {
	transform: rotate(4deg) translateY(-7px) scale(.94);
}

.ffv3-hero__empty {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	width: 260px;
	height: 260px;
	margin: 44px auto 0;
	border: 1px dashed rgba(245, 197, 24, .32);
	border-radius: 50%;
	color: #8fa0b5;
	background: rgba(4, 12, 21, .35);
}

.ffv3-hero__empty i {
	color: var(--ffv3-accent);
	font-size: 2.4rem;
}

.ffv3-section {
	margin-top: 72px;
}

.ffv3-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 28px;
	margin-bottom: 24px;
}

.ffv3-section-head > div {
	min-width: 0;
}

.ffv3-section-head h2,
.ffv3-about h2 {
	margin: 0;
	color: var(--ffv3-text);
	font-size: clamp(1.85rem, 3vw, 2.75rem);
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: -.035em;
}

.ffv3-section-head p {
	max-width: 720px;
	margin: 9px 0 0;
	color: var(--ffv3-muted);
	font-size: .96rem;
	line-height: 1.65;
}

.ffv3-section-count {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 8px 12px;
	border: 1px solid var(--ffv3-border);
	border-radius: 999px;
	background: rgba(12, 24, 38, .72);
	color: #aab8c9;
	font-size: .78rem;
	font-weight: 700;
	white-space: nowrap;
}

.ffv3-film-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(165px, 205px));
	justify-content: start;
	gap: 20px;
}

.ffv3-film-card {
	min-width: 0;
}

.ffv3-film-card__poster {
	position: relative;
	display: block;
	aspect-ratio: 155 / 220;
	overflow: hidden;
	border: 1px solid var(--ffv3-border);
	border-radius: 15px;
	background: var(--ffv3-surface);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .22);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.ffv3-film-card__poster::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 36%;
	background: linear-gradient(to top, rgba(3, 9, 16, .84), transparent);
	pointer-events: none;
}

.ffv3-film-card__poster img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	transition: transform .3s ease;
}

.ffv3-film-card__number {
	position: absolute;
	z-index: 2;
	left: 10px;
	top: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 32px;
	height: 28px;
	padding: 0 8px;
	border: 1px solid rgba(255, 255, 255, .13);
	border-radius: 9px;
	background: rgba(4, 11, 19, .72);
	color: #fff;
	font-size: .73rem;
	font-weight: 800;
	backdrop-filter: blur(8px);
}

.ffv3-film-card:hover .ffv3-film-card__poster {
	transform: translateY(-5px);
	border-color: var(--ffv3-border-strong);
	box-shadow: 0 22px 44px rgba(0, 0, 0, .35);
}

.ffv3-film-card:hover .ffv3-film-card__poster img {
	transform: scale(1.025);
}

.ffv3-film-card__body {
	padding: 13px 3px 0;
}

.ffv3-film-card__body h3 {
	margin: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
}

.ffv3-film-card__body h3 a,
.ffv3-film-card__body h3 a:link,
.ffv3-film-card__body h3 a:visited {
	color: #eef3f9;
}

.ffv3-film-card:hover h3 a {
	color: var(--ffv3-accent);
}

.ffv3-film-card__meta {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 7px;
	color: var(--ffv3-muted);
	font-size: .78rem;
}

.ffv3-film-card__meta span + span::before {
	content: "·";
	margin-right: 8px;
	color: #53667e;
}

.ffv3-film-card__ratings {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 10px;
}

.ffv3-film-card__ratings > span {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 27px;
	padding: 4px 7px;
	border: 1px solid var(--ffv3-border);
	border-radius: 8px;
	background: rgba(12, 24, 38, .62);
	color: #dce4ee;
	font-size: .74rem;
}

.ffv3-film-card__ratings i {
	color: var(--ffv3-accent);
	font-size: .72rem;
}

.ffv3-film-card__ratings strong {
	font-size: .82rem;
}

.ffv3-film-card__ratings small {
	color: var(--ffv3-muted-2);
	font-size: .66rem;
}

.ffv3-character-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px;
}

.ffv3-character-card {
	display: block;
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--ffv3-border);
	border-radius: 16px;
	background: linear-gradient(180deg, var(--ffv3-surface-2), var(--ffv3-surface));
	box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.ffv3-character-card__image {
	display: block;
	aspect-ratio: 3 / 4;
	overflow: hidden;
	background: #101925;
}

.ffv3-character-card__image img {
	display: block;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	object-position: center top;
	transition: transform .3s ease;
}

.ffv3-character-card__body {
	display: flex;
	min-height: 116px;
	padding: 14px;
	flex-direction: column;
}

.ffv3-character-card__body strong {
	color: #f0f4f9;
	font-size: .94rem;
	font-weight: 750;
	line-height: 1.3;
}

.ffv3-character-card__body small {
	display: block;
	margin-top: 5px;
	color: var(--ffv3-muted);
	font-size: .73rem;
	font-weight: 400;
	line-height: 1.35;
}

.ffv3-character-card__body em {
	display: block;
	margin-top: auto;
	padding-top: 12px;
	color: #7589a2;
	font-size: .7rem;
	font-style: normal;
}

.ffv3-character-card:hover {
	transform: translateY(-5px);
	border-color: var(--ffv3-border-strong);
	box-shadow: 0 20px 42px rgba(0, 0, 0, .32);
}

.ffv3-character-card:hover .ffv3-character-card__image img {
	transform: scale(1.035);
}

.ffv3-character-card:hover .ffv3-character-card__body strong {
	color: var(--ffv3-accent);
}

.ffv3-wiki-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.ffv3-wiki-card {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) 24px;
	align-items: center;
	gap: 13px;
	min-height: 92px;
	padding: 16px;
	border: 1px solid var(--ffv3-border);
	border-radius: 15px;
	background: linear-gradient(135deg, rgba(16, 30, 46, .9), rgba(10, 22, 35, .92));
	transition: transform .18s ease, border-color .18s ease, background-color .18s ease;
}

.ffv3-wiki-card__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: 1px solid rgba(245, 197, 24, .2);
	border-radius: 12px;
	background: var(--ffv3-accent-soft);
	color: var(--ffv3-accent);
	font-size: .76rem;
	font-weight: 800;
}

.ffv3-wiki-card__body {
	min-width: 0;
}

.ffv3-wiki-card__body small {
	display: block;
	margin-bottom: 4px;
	color: #7589a2;
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .06em;
}

.ffv3-wiki-card__body strong {
	display: block;
	color: #eef3f9;
	font-size: .91rem;
	font-weight: 700;
	line-height: 1.3;
}

.ffv3-wiki-card__arrow {
	color: #657992;
	font-size: 1.08rem;
	transition: transform .18s ease, color .18s ease;
}

.ffv3-wiki-card:hover {
	transform: translateY(-3px);
	border-color: var(--ffv3-border-strong);
	background: linear-gradient(135deg, rgba(20, 37, 57, .98), rgba(12, 26, 42, .98));
}

.ffv3-wiki-card:hover .ffv3-wiki-card__body strong,
.ffv3-wiki-card:hover .ffv3-wiki-card__arrow {
	color: var(--ffv3-accent);
}

.ffv3-wiki-card:hover .ffv3-wiki-card__arrow {
	transform: translateX(3px);
}

.ffv3-about {
	margin-top: 72px;
	padding: 30px 32px;
	border: 1px solid var(--ffv3-border);
	border-radius: 20px;
	background: linear-gradient(135deg, rgba(14, 28, 44, .82), rgba(8, 19, 31, .86));
}

.ffv3-about p {
	max-width: 920px;
	margin: 17px 0 0;
	color: #aebccd;
	font-size: .96rem;
	line-height: 1.78;
}

html.lfv2-active.light-theme .ffv3-page {
	--ffv3-bg: #eef2f7;
	--ffv3-surface: #fff;
	--ffv3-surface-2: #f8fafc;
	--ffv3-surface-3: #eef3f8;
	--ffv3-border: rgba(19, 37, 58, .12);
	--ffv3-border-strong: rgba(198, 150, 0, .42);
	--ffv3-text: #111b28;
	--ffv3-muted: #65758a;
	--ffv3-muted-2: #8996a7;
	--ffv3-accent: #c79500;
	--ffv3-accent-soft: rgba(217, 171, 8, .11);
}

html.lfv2-active.light-theme .ffv3-hero {
	background:
		radial-gradient(circle at 85% 18%, rgba(230, 180, 0, .15), transparent 29%),
		radial-gradient(circle at 56% 100%, rgba(79, 130, 184, .16), transparent 42%),
		linear-gradient(135deg, #f9fbfd 0%, #edf3f9 54%, #e7edf4 100%);
	box-shadow: 0 24px 58px rgba(22, 42, 66, .12);
}

html.lfv2-active.light-theme .ffv3-hero h1,
html.lfv2-active.light-theme .ffv3-section-head h2,
html.lfv2-active.light-theme .ffv3-about h2 {
	color: #111b28;
}

html.lfv2-active.light-theme .ffv3-hero__lead {
	color: #4f6074;
}

html.lfv2-active.light-theme .ffv3-stats > span,
html.lfv2-active.light-theme .ffv3-section-count {
	background: rgba(255, 255, 255, .7);
	color: #66758a;
}

html.lfv2-active.light-theme .ffv3-stats strong {
	color: #152235;
}

html.lfv2-active.light-theme .ffv3-film-card__body h3 a,
html.lfv2-active.light-theme .ffv3-film-card__body h3 a:link,
html.lfv2-active.light-theme .ffv3-film-card__body h3 a:visited,
html.lfv2-active.light-theme .ffv3-character-card__body strong,
html.lfv2-active.light-theme .ffv3-wiki-card__body strong {
	color: #1b293b;
}

html.lfv2-active.light-theme .ffv3-character-card,
html.lfv2-active.light-theme .ffv3-wiki-card,
html.lfv2-active.light-theme .ffv3-about {
	background: #fff;
	box-shadow: 0 12px 28px rgba(22, 42, 66, .08);
}

html.lfv2-active.light-theme .ffv3-wiki-card:hover {
	background: #fffaf0;
}

html.lfv2-active.light-theme .ffv3-about p {
	color: #5e6e82;
}

@media (max-width: 1080px) {
	.ffv3-hero__inner {
		grid-template-columns: minmax(0, 1fr) 390px;
		gap: 26px;
		padding: 40px;
	}

	.ffv3-hero-poster--1 {
		left: 112px;
	}

	.ffv3-character-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.ffv3-wiki-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}}

@media (max-width: 820px) {
	.ffv3-page {
		margin-top: 14px;
	}

	.ffv3-hero__inner {
		grid-template-columns: minmax(0, 1fr);
		min-height: 0;
		padding: 34px;
	}

	.ffv3-hero__visual {
		min-height: 280px;
		max-width: 460px;
		width: 100%;
		margin: 0 auto;
	}

	.ffv3-hero-poster {
		width: 145px;
		height: 207px;
	}

	.ffv3-hero-poster--1 {
		left: calc(50% - 72px);
		top: 42px;
	}

	.ffv3-hero-poster--2 {
		left: calc(50% - 195px);
		top: 16px;
	}

	.ffv3-hero-poster--3 {
		right: calc(50% - 195px);
		top: 10px;
	}

	.ffv3-section {
		margin-top: 58px;
	}

	.ffv3-film-grid {
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	}

	.ffv3-character-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}}

@media (max-width: 620px) {
	.ffv3-page {
		margin-bottom: 48px;
	}

	.ffv3-hero {
		border-radius: 18px;
	}

	.ffv3-hero__inner {
		padding: 25px 21px 28px;
	}

	.ffv3-breadcrumb {
		margin-bottom: 22px;
		font-size: .75rem;
	}

	.ffv3-hero h1 {
		font-size: clamp(2.45rem, 14vw, 3.8rem);
	}

	.ffv3-hero__lead {
		margin-top: 18px;
		font-size: .92rem;
	}

	.ffv3-stats {
		gap: 7px;
		margin-top: 22px;
	}

	.ffv3-stats > span {
		min-height: 40px;
		padding: 8px 10px;
	}

	.ffv3-hero__visual {
		min-height: 232px;
	}

	.ffv3-hero-poster {
		width: 118px;
		height: 168px;
		border-radius: 12px;
	}

	.ffv3-hero-poster--1 {
		left: calc(50% - 59px);
		top: 36px;
	}

	.ffv3-hero-poster--2 {
		left: calc(50% - 155px);
		top: 14px;
	}

	.ffv3-hero-poster--3 {
		right: calc(50% - 155px);
		top: 10px;
	}

	.ffv3-section-head {
		align-items: flex-start;
		flex-direction: column;
		gap: 13px;
	}

	.ffv3-section-count {
		align-self: flex-start;
	}

	.ffv3-film-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 17px 12px;
	}

	.ffv3-character-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}

	.ffv3-character-card__body {
		min-height: 108px;
		padding: 12px;
	}

	.ffv3-wiki-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.ffv3-about {
		padding: 23px 21px;
		border-radius: 17px;
	}}

@media (max-width: 390px) {
	.ffv3-hero-poster--3 {
		display: none;
	}

	.ffv3-hero-poster--2 {
		left: 20px;
	}

	.ffv3-film-card__body h3 {
		font-size: .9rem;
	}

	.ffv3-character-card__body strong {
		font-size: .86rem;
	}}

@media (prefers-reduced-motion: reduce) {
	.ffv3-hero-poster,
	.ffv3-film-card__poster,
	.ffv3-film-card__poster img,
	.ffv3-character-card,
	.ffv3-character-card__image img,
	.ffv3-wiki-card,
	.ffv3-wiki-card__arrow {
		transition: none;
	}}и /character/*/
 * Корневые компоненты уже используют navy-палитру, а теперь тот же фон
 * распространяется на весь шаблон страницы, а не заканчивается по краям.
 * ================================================================== */
html.lfFandomCanvas{
	--imdb-bg: #07111d;
	--imdb-bg-soft: #07111d;
	background: #07111d !important;
}html.lfFandomCanvas body,
html.lfFandomCanvas .uiStandartTemplate,
html.lfFandomCanvas .uiStandartTemplateWrapper,
html.lfFandomCanvas .uiStandartTemplateMain,
html.lfFandomCanvas .uiStandartContentMaximum,
html.lfFandomCanvas .ui-global-wrapper,
html.lfFandomCanvas .ui-global-wrapper-simple{
	background: #07111d !important;
}html.lfFandomCanvas .ffv3-page{
	background: transparent;
}html.light-theme.lfFandomCanvas{
	--imdb-bg: #f6f8fb;
	--imdb-bg-soft: #f6f8fb;
	background: #f6f8fb !important;
}html.light-theme.lfFandomCanvas body,
html.light-theme.lfFandomCanvas .uiStandartTemplate,
html.light-theme.lfFandomCanvas .uiStandartTemplateWrapper,
html.light-theme.lfFandomCanvas .uiStandartTemplateMain,
html.light-theme.lfFandomCanvas .uiStandartContentMaximum,
html.light-theme.lfFandomCanvas .ui-global-wrapper,
html.light-theme.lfFandomCanvas .ui-global-wrapper-simple{
	background: #f6f8fb !important;
}


/* ==================================================================
 * Wiki V3 — /wiki/*/
 * Современная энциклопедическая статья в общей navy-системе LikeFilm.
 * ================================================================== */
html.lfWikiCanvas {
	--imdb-bg: #07111d;
	--imdb-bg-soft: #07111d;
	background: #07111d !important;
	scroll-behavior: smooth;
}

html.lfWikiCanvas body,
html.lfWikiCanvas .uiStandartTemplate,
html.lfWikiCanvas .uiStandartTemplateWrapper,
html.lfWikiCanvas .uiStandartTemplateMain,
html.lfWikiCanvas .uiStandartContentMaximum,
html.lfWikiCanvas .ui-global-wrapper,
html.lfWikiCanvas .ui-global-wrapper-simple {
	background: #07111d !important;
}

html.lfWikiCanvas .uiStandartTemplateMain,
html.lfWikiCanvas .uiStandartContentMaximum {
	padding-top: 0 !important;
}

.wkv3-page,
.wkv3-page *,
.wkv3-page *::before,
.wkv3-page *::after {
	box-sizing: border-box;
}

.wkv3-page {
	--wkv3-bg: #07111d;
	--wkv3-panel: #0b1725;
	--wkv3-panel-strong: #0e1d2d;
	--wkv3-panel-soft: rgba(13, 27, 42, .78);
	--wkv3-border: rgba(151, 177, 207, .17);
	--wkv3-border-strong: rgba(151, 177, 207, .28);
	--wkv3-text: #f5f8fc;
	--wkv3-text-soft: #c9d5e3;
	--wkv3-muted: #8ea2b8;
	--wkv3-accent: #f5c518;
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 28px 20px 64px;
	color: var(--wkv3-text);
	background: transparent;
}

.wkv3-hero {
	position: relative;
	isolation: isolate;
	min-height: 340px;
	margin-bottom: 28px;
	overflow: hidden;
	border: 1px solid var(--wkv3-border);
	border-radius: 24px;
	background:
		radial-gradient(circle at 80% 15%, rgba(245, 197, 24, .09), transparent 32%),
		linear-gradient(135deg, #0d1b2a 0%, #091421 58%, #0b1724 100%);
	box-shadow: 0 22px 60px rgba(0, 0, 0, .28);
}

.wkv3-hero::before,
.wkv3-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.wkv3-hero::before {
	z-index: -2;
	background-image: var(--wkv3-hero-image);
	background-repeat: no-repeat;
	background-position: center 31%;
	background-size: cover;
	opacity: 0;
	transform: scale(1.03);
}

.wkv3-hero--wallpaper::before {
	opacity: .58;
}

.wkv3-hero--poster::before {
	background-position: 83% 25%;
	background-size: 42% auto;
	filter: blur(8px) saturate(.82);
	opacity: .52;
	transform: scale(1.13);
}

.wkv3-hero::after {
	z-index: -1;
	background:
		linear-gradient(90deg, rgba(5, 13, 23, .98) 0%, rgba(5, 13, 23, .91) 48%, rgba(5, 13, 23, .49) 76%, rgba(5, 13, 23, .69) 100%),
		linear-gradient(0deg, rgba(4, 11, 19, .82), transparent 70%);
}

.wkv3-hero__inner {
	display: flex;
	min-height: 340px;
	flex-direction: column;
	justify-content: space-between;
	padding: 30px clamp(24px, 5vw, 64px) 42px;
}

.wkv3-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: .78rem;
	line-height: 1.5;
	color: #9fb0c4;
}

.wkv3-breadcrumbs a {
	color: #c3cfdd !important;
}

.wkv3-breadcrumbs a:hover {
	color: var(--wkv3-accent) !important;
	text-decoration: none;
}

.wkv3-breadcrumbs span[aria-hidden="true"] {
	color: rgba(255, 255, 255, .36);
}

.wkv3-hero__copy {
	width: min(780px, 100%);
	padding-top: 42px;
}

.wkv3-eyebrow {
	margin-bottom: 10px;
	font-size: .73rem;
	font-weight: 800;
	line-height: 1.35;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: var(--wkv3-accent);
}

.wkv3-hero h1 {
	max-width: 850px;
	margin: 0;
	font-size: clamp(2.6rem, 5.3vw, 5.2rem);
	font-weight: 760;
	line-height: .98;
	letter-spacing: -.055em;
	color: #fff;
	text-wrap: balance;
}

.wkv3-hero__copy > p {
	max-width: 720px;
	margin: 22px 0 0;
	font-size: clamp(1rem, 1.45vw, 1.16rem);
	line-height: 1.7;
	color: #d2dce8;
}

.wkv3-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 24px;
}

.wkv3-hero__meta span {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 38px;
	padding: 8px 13px;
	border: 1px solid rgba(178, 198, 220, .2);
	border-radius: 10px;
	background: rgba(5, 14, 24, .58);
	font-size: .82rem;
	font-weight: 650;
	color: #dce5ef;
	backdrop-filter: blur(8px);
}

.wkv3-hero__meta i {
	color: var(--wkv3-accent);
}

.wkv3-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 278px;
	align-items: start;
	gap: 28px;
}

.wkv3-layout--single {
	grid-template-columns: minmax(0, 880px);
	justify-content: center;
}

.wkv3-article {
	min-width: 0;
	padding: clamp(25px, 4vw, 52px);
	border: 1px solid var(--wkv3-border);
	border-radius: 22px;
	background:
		linear-gradient(180deg, rgba(15, 31, 48, .96), rgba(9, 22, 36, .97));
	box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

.wkv3-content {
	max-width: 820px;
	margin: 0 auto;
	font-size: 1.075rem;
	line-height: 1.78;
	color: var(--wkv3-text-soft);
	overflow-wrap: anywhere;
}

.wkv3-content > :first-child {
	margin-top: 0 !important;
}

.wkv3-content p {
	margin: 0 0 1.35em;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
}

.wkv3-content > p:first-of-type {
	font-size: 1.16rem;
	line-height: 1.76;
	color: #e2e9f1;
}

.wkv3-content h2,
.wkv3-content h3 {
	position: relative;
	scroll-margin-top: 96px;
	color: var(--wkv3-text);
	letter-spacing: -.025em;
	text-wrap: balance;
}

.wkv3-content h2 {
	margin: 2.25em 0 .72em;
	padding-top: 1.05em;
	border-top: 1px solid rgba(151, 177, 207, .16);
	font-size: clamp(1.75rem, 3vw, 2.45rem);
	line-height: 1.12;
}

.wkv3-content h2::before {
	content: "";
	position: absolute;
	top: calc(1.05em - 2px);
	left: -19px;
	width: 4px;
	height: 31px;
	border-radius: 4px;
	background: var(--wkv3-accent);
}

.wkv3-content h3 {
	margin: 1.8em 0 .65em;
	font-size: 1.35rem;
	line-height: 1.3;
}

.wkv3-content a {
	color: #f3cc3b !important;
	text-decoration: underline;
	text-decoration-color: rgba(245, 197, 24, .35);
	text-underline-offset: 3px;
}

.wkv3-content a:hover {
	color: #fff !important;
	text-decoration-color: var(--wkv3-accent);
}

.wkv3-content strong,
.wkv3-content b {
	font-weight: 760;
	color: #fff;
}

.wkv3-content ul,
.wkv3-content ol {
	margin: 1.1em 0 1.5em;
	padding-left: 1.45em;
}

.wkv3-content li {
	margin: .45em 0;
	padding-left: .2em;
}

.wkv3-content li::marker {
	color: var(--wkv3-accent);
}

.wkv3-content blockquote {
	margin: 1.7em 0;
	padding: 20px 24px;
	border: 1px solid rgba(245, 197, 24, .23);
	border-left: 4px solid var(--wkv3-accent);
	border-radius: 5px 15px 15px 5px;
	background: rgba(245, 197, 24, .055);
	color: #e4ebf3;
}

.wkv3-content img {
	display: block;
	max-width: 100% !important;
	height: auto;
	margin: 1.7em auto;
	border-radius: 15px;
}

.wkv3-content table {
	display: block;
	width: 100%;
	margin: 1.7em 0;
	overflow-x: auto;
	border-collapse: collapse;
}

.wkv3-content th,
.wkv3-content td {
	padding: 11px 13px;
	border: 1px solid var(--wkv3-border);
	text-align: left;
}

.wkv3-content th {
	background: #102237;
	color: #fff;
}

.wkv3-content hr {
	margin: 2em 0;
	border: 0;
	border-top: 1px solid var(--wkv3-border);
}

.wkv3-content .uiSemanticVideoX1 {
	float: none !important;
	clear: both;
	width: 100% !important;
	max-width: 100%;
	margin: 2em 0 !important;
	padding: 12px;
	border: 1px solid var(--wkv3-border);
	border-radius: 17px;
	background: #07131f;
	overflow: hidden;
}

.wkv3-content .uiSemanticVideoX1__media,
.wkv3-content .uiMediaOnClickElement,
.wkv3-content .uiMediaOnClickBack {
	width: 100% !important;
	border-radius: 12px;
	overflow: hidden;
}

.wkv3-content .uiSemanticVideoX1 figcaption {
	padding: 12px 6px 2px;
	font-size: .88rem;
	line-height: 1.5;
	color: var(--wkv3-muted);
}

.wkv3-toc {
	position: sticky;
	top: 88px;
	min-width: 0;
	border: 1px solid var(--wkv3-border);
	border-radius: 18px;
	background: rgba(10, 24, 38, .94);
	box-shadow: 0 16px 38px rgba(0, 0, 0, .19);
	backdrop-filter: blur(13px);
	overflow: hidden;
}

.wkv3-toc__toggle {
	display: none;
}

.wkv3-toc__panel {
	padding: 20px 18px 18px;
}

.wkv3-toc__title {
	margin-bottom: 12px;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: var(--wkv3-accent);
}

.wkv3-toc ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wkv3-toc li {
	margin: 0;
}

.wkv3-toc a {
	display: grid;
	grid-template-columns: 25px minmax(0, 1fr);
	gap: 9px;
	align-items: start;
	padding: 9px 8px;
	border-radius: 9px;
	color: #aebdcd !important;
	text-decoration: none;
	transition: color .16s ease, background-color .16s ease;
}

.wkv3-toc a > span {
	padding-top: 1px;
	font-size: .68rem;
	font-weight: 800;
	color: #657b91;
}

.wkv3-toc a > strong {
	font-size: .82rem;
	font-weight: 650;
	line-height: 1.42;
}

.wkv3-toc__level-3 a {
	padding-left: 18px;
}

.wkv3-toc a:hover,
.wkv3-toc a.is-active {
	background: rgba(245, 197, 24, .09);
	color: #fff !important;
}

.wkv3-toc a.is-active > span {
	color: var(--wkv3-accent);
}

.wkv3-related {
	margin-top: 42px;
	padding-top: 38px;
	border-top: 1px solid var(--wkv3-border);
}

.wkv3-related header h2 {
	margin: 0;
	font-size: clamp(1.8rem, 3.2vw, 2.65rem);
	line-height: 1.12;
	letter-spacing: -.035em;
	color: var(--wkv3-text);
}

.wkv3-related__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-top: 22px;
}

.wkv3-related__card {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr) 24px;
	align-items: center;
	gap: 12px;
	min-height: 82px;
	padding: 16px 18px;
	border: 1px solid var(--wkv3-border);
	border-radius: 14px;
	background: linear-gradient(145deg, #0d1d2d, #0a1725);
	color: #edf3fa !important;
	text-decoration: none;
	transition: transform .17s ease, border-color .17s ease, background-color .17s ease;
}

.wkv3-related__card:hover {
	transform: translateY(-2px);
	border-color: rgba(245, 197, 24, .48);
	text-decoration: none;
}

.wkv3-related__card > span {
	font-size: .72rem;
	font-weight: 800;
	color: var(--wkv3-accent);
}

.wkv3-related__card > strong {
	font-size: .95rem;
	line-height: 1.38;
}

.wkv3-related__card > i {
	font-style: normal;
	font-size: 1.25rem;
	color: #71869b;
}

.wkv3-back {
	margin-top: 28px;
}

.wkv3-back a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 10px 15px;
	border: 1px solid var(--wkv3-border-strong);
	border-radius: 11px;
	background: #0b1928;
	color: #dce5ef !important;
	font-weight: 700;
	text-decoration: none;
}

.wkv3-back a:hover {
	border-color: rgba(245, 197, 24, .55);
	color: var(--wkv3-accent) !important;
	text-decoration: none;
}

@media (max-width: 980px) {
	.wkv3-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.wkv3-toc {
		position: relative;
		top: auto;
		grid-row: 1;
	}

	.wkv3-toc__toggle {
		display: flex;
		width: 100%;
		min-height: 52px;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		padding: 12px 16px;
		border: 0;
		background: transparent;
		font: inherit;
		font-size: .88rem;
		font-weight: 760;
		color: #e9f0f7;
		cursor: pointer;
	}

	.wkv3-toc__toggle i {
		color: var(--wkv3-accent);
		transition: transform .16s ease;
	}

	.wkv3-toc__panel {
		display: none;
		padding-top: 2px;
	}

	.wkv3-toc.is-open .wkv3-toc__panel {
		display: block;
	}

	.wkv3-toc.is-open .wkv3-toc__toggle i {
		transform: rotate(180deg);
	}}

@media (max-width: 720px) {
	.wkv3-page {
		padding: 16px 12px 48px;
	}

	.wkv3-hero {
		min-height: 330px;
		border-radius: 18px;
	}

	.wkv3-hero__inner {
		min-height: 330px;
		padding: 20px 18px 29px;
	}

	.wkv3-hero__copy {
		padding-top: 34px;
	}

	.wkv3-hero h1 {
		font-size: clamp(2.35rem, 13vw, 3.8rem);
	}

	.wkv3-hero--wallpaper::before {
		background-position: 63% center;
		opacity: .46;
	}

	.wkv3-hero::after {
		background: linear-gradient(90deg, rgba(5, 13, 23, .98), rgba(5, 13, 23, .78)), linear-gradient(0deg, rgba(4, 11, 19, .88), transparent 72%);
	}

	.wkv3-article {
		padding: 27px 19px;
		border-radius: 17px;
	}

	.wkv3-content {
		font-size: 1rem;
		line-height: 1.72;
	}

	.wkv3-content > p:first-of-type {
		font-size: 1.06rem;
	}

	.wkv3-content h2::before {
		left: -11px;
	}

	.wkv3-related__grid {
		grid-template-columns: 1fr;
	}}

@media (max-width: 440px) {
	.wkv3-breadcrumbs {
		font-size: .7rem;
	}

	.wkv3-hero__meta span {
		width: 100%;
	}

	.wkv3-related__card {
		grid-template-columns: 28px minmax(0, 1fr) 18px;
		padding: 14px;
	}}

html.light-theme.lfWikiCanvas {
	--imdb-bg: #f6f8fb;
	--imdb-bg-soft: #f6f8fb;
	background: #f6f8fb !important;
}

html.light-theme.lfWikiCanvas body,
html.light-theme.lfWikiCanvas .uiStandartTemplate,
html.light-theme.lfWikiCanvas .uiStandartTemplateWrapper,
html.light-theme.lfWikiCanvas .uiStandartTemplateMain,
html.light-theme.lfWikiCanvas .uiStandartContentMaximum,
html.light-theme.lfWikiCanvas .ui-global-wrapper,
html.light-theme.lfWikiCanvas .ui-global-wrapper-simple {
	background: #f6f8fb !important;
}

html.light-theme .wkv3-page {
	--wkv3-panel: #fff;
	--wkv3-panel-strong: #f4f7fb;
	--wkv3-border: rgba(31, 53, 78, .14);
	--wkv3-border-strong: rgba(31, 53, 78, .23);
	--wkv3-text: #142236;
	--wkv3-text-soft: #34465c;
	--wkv3-muted: #667a90;
}

html.light-theme .wkv3-hero {
	box-shadow: 0 20px 50px rgba(26, 47, 72, .15);
}

html.light-theme .wkv3-article {
	background: #fff;
	box-shadow: 0 16px 42px rgba(31, 51, 75, .09);
}

html.light-theme .wkv3-content > p:first-of-type,
html.light-theme .wkv3-content strong,
html.light-theme .wkv3-content b {
	color: #17263a;
}

html.light-theme .wkv3-content a {
	color: #9c7600 !important;
}

html.light-theme .wkv3-content blockquote {
	background: #fffbeb;
	color: #34465c;
}

html.light-theme .wkv3-content th {
	background: #eef3f8;
	color: #17263a;
}

html.light-theme .wkv3-content .uiSemanticVideoX1 {
	background: #f5f8fb;
}

html.light-theme .wkv3-toc {
	background: rgba(255, 255, 255, .96);
	box-shadow: 0 14px 34px rgba(31, 51, 75, .08);
}

html.light-theme .wkv3-toc__toggle,
html.light-theme .wkv3-toc a:hover,
html.light-theme .wkv3-toc a.is-active {
	color: #17263a !important;
}

html.light-theme .wkv3-toc a {
	color: #53677d !important;
}

html.light-theme .wkv3-related__card,
html.light-theme .wkv3-back a {
	background: #fff;
	color: #1b2b40 !important;
}

@media (prefers-reduced-motion: reduce) {
	html.lfWikiCanvas,
	.wkv3-page *,
	.wkv3-page *::before,
	.wkv3-page *::after {
		scroll-behavior: auto !important;
		transition: none !important;
		animation: none !important;
	}}