.cinemalink {
color: inherit;
text-decoration: none;
background: linear-gradient(
to right,
rgba(229, 9, 20, 0.12),
rgba(229, 9, 20, 0.06)
);
border-bottom: 1.5px solid rgba(229, 9, 20, 0.4);
padding: 0 3px 1px;
border-radius: 3px;
font-weight: 500;
transition: all 0.2s ease;
white-space: nowrap;
}
.cinemalink:hover,
.cinemalink:focus {
background: rgba(229, 9, 20, 0.85);
border-bottom-color: transparent;
color: #ffffff;
padding: 1px 5px 2px;
border-radius: 4px;
text-decoration: none;
outline: none;
}
.cinemalink:focus {
box-shadow: 0 0 0 2px rgba(229, 9, 20, 0.3);
} .cinemalink--movie {
border-bottom-color: rgba(229, 9, 20, 0.5);
background: linear-gradient(
to right,
rgba(229, 9, 20, 0.12),
rgba(229, 9, 20, 0.05)
);
}
.cinemalink--movie:hover,
.cinemalink--movie:focus {
background: rgba(229, 9, 20, 0.85);
color: #ffffff;
} .cinemalink--series,
.cinemalink--tv {
border-bottom-color: rgba(139, 92, 246, 0.5);
background: linear-gradient(
to right,
rgba(139, 92, 246, 0.12),
rgba(139, 92, 246, 0.05)
);
}
.cinemalink--series:hover,
.cinemalink--series:focus,
.cinemalink--tv:hover,
.cinemalink--tv:focus {
background: rgba(139, 92, 246, 0.85);
color: #ffffff;
}
.cinemalink--series:focus,
.cinemalink--tv:focus {
box-shadow: 0 0 0 2px rgba(139, 92, 246, 0.3);
} .cinemalink--person {
border-bottom-color: rgba(197, 158, 50, 0.5);
background: linear-gradient(
to right,
rgba(197, 158, 50, 0.12),
rgba(197, 158, 50, 0.05)
);
}
.cinemalink--person:hover,
.cinemalink--person:focus {
background: rgba(197, 158, 50, 0.85);
color: #1a1a1a;
}
.cinemalink--person:focus {
box-shadow: 0 0 0 2px rgba(197, 158, 50, 0.3);
} @media (prefers-color-scheme: dark) {
.cinemalink {
background: linear-gradient(
to right,
rgba(229, 9, 20, 0.2),
rgba(229, 9, 20, 0.1)
);
border-bottom-color: rgba(229, 9, 20, 0.6);
}
.cinemalink--series,
.cinemalink--tv {
background: linear-gradient(
to right,
rgba(139, 92, 246, 0.2),
rgba(139, 92, 246, 0.1)
);
border-bottom-color: rgba(139, 92, 246, 0.6);
}
.cinemalink--person {
background: linear-gradient(
to right,
rgba(197, 158, 50, 0.2),
rgba(197, 158, 50, 0.1)
);
border-bottom-color: rgba(197, 158, 50, 0.6);
}
} @media (prefers-reduced-motion: reduce) {
.cinemalink {
transition: none;
}
} @media print {
.cinemalink {
background: none !important;
border-bottom: 1px solid #000 !important;
color: inherit !important;
padding: 0 !important;
}
.cinemalink::after {
content: " [" attr(href) "]";
font-size: 0.8em;
color: #666;
}
}  .cinema-infobox,
.cinema-toc,
.cinema-related-box,
.cinema-quote-card {
box-sizing: border-box;
} .cinema-infobox,
.cinema-infobox--prestige {
margin: 2.25rem auto;
padding: 1.5rem 1.75rem;
background: #ffffff;
border: 1px solid #1c1917;
border-radius: 0;
max-width: 620px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}
.cinema-infobox--prestige .cinema-infobox-header,
.cinema-infobox .cinema-infobox-header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e7e5e4;
padding-bottom: 0.75rem;
margin-bottom: 1rem;
}
.cinema-infobox--prestige .cinema-infobox-badge,
.cinema-infobox .cinema-infobox-badge {
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #78716c;
}
.cinema-infobox--prestige .cinema-infobox-rating,
.cinema-infobox .cinema-infobox-rating {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
background: #1c1917;
color: #fcfbf9;
padding: 3px 8px;
border-radius: 2px;
}
.cinema-infobox--prestige .cinema-infobox-title,
.cinema-infobox .cinema-infobox-title {
font-family: Georgia, 'Times New Roman', serif;
font-size: 1.55rem;
font-weight: 400;
color: #1c1917;
margin: 0 0 1rem 0;
line-height: 1.25;
}
.cinema-infobox--prestige .cinema-infobox-year,
.cinema-infobox .cinema-infobox-year {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 1.05rem;
color: #78716c;
font-weight: 300;
}
.cinema-infobox--prestige .cinema-infobox-grid,
.cinema-infobox .cinema-infobox-grid {
margin: 0;
padding: 0;
}
.cinema-infobox--prestige .cinema-infobox-row,
.cinema-infobox .cinema-infobox-row {
display: grid;
grid-template-columns: 110px 1fr;
gap: 0.75rem;
padding: 0.5rem 0;
border-top: 1px solid #f5f5f4;
font-size: 0.88rem;
line-height: 1.45;
}
.cinema-infobox--prestige .cinema-infobox-label,
.cinema-infobox .cinema-infobox-label {
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.68rem;
color: #78716c;
padding-top: 2px;
}
.cinema-infobox--prestige .cinema-infobox-val,
.cinema-infobox .cinema-infobox-val {
color: #1c1917;
margin: 0;
} .cinema-toc,
.cinema-toc--prestige {
margin: 2.25rem 0;
padding: 1.15rem 0;
border-top: 2px solid #1c1917;
border-bottom: 1px solid #1c1917;
background: transparent;
border-radius: 0;
box-shadow: none;
}
.cinema-toc--prestige summary.cinema-toc-header,
.cinema-toc summary.cinema-toc-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
user-select: none;
list-style: none;
outline: none;
margin-bottom: 0;
transition: color 0.15s ease;
}
.cinema-toc--prestige summary.cinema-toc-header::-webkit-details-marker,
.cinema-toc summary.cinema-toc-header::-webkit-details-marker,
.cinema-toc summary.cinema-toc-header::marker {
display: none;
}
.cinema-toc[open] summary.cinema-toc-header,
.cinema-toc--prestige[open] summary.cinema-toc-header {
margin-bottom: 1.25rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid #f5f5f4;
}
.cinema-toc--prestige .cinema-toc-label,
.cinema-toc .cinema-toc-label {
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.25em;
color: #1c1917;
transition: color 0.15s ease;
}
.cinema-toc--prestige summary.cinema-toc-header:hover .cinema-toc-label,
.cinema-toc summary.cinema-toc-header:hover .cinema-toc-label {
color: #b91c1c;
}
.cinema-toc-title-group {
display: inline-flex;
align-items: center;
gap: 0.85rem;
}
.cinema-toc-toggle-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
transition: transform 0.25s ease, background 0.15s ease, color 0.15s ease;
flex-shrink: 0;
color: #78716c;
}
.cinema-toc--prestige summary.cinema-toc-header:hover .cinema-toc-toggle-icon,
.cinema-toc summary.cinema-toc-header:hover .cinema-toc-toggle-icon {
color: #b91c1c;
background: rgba(185, 28, 28, 0.06);
}
.cinema-toc[open] .cinema-toc-toggle-icon svg,
.cinema-toc--prestige[open] .cinema-toc-toggle-icon svg {
transform: rotate(180deg);
}
.cinema-toc-toggle-icon svg {
transition: transform 0.25s ease;
}
.cinema-toc--prestige .cinema-toc-list,
.cinema-toc .cinema-toc-list {
list-style: none;
margin: 0;
padding: 0;
}
.cinema-toc--prestige .cinema-toc-item,
.cinema-toc .cinema-toc-item {
display: flex;
align-items: baseline;
gap: 1rem;
padding: 0.6rem 0;
border-top: 1px solid #f5f5f4;
}
.cinema-toc--prestige .cinema-toc-item:first-child,
.cinema-toc .cinema-toc-item:first-child {
border-top: none;
}
.cinema-toc--prestige .cinema-toc-num,
.cinema-toc .cinema-toc-num {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
font-size: 0.78rem;
font-weight: 600;
color: #a8a29e;
width: 24px;
flex-shrink: 0;
}
.cinema-toc--prestige .cinema-toc-link,
.cinema-toc .cinema-toc-link {
font-family: Georgia, 'Times New Roman', serif;
font-size: 1.25rem;
color: #1c1917;
text-decoration: none;
line-height: 1.35;
transition: color 0.15s ease;
}
.cinema-toc--prestige .cinema-toc-link:hover,
.cinema-toc .cinema-toc-link:hover {
color: #b91c1c;
text-decoration: underline;
text-underline-offset: 3px;
} .cinema-related-box,
.cinema-related-box--prestige {
margin: 2rem 0;
padding: 0.9rem 1.25rem;
background: #fafaf9;
border-left: 2px solid #1c1917;
border-top: 1px solid #f5f5f4;
border-right: 1px solid #f5f5f4;
border-bottom: 1px solid #f5f5f4;
border-radius: 0 4px 4px 0;
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 1rem;
}
.cinema-related-box--prestige .cinema-related-tag,
.cinema-related-box .cinema-related-tag {
display: block;
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #78716c;
margin-bottom: 0.25rem;
}
.cinema-related-box--prestige .cinema-related-link,
.cinema-related-box .cinema-related-link {
font-family: Georgia, 'Times New Roman', serif;
font-size: 1.15rem;
color: #1c1917;
text-decoration: none;
font-weight: 500;
line-height: 1.35;
}
.cinema-related-box--prestige .cinema-related-link:hover,
.cinema-related-box .cinema-related-link:hover {
color: #b91c1c;
text-decoration: underline;
}
.cinema-related-box--prestige .cinema-related-arrow,
.cinema-related-box .cinema-related-arrow {
font-family: Georgia, 'Times New Roman', serif;
font-size: 0.88rem;
font-style: italic;
color: #78716c;
white-space: nowrap;
} .cinema-quote-card,
.cinema-quote-card--prestige {
margin: 2.25rem 0;
padding: 1.25rem 1.75rem;
background: #fafaf9;
border-left: 2px solid #1c1917;
font-family: Georgia, 'Times New Roman', serif;
font-style: italic;
font-size: 1.18rem;
color: #1c1917;
line-height: 1.6;
border-radius: 0;
} .cinema-infobox--modern {
margin: 2rem 0;
padding: 1.25rem 1.5rem;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-top: 3px solid #0f172a;
border-radius: 6px;
box-shadow: none;
}
.cinema-infobox--modern .cinema-infobox-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.5rem;
border-bottom: none;
padding-bottom: 0;
}
.cinema-infobox--modern .cinema-infobox-badge {
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #64748b;
}
.cinema-infobox--modern .cinema-infobox-rating {
background: #0f172a;
color: #ffffff;
font-size: 0.75rem;
font-weight: 700;
padding: 3px 8px;
border-radius: 4px;
}
.cinema-infobox--modern .cinema-infobox-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 1.35rem;
font-weight: 800;
color: #0f172a;
letter-spacing: -0.02em;
margin: 0 0 1rem 0;
}
.cinema-infobox--modern .cinema-infobox-year {
color: #64748b;
font-weight: 400;
}
.cinema-infobox--modern .cinema-infobox-grid {
display: block;
margin: 0;
padding: 0.5rem 0 0 0;
border-top: 1px solid #e2e8f0;
}
.cinema-infobox--modern .cinema-infobox-row {
display: grid;
grid-template-columns: 120px minmax(0, 1fr);
gap: 0.75rem;
padding: 0.45rem 0;
border-top: none;
border-bottom: 1px solid rgba(148, 163, 184, 0.15);
align-items: baseline;
}
.cinema-infobox--modern .cinema-infobox-label {
display: block;
font-size: 0.75rem;
font-weight: 600;
color: #64748b;
margin: 0;
}
.cinema-infobox--modern .cinema-infobox-val {
font-size: 0.85rem;
font-weight: 600;
color: #0f172a;
margin: 0;
min-width: 0;
} .cinema-toc--modern {
margin: 2rem 0;
padding: 1.15rem 1.35rem;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-top: 4px solid #0f172a;
border-radius: 6px;
box-shadow: none;
}
.cinema-toc--modern summary.cinema-toc-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
user-select: none;
list-style: none;
outline: none;
margin-bottom: 0;
transition: color 0.15s ease;
}
.cinema-toc--modern summary.cinema-toc-header::-webkit-details-marker,
.cinema-toc--modern summary.cinema-toc-header::marker {
display: none;
}
.cinema-toc--modern[open] summary.cinema-toc-header {
margin-bottom: 1rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid #e2e8f0;
}
.cinema-toc--modern .cinema-toc-label {
font-size: 0.75rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #0f172a;
transition: color 0.15s ease;
}
.cinema-toc--modern summary.cinema-toc-header:hover .cinema-toc-label {
color: #2563eb;
}
.cinema-toc--modern .cinema-toc-count {
font-size: 0.72rem;
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
color: #64748b;
}
.cinema-toc--modern .cinema-toc-toggle-icon {
color: #64748b;
}
.cinema-toc--modern summary.cinema-toc-header:hover .cinema-toc-toggle-icon {
color: #2563eb;
background: #e2e8f0;
}
.cinema-toc--modern[open] .cinema-toc-toggle-icon svg {
transform: rotate(180deg);
}
.cinema-toc--modern .cinema-toc-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.cinema-toc--modern .cinema-toc-item {
display: flex;
align-items: center;
gap: 0.75rem;
border-top: none;
padding: 0;
}
.cinema-toc--modern .cinema-toc-num {
background: #e2e8f0;
color: #0f172a;
font-size: 0.68rem;
font-weight: 700;
padding: 2px 6px;
border-radius: 3px;
width: auto;
}
.cinema-toc--modern .cinema-toc-link {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0.95rem;
font-weight: 600;
color: #0f172a;
text-decoration: none;
}
.cinema-toc--modern .cinema-toc-link:hover {
color: #2563eb;
text-decoration: underline;
} .cinema-related-box--modern {
margin: 1.75rem 0;
padding: 1rem 1.25rem;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 6px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
transition: border-color 0.15s ease;
}
.cinema-related-box--modern:hover {
border-color: #0f172a;
}
.cinema-related-box--modern .cinema-related-tag {
display: block;
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #64748b;
margin-bottom: 2px;
}
.cinema-related-box--modern .cinema-related-link {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0.95rem;
font-weight: 700;
color: #0f172a;
text-decoration: none;
}
.cinema-related-box--modern .cinema-related-arrow {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
background: #f1f5f9;
color: #0f172a;
padding: 4px 8px;
border-radius: 4px;
white-space: nowrap;
} .cinema-quote-card--modern {
margin: 2rem 0;
padding: 1.25rem 1.5rem;
background: #f8fafc;
border-left: 3px solid #0f172a;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 1.05rem;
font-weight: 500;
color: #0f172a;
line-height: 1.55;
border-radius: 0 6px 6px 0;
} .cinema-infobox--dark {
margin: 2.25rem 0;
padding: 1.5rem 1.75rem;
background: #141416;
border: 1px solid #27272a;
border-radius: 8px;
color: #e4e4e7;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}
.cinema-infobox--dark .cinema-infobox-header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #27272a;
padding-bottom: 0.75rem;
margin-bottom: 1rem;
}
.cinema-infobox--dark .cinema-infobox-badge {
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #a1a1aa;
}
.cinema-infobox--dark .cinema-infobox-rating {
background: rgba(245, 158, 11, 0.15);
border: 1px solid rgba(245, 158, 11, 0.35);
color: #fbbf24;
font-size: 0.75rem;
font-weight: 700;
padding: 2px 8px;
border-radius: 4px;
}
.cinema-infobox--dark .cinema-infobox-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 1.4rem;
font-weight: 700;
color: #ffffff;
margin: 0 0 1rem 0;
}
.cinema-infobox--dark .cinema-infobox-year {
color: #a1a1aa;
font-weight: 400;
}
.cinema-infobox--dark .cinema-infobox-grid {
margin: 0;
padding: 0;
}
.cinema-infobox--dark .cinema-infobox-row {
display: grid;
grid-template-columns: 110px 1fr;
gap: 0.75rem;
padding: 0.5rem 0;
border-top: 1px solid #27272a;
font-size: 0.85rem;
}
.cinema-infobox--dark .cinema-infobox-label {
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #71717a;
}
.cinema-infobox--dark .cinema-infobox-val {
color: #e4e4e7;
margin: 0;
} .cinema-toc--dark {
margin: 2rem 0;
padding: 1.15rem 1.4rem;
background: #141416;
border: 1px solid #27272a;
border-radius: 8px;
box-shadow: none;
}
.cinema-toc--dark summary.cinema-toc-header {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
user-select: none;
list-style: none;
outline: none;
margin-bottom: 0;
transition: color 0.15s ease;
}
.cinema-toc--dark summary.cinema-toc-header::-webkit-details-marker,
.cinema-toc--dark summary.cinema-toc-header::marker {
display: none;
}
.cinema-toc--dark[open] summary.cinema-toc-header {
margin-bottom: 1rem;
padding-bottom: 0.75rem;
border-bottom: 1px solid #27272a;
}
.cinema-toc--dark .cinema-toc-label {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.25em;
color: #fbbf24;
transition: color 0.15s ease;
}
.cinema-toc--dark summary.cinema-toc-header:hover .cinema-toc-label {
color: #f59e0b;
}
.cinema-toc--dark .cinema-toc-toggle-icon {
color: #71717a;
}
.cinema-toc--dark summary.cinema-toc-header:hover .cinema-toc-toggle-icon {
color: #fbbf24;
background: rgba(251, 191, 36, 0.1);
}
.cinema-toc--dark[open] .cinema-toc-toggle-icon svg {
transform: rotate(180deg);
}
.cinema-toc--dark .cinema-toc-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.cinema-toc--dark .cinema-toc-item {
display: flex;
align-items: baseline;
gap: 1rem;
padding: 0.35rem 0;
border-top: none;
}
.cinema-toc--dark .cinema-toc-num {
font-family: Georgia, serif;
font-size: 1.1rem;
font-weight: 700;
color: #f59e0b;
width: 20px;
}
.cinema-toc--dark .cinema-toc-link {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0.95rem;
font-weight: 500;
color: #d4d4d8;
text-decoration: none;
transition: color 0.15s ease;
}
.cinema-toc--dark .cinema-toc-link:hover {
color: #ffffff;
text-decoration: underline;
} .cinema-related-box--dark {
margin: 1.75rem 0;
padding: 0.85rem 1.25rem;
background: #141416;
border-left: 3px solid #f59e0b;
border-top: 1px solid #27272a;
border-right: 1px solid #27272a;
border-bottom: 1px solid #27272a;
border-radius: 0 6px 6px 0;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.cinema-related-box--dark .cinema-related-tag {
display: block;
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.15em;
color: #f59e0b;
margin-bottom: 2px;
}
.cinema-related-box--dark .cinema-related-link {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0.95rem;
font-weight: 600;
color: #ffffff;
text-decoration: none;
}
.cinema-related-box--dark .cinema-related-link:hover {
color: #fde68a;
}
.cinema-related-box--dark .cinema-related-arrow {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0.8rem;
color: #71717a;
white-space: nowrap;
} .cinema-quote-card--dark {
margin: 2rem 0;
padding: 1.25rem 1.75rem;
background: #141416;
border-left: 3px solid #f59e0b;
border-radius: 0 6px 6px 0;
font-style: italic;
font-size: 1.1rem;
color: #e4e4e7;
line-height: 1.6;
} .cinema-figure {
margin: 2.25rem 0;
padding: 0;
clear: both;
}
.cinema-figure-img {
display: block;
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: 16 / 9;
}
.cinema-figure-caption {
margin-top: 0.6rem;
font-size: 0.85rem;
line-height: 1.4;
text-align: center;
} .cinema-figure--prestige {
border: 1px solid #e5e7eb;
background: #fafafa;
padding: 6px;
border-radius: 4px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
}
.cinema-figure--prestige .cinema-figure-img {
border-radius: 2px;
}
.cinema-figure--prestige .cinema-figure-caption {
font-family: Georgia, Cambria, serif;
font-style: italic;
color: #6b7280;
padding: 0.4rem 0.5rem 0.2rem;
} .cinema-figure--modern {
border-radius: 12px;
overflow: hidden;
background: #ffffff;
border: 1px solid #f1f5f9;
box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06);
}
.cinema-figure--modern .cinema-figure-img {
border-radius: 12px 12px 0 0;
}
.cinema-figure--modern .cinema-figure-caption {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0.8rem;
color: #64748b;
padding: 0.6rem 1rem 0.75rem;
text-align: left;
font-weight: 500;
letter-spacing: 0.02em;
} .cinema-figure--dark {
background: #141416;
border: 1px solid #27272a;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}
.cinema-figure--dark .cinema-figure-img {
border-radius: 8px 8px 0 0;
}
.cinema-figure--dark .cinema-figure-caption {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0.82rem;
color: #a1a1aa;
padding: 0.6rem 1rem 0.75rem;
text-align: left;
} .cinema-social-embed {
margin: 2.25rem 0;
clear: both;
}
.cinema-social-embed--twitter {
max-width: 550px;
margin-left: auto;
margin-right: auto;
}
.cinema-social-embed--twitter .twitter-tweet {
margin: 0 auto !important;
}
.cinema-social-embed--instagram,
.cinema-social-embed--tiktok {
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
.cinema-video-container {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
max-width: 100%;
border-radius: 8px;
background: #000000;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
}
.cinema-video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.cinema-social-caption {
margin-top: 0.5rem;
font-size: 0.8rem;
color: #71717a;
text-align: center;
font-style: italic;
}
.cinema-social-embed--prestige .cinema-video-container {
border: 1px solid #e5e7eb;
border-radius: 4px;
}
.cinema-social-embed--prestige .cinema-social-caption {
font-family: Georgia, serif;
color: #6b7280;
}
.cinema-social-embed--modern .cinema-video-container {
border-radius: 12px;
box-shadow: 0 12px 32px -4px rgba(0, 0, 0, 0.12);
}
.cinema-social-embed--modern .cinema-social-caption {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
font-size: 0.78rem;
color: #64748b;
font-style: normal;
letter-spacing: 0.02em;
}
.cinema-social-embed--dark .cinema-video-container {
border: 1px solid #27272a;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}
.cinema-social-embed--dark .cinema-social-caption {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
color: #a1a1aa;
} .cinema-infobox--screenrant {
border-radius: 8px;
padding: 0;
overflow: hidden;
box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
max-width: 680px;
margin: 2rem 0;
}
.cinema-infobox--screenrant .cinema-infobox-header {
padding: 10px 18px;
margin-bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.cinema-infobox--screenrant .cinema-infobox-badge {
font-size: 0.72rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.cinema-infobox--screenrant .cinema-infobox-rating {
font-weight: 700;
padding: 2px 9px;
border-radius: 4px;
font-size: 0.76rem;
letter-spacing: 0.03em;
display: inline-flex;
align-items: center;
gap: 4px;
}
.cinema-infobox--screenrant .cinema-infobox-card,
.cinema-infobox--screenrant .cinema-infobox-body {
display: flex !important;
flex-direction: row;
gap: 1.25rem;
padding: 18px;
align-items: flex-start;
}
.cinema-infobox--screenrant .cinema-infobox-poster-col {
width: 125px;
min-width: 125px;
max-width: 140px;
position: relative;
border-radius: 6px;
overflow: hidden;
align-self: flex-start;
flex-shrink: 0;
}
.cinema-infobox--screenrant .cinema-infobox-poster-img {
width: 125px;
height: 188px;
display: block;
object-fit: cover;
border-radius: 6px;
}
.cinema-infobox-thumbsup,
.cinema-infobox .cinema-infobox-thumbsup {
display: none !important;
}
.cinema-infobox--screenrant .cinema-infobox-content-col,
.cinema-infobox--screenrant .cinema-infobox-main-col {
flex: 1 1 0% !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
}
.cinema-infobox--screenrant .cinema-infobox-title {
margin: 0 0 8px 0 !important;
font-size: 1.3rem !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}
.cinema-infobox--screenrant .cinema-infobox-year {
font-weight: 400;
font-size: 0.95rem;
}
.cinema-infobox--screenrant .cinema-infobox-pills {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 10px;
}
.cinema-infobox--screenrant .cinema-infobox-genre-pill {
display: inline-block;
font-size: 0.72rem;
font-weight: 600;
padding: 2px 9px;
border-radius: 4px;
}
.cinema-infobox--screenrant .cinema-infobox-grid,
.cinema-infobox--screenrant.cinema-infobox--modern .cinema-infobox-grid,
.cinema-infobox--screenrant.cinema-infobox--prestige .cinema-infobox-grid,
.cinema-infobox--screenrant.cinema-infobox--dark .cinema-infobox-grid {
display: block !important;
grid-template-columns: none !important;
gap: 0 !important;
padding-top: 8px !important;
margin: 0 !important;
width: 100% !important;
}
.cinema-infobox--screenrant .cinema-infobox-row,
.cinema-infobox--screenrant.cinema-infobox--modern .cinema-infobox-row,
.cinema-infobox--screenrant.cinema-infobox--prestige .cinema-infobox-row,
.cinema-infobox--screenrant.cinema-infobox--dark .cinema-infobox-row {
display: grid !important;
grid-template-columns: 120px minmax(0, 1fr) !important;
gap: 12px !important;
padding: 6px 0 !important;
border-top: none !important;
font-size: 0.88rem !important;
line-height: 1.45 !important;
width: 100% !important;
align-items: baseline !important;
}
.cinema-infobox--screenrant .cinema-infobox-label,
.cinema-infobox--screenrant.cinema-infobox--modern .cinema-infobox-label,
.cinema-infobox--screenrant.cinema-infobox--prestige .cinema-infobox-label,
.cinema-infobox--screenrant.cinema-infobox--dark .cinema-infobox-label {
display: block !important;
font-weight: 700 !important;
font-size: 0.74rem !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
padding: 0 !important;
margin: 0 !important;
white-space: nowrap !important;
}
.cinema-infobox--screenrant .cinema-infobox-val,
.cinema-infobox--screenrant.cinema-infobox--modern .cinema-infobox-val,
.cinema-infobox--screenrant.cinema-infobox--prestige .cinema-infobox-val,
.cinema-infobox--screenrant.cinema-infobox--dark .cinema-infobox-val {
display: block !important;
margin: 0 !important;
padding: 0 !important;
min-width: 0 !important;
width: 100% !important;
word-break: normal !important;
overflow-wrap: break-word !important;
white-space: normal !important;
font-weight: 500 !important;
} .cinema-infobox-cast-wrap,
.cinema-infobox-cast-section {
margin-top: 12px;
padding-top: 10px;
}
.cinema-infobox-cast-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 8px;
}
.cinema-infobox-cast-heading {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.cinema-infobox-cast-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
gap: 8px;
}
.cinema-actor-card {
border-radius: 6px;
padding: 6px 8px;
display: flex;
align-items: center;
gap: 8px;
}
.cinema-actor-avatar {
width: 34px;
height: 34px;
min-width: 34px;
border-radius: 50%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.cinema-actor-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.cinema-actor-icon {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.cinema-actor-details {
overflow: hidden;
display: flex !important;
flex-direction: column !important;
line-height: 1.25 !important;
}
.cinema-actor-details .cinema-person-link {
font-size: 0.8rem;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block !important;
}
.cinema-actor-char {
font-size: 0.72rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block !important;
}
.cinema-infobox-footer,
.cinema-infobox-powered {
display: none !important;
} html body .cinema-infobox--prestige {
background: #ffffff !important;
color: #1c1917 !important;
border: 1px solid #e5e0d8 !important;
border-top: 3px solid #991b1b !important;
}
html body .cinema-infobox--prestige .cinema-infobox-header {
background: #faf7f2 !important;
border-bottom: 1px solid #e5e0d8 !important;
}
html body .cinema-infobox--prestige .cinema-infobox-badge {
color: #991b1b !important;
}
html body .cinema-infobox--prestige .cinema-infobox-rating {
background: #1c1917 !important;
color: #fef3c7 !important;
border: 1px solid #1c1917 !important;
}
html body .cinema-infobox--prestige .cinema-infobox-card {
background: #ffffff !important;
}
html body .cinema-infobox--prestige .cinema-infobox-title,
html body .cinema-infobox--prestige .cinema-infobox-title a,
html body .cinema-infobox--prestige .cinema-infobox-title-link {
color: #111827 !important;
font-family: Georgia, "Times New Roman", serif !important;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
html body .cinema-infobox--prestige .cinema-infobox-year {
color: #6b7280 !important;
}
html body .cinema-infobox--prestige .cinema-infobox-genre-pill {
background: #f3efe6 !important;
color: #292524 !important;
border: 1px solid #dcd5c7 !important;
}
html body .cinema-infobox--prestige .cinema-infobox-grid,
html body .cinema-infobox--prestige .cinema-infobox-cast-wrap {
border-top: 1px solid #f0ece3 !important;
}
html body .cinema-infobox--prestige .cinema-infobox-row {
border-bottom: 1px solid #f0ece3 !important;
}
html body .cinema-infobox--prestige .cinema-infobox-label,
html body .cinema-infobox--prestige .cinema-infobox-cast-heading {
color: #57534e !important;
}
html body .cinema-infobox--prestige .cinema-infobox-val {
color: #1c1917 !important;
}
html body .cinema-infobox--prestige .cinema-person-link,
html body .cinema-infobox--prestige .cinema-infobox-see-all,
html body .cinema-infobox--prestige .cinema-infobox-val a,
html body .cinema-infobox--prestige .cinema-actor-details a {
color: #991b1b !important;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
font-weight: 600 !important;
}
html body .cinema-infobox--prestige .cinema-actor-card {
background: #faf7f2 !important;
border: 1px solid #e5e0d8 !important;
}
html body .cinema-infobox--prestige .cinema-actor-avatar {
background: #efeae1 !important;
border: 1px solid #e5e0d8 !important;
}
html body .cinema-infobox--prestige .cinema-actor-char {
color: #57534e !important;
} html body .cinema-infobox--modern {
background: #f8fafc !important;
color: #0f172a !important;
border: 1px solid #cbd5e1 !important;
border-top: 3px solid #0284c7 !important;
}
html body .cinema-infobox--modern .cinema-infobox-header {
background: #f1f5f9 !important;
border-bottom: 1px solid #cbd5e1 !important;
}
html body .cinema-infobox--modern .cinema-infobox-badge {
color: #0284c7 !important;
}
html body .cinema-infobox--modern .cinema-infobox-rating {
background: #0f172a !important;
color: #ffffff !important;
border: 1px solid #0f172a !important;
}
html body .cinema-infobox--modern .cinema-infobox-card {
background: #f8fafc !important;
}
html body .cinema-infobox--modern .cinema-infobox-title,
html body .cinema-infobox--modern .cinema-infobox-title a,
html body .cinema-infobox--modern .cinema-infobox-title-link {
color: #0f172a !important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
html body .cinema-infobox--modern .cinema-infobox-year {
color: #64748b !important;
}
html body .cinema-infobox--modern .cinema-infobox-genre-pill {
background: #e2e8f0 !important;
color: #0f172a !important;
border: 1px solid #cbd5e1 !important;
}
html body .cinema-infobox--modern .cinema-infobox-grid,
html body .cinema-infobox--modern .cinema-infobox-cast-wrap {
border-top: 1px solid #e2e8f0 !important;
}
html body .cinema-infobox--modern .cinema-infobox-row {
border-bottom: 1px solid #e2e8f0 !important;
}
html body .cinema-infobox--modern .cinema-infobox-label,
html body .cinema-infobox--modern .cinema-infobox-cast-heading {
color: #475569 !important;
}
html body .cinema-infobox--modern .cinema-infobox-val {
color: #0f172a !important;
}
html body .cinema-infobox--modern .cinema-person-link,
html body .cinema-infobox--modern .cinema-infobox-see-all,
html body .cinema-infobox--modern .cinema-infobox-val a,
html body .cinema-infobox--modern .cinema-actor-details a {
color: #0369a1 !important;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
font-weight: 600 !important;
}
html body .cinema-infobox--modern .cinema-actor-card {
background: #ffffff !important;
border: 1px solid #cbd5e1 !important;
}
html body .cinema-infobox--modern .cinema-actor-avatar {
background: #e2e8f0 !important;
border: 1px solid #cbd5e1 !important;
}
html body .cinema-infobox--modern .cinema-actor-char {
color: #475569 !important;
} html body .cinema-infobox--dark {
background: #0f131a !important;
color: #f1f5f9 !important;
border: 1px solid #262f3f !important;
border-top: 3px solid #f59e0b !important;
}
html body .cinema-infobox--dark .cinema-infobox-header {
background: #090c10 !important;
border-bottom: 1px solid #262f3f !important;
}
html body .cinema-infobox--dark .cinema-infobox-badge {
color: #f59e0b !important;
}
html body .cinema-infobox--dark .cinema-infobox-rating {
background: #1e293b !important;
color: #fbbf24 !important;
border: 1px solid #334155 !important;
}
html body .cinema-infobox--dark .cinema-infobox-card {
background: #0f131a !important;
}
html body .cinema-infobox--dark .cinema-infobox-title,
html body .cinema-infobox--dark .cinema-infobox-title a,
html body .cinema-infobox--dark .cinema-infobox-title-link {
color: #ffffff !important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
}
html body .cinema-infobox--dark .cinema-infobox-year {
color: #94a3b8 !important;
}
html body .cinema-infobox--dark .cinema-infobox-genre-pill {
background: #1e293b !important;
color: #f1f5f9 !important;
border: 1px solid #334155 !important;
}
html body .cinema-infobox--dark .cinema-infobox-grid,
html body .cinema-infobox--dark .cinema-infobox-cast-wrap {
border-top: 1px solid #1e2636 !important;
}
html body .cinema-infobox--dark .cinema-infobox-row {
border-bottom: 1px solid #1e2636 !important;
}
html body .cinema-infobox--dark .cinema-infobox-label,
html body .cinema-infobox--dark .cinema-infobox-cast-heading {
color: #94a3b8 !important;
}
html body .cinema-infobox--dark .cinema-infobox-val {
color: #f1f5f9 !important;
}
html body .cinema-infobox--dark .cinema-person-link,
html body .cinema-infobox--dark .cinema-infobox-see-all,
html body .cinema-infobox--dark .cinema-infobox-val a,
html body .cinema-infobox--dark .cinema-actor-details a {
color: #38bdf8 !important;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
font-weight: 600 !important;
}
html body .cinema-infobox--dark .cinema-actor-card {
background: #181f2c !important;
border: 1px solid #2d3748 !important;
}
html body .cinema-infobox--dark .cinema-actor-avatar {
background: #0f172a !important;
border: 1px solid #2d3748 !important;
}
html body .cinema-infobox--dark .cinema-actor-char {
color: #cbd5e1 !important;
}
@media (max-width: 600px) {
.cinema-infobox--screenrant .cinema-infobox-card {
flex-direction: column;
}
.cinema-infobox--screenrant .cinema-infobox-poster-col {
width: 140px;
margin: 0 auto;
}
.cinema-infobox--screenrant .cinema-infobox-row {
grid-template-columns: 105px minmax(0, 1fr) !important;
}
} .cinema-review-box {
margin: 2.2rem 0;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
max-width: 720px;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;
}
.cinema-review-header {
padding: 12px 20px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
.cinema-review-kicker-group {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.cinema-review-badge {
font-weight: 800;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 3px 9px;
border-radius: 3px;
display: inline-flex;
align-items: center;
}
.cinema-review-appreciation {
font-size: 0.76rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.cinema-review-rating {
display: flex;
align-items: center;
gap: 8px;
}
.cinema-review-stars {
color: #f59e0b;
display: inline-flex;
align-items: center;
gap: 2px;
}
.cinema-review-score {
font-weight: 800;
font-size: 0.88rem;
padding: 3px 10px;
border-radius: 4px;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.cinema-review-hero {
display: flex;
align-items: center;
gap: 18px;
padding: 18px 20px;
}
.cinema-review-poster {
flex-shrink: 0;
width: 68px;
height: 102px;
border-radius: 5px;
overflow: hidden;
}
.cinema-review-poster img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
}
.cinema-review-identity {
flex: 1;
min-width: 0;
}
.cinema-review-title {
margin: 0 0 6px 0 !important;
font-size: 1.3rem !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}
.cinema-review-year {
font-weight: 400;
font-size: 0.95rem;
}
.cinema-review-meta {
font-size: 0.82rem;
margin-bottom: 10px;
line-height: 1.4;
}
.cinema-review-meter {
height: 6px;
width: 100%;
max-width: 260px;
border-radius: 999px;
overflow: hidden;
}
.cinema-review-meter-fill {
display: block;
height: 100%;
border-radius: 999px;
}
.cinema-review-verdict {
margin: 0 !important;
padding: 16px 20px !important;
font-size: 0.98rem !important;
line-height: 1.6 !important;
font-style: italic !important;
}
.cinema-review-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 14px;
padding: 18px 20px;
}
.cinema-review-col {
border-radius: 6px;
padding: 14px 16px;
}
.cinema-review-col-title {
margin: 0 0 10px 0 !important;
font-size: 0.75rem !important;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.cinema-review-col ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.cinema-review-col li {
font-size: 0.88rem !important;
line-height: 1.45 !important;
margin-bottom: 8px !important;
display: flex;
align-items: flex-start;
gap: 8px;
}
.cinema-review-col li:last-child {
margin-bottom: 0 !important;
}
.cinema-review-footer {
padding: 12px 20px;
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.cinema-review-footer-label {
font-size: 0.78rem;
}
.cinema-review-cta {
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 0.76rem;
padding: 6px 12px;
border-radius: 4px;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
} html body .cinema-review-box--prestige {
background: #ffffff !important;
color: #1c1917 !important;
border: 1px solid #e5e0d8 !important;
border-top: 3px solid #991b1b !important;
}
html body .cinema-review-box--prestige .cinema-review-header,
html body .cinema-review-box--prestige .cinema-review-footer {
background: #faf7f2 !important;
border-color: #e5e0d8 !important;
}
html body .cinema-review-box--prestige .cinema-review-title,
html body .cinema-review-box--prestige .cinema-review-title-link {
color: #111827 !important;
font-family: Georgia, "Times New Roman", serif !important;
text-decoration: none !important;
border-bottom: none !important;
}
html body .cinema-review-box--modern {
background: #f8fafc !important;
color: #0f172a !important;
border: 1px solid #cbd5e1 !important;
border-top: 3px solid #0284c7 !important;
}
html body .cinema-review-box--modern .cinema-review-header,
html body .cinema-review-box--modern .cinema-review-footer {
background: #f1f5f9 !important;
border-color: #cbd5e1 !important;
}
html body .cinema-review-box--modern .cinema-review-title,
html body .cinema-review-box--modern .cinema-review-title-link {
color: #0f172a !important;
text-decoration: none !important;
border-bottom: none !important;
}
html body .cinema-review-box--dark {
background: #0f131a !important;
color: #f1f5f9 !important;
border: 1px solid #262f3f !important;
border-top: 3px solid #f59e0b !important;
}
html body .cinema-review-box--dark .cinema-review-header,
html body .cinema-review-box--dark .cinema-review-footer {
background: #090c10 !important;
border-color: #262f3f !important;
}
html body .cinema-review-box--dark .cinema-review-title,
html body .cinema-review-box--dark .cinema-review-title-link {
color: #ffffff !important;
text-decoration: none !important;
border-bottom: none !important;
}
@media (max-width: 600px) {
.cinema-review-grid {
grid-template-columns: 1fr;
}
.cinema-review-header {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.cinema-review-footer {
flex-direction: column;
align-items: stretch;
text-align: center;
}
} .cinema-list-h2 {
display: flex;
align-items: center;
gap: 12px;
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 1.6rem;
font-weight: 700;
line-height: 1.3;
}
.cinema-list-badge {
display: inline-flex;
align-items: center;
justify-content: center;
background: #dc2626;
color: #ffffff;
font-size: 1rem;
font-weight: 800;
min-width: 38px;
height: 38px;
border-radius: 8px;
padding: 0 6px;
}
.cinema-list-link {
color: inherit !important;
text-decoration: none !important;
border-bottom: none !important;
}
.cinema-figure--list {
margin: 1rem 0 1.5rem;
} html body .cinema-infobox a,
html body .cinema-infobox a:link,
html body .cinema-infobox a:visited,
html body .cinema-review-box a,
html body .cinema-review-box a:link,
html body .cinema-review-box a:visited,
html body .cinema-toc a,
html body .cinema-related-box a,
html body .cinema-top-infobox a {
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
background-image: none !important;
}
.cinema-infobox br,
.cinema-infobox p:empty,
.cinema-review-box br,
.cinema-review-box p:empty {
display: none !important;
}
.cinema-svg {
display: inline-block !important;
vertical-align: middle !important;
flex-shrink: 0 !important;
}
.cinema-svg--star,
.cinema-svg--star path,
.cinema-svg--star-filled,
.cinema-svg--star-filled path {
color: #f59e0b !important;
fill: #f59e0b !important;
}
.cinema-svg--star-empty,
.cinema-svg--star-empty path {
color: #475569 !important;
fill: none !important;
}