.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: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: 0.75rem;
padding-top: 0.75rem;
border-top: 1px solid #e2e8f0;
}
.cinema-infobox--modern .cinema-infobox-row {
border-top: none;
padding: 0;
display: block;
}
.cinema-infobox--modern .cinema-infobox-label {
display: block;
font-size: 0.65rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
color: #64748b;
margin-bottom: 2px;
}
.cinema-infobox--modern .cinema-infobox-val {
font-size: 0.85rem;
font-weight: 600;
color: #0f172a;
margin: 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 {
background: #14171c;
border: 1px solid #282e38;
border-radius: 12px;
padding: 0;
overflow: hidden;
color: #e2e8f0;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
max-width: 680px;
}
.cinema-infobox--screenrant .cinema-infobox-header {
background: #0d0f12;
padding: 0.75rem 1.25rem;
margin-bottom: 0;
border-bottom: 1px solid #23272f;
display: flex;
justify-content: space-between;
align-items: center;
}
.cinema-infobox--screenrant .cinema-infobox-badge {
color: #94a3b8;
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.cinema-infobox--screenrant .cinema-infobox-rating {
background: #dc2626;
color: #ffffff;
font-weight: 700;
padding: 3px 9px;
border-radius: 4px;
font-size: 0.75rem;
letter-spacing: 0.05em;
}
.cinema-infobox--screenrant .cinema-infobox-card {
display: flex;
flex-direction: row;
gap: 1.25rem;
padding: 1.25rem;
}
.cinema-infobox--screenrant .cinema-infobox-poster-col {
width: 200px;
min-width: 180px;
max-width: 220px;
position: relative;
border-radius: 8px;
overflow: hidden;
background: #000000;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
align-self: flex-start;
}
.cinema-infobox--screenrant .cinema-infobox-poster-img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
aspect-ratio: 2/3;
}
.cinema-infobox--screenrant .cinema-infobox-thumbsup,
.cinema-infobox--dark .cinema-infobox-thumbsup,
.cinema-infobox .cinema-infobox-thumbsup {
position: absolute;
top: 10px;
left: 10px;
background: rgba(15, 23, 42, 0.85) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid rgba(255, 255, 255, 0.18) !important;
color: #22c55e !important;
border-radius: 20px !important;
width: 28px !important;
height: 28px !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
cursor: default;
line-height: 1;
}
.cinema-infobox--screenrant .cinema-infobox-content-col {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
}
.cinema-infobox--screenrant .cinema-infobox-title {
margin: 0 0 0.5rem 0;
font-size: 1.45rem;
font-weight: 700;
line-height: 1.25;
color: #22c55e;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.cinema-infobox--screenrant .cinema-infobox-title-link,
.cinema-infobox--dark .cinema-infobox-title-link,
.cinema-infobox .cinema-infobox-title-link {
color: #22c55e !important;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
transition: color 0.2s ease;
}
.cinema-infobox--screenrant .cinema-infobox-title-link:hover,
.cinema-infobox--dark .cinema-infobox-title-link:hover,
.cinema-infobox .cinema-infobox-title-link:hover {
color: #4ade80 !important;
text-decoration: underline !important;
}
.cinema-infobox--screenrant .cinema-infobox-year {
color: #94a3b8;
font-weight: 400;
font-size: 1rem;
}
.cinema-infobox--screenrant .cinema-infobox-pills {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 0.85rem;
}
.cinema-infobox--screenrant .cinema-infobox-genre-pill {
display: inline-block;
background: rgba(255, 255, 255, 0.07);
border: 1px solid rgba(255, 255, 255, 0.15);
color: #cbd5e1;
font-size: 0.72rem;
font-weight: 500;
padding: 2px 8px;
border-radius: 4px;
text-transform: capitalize;
}
.cinema-infobox--screenrant .cinema-infobox-grid {
border-top: 1px solid #23272f;
padding-top: 0.5rem;
margin: 0;
}
.cinema-infobox--screenrant .cinema-infobox-row {
display: grid;
grid-template-columns: 110px 1fr;
gap: 0.5rem;
padding: 0.4rem 0;
border-top: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
font-size: 0.85rem;
line-height: 1.4;
}
.cinema-infobox--screenrant .cinema-infobox-label {
color: #94a3b8;
font-weight: 600;
font-size: 0.78rem;
text-transform: none;
letter-spacing: normal;
padding: 0;
}
.cinema-infobox--screenrant .cinema-infobox-val {
color: #f1f5f9;
margin: 0;
}
.cinema-infobox--screenrant .cinema-person-link,
.cinema-infobox--dark .cinema-person-link,
.cinema-infobox .cinema-person-link,
.cinema-infobox-val a,
.cinema-actor-details a {
color: #38bdf8 !important;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
font-weight: 600 !important;
transition: color 0.15s ease;
}
.cinema-infobox--screenrant .cinema-person-link:hover,
.cinema-infobox--dark .cinema-person-link:hover,
.cinema-infobox .cinema-person-link:hover,
.cinema-infobox-val a:hover,
.cinema-actor-details a:hover {
color: #7dd3fc !important;
text-decoration: underline !important;
} .cinema-infobox-cast-wrap {
margin-top: 1rem;
padding-top: 0.75rem;
border-top: 1px solid #23272f;
}
.cinema-infobox-cast-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.6rem;
}
.cinema-infobox-cast-heading {
font-size: 0.85rem;
font-weight: 700;
color: #f8fafc;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.cinema-infobox-see-all,
.cinema-infobox--screenrant .cinema-infobox-see-all,
.cinema-infobox--dark .cinema-infobox-see-all {
font-size: 0.8rem;
color: #22c55e !important;
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
font-weight: 600 !important;
transition: color 0.15s ease;
}
.cinema-infobox-see-all:hover,
.cinema-infobox--screenrant .cinema-infobox-see-all:hover,
.cinema-infobox--dark .cinema-infobox-see-all:hover {
color: #4ade80 !important;
text-decoration: underline !important;
}
.cinema-infobox-cast-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 0.5rem;
}
.cinema-actor-card {
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
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;
background: #334155;
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%;
color: #94a3b8;
}
.cinema-actor-details {
overflow: hidden;
display: flex;
flex-direction: column;
}
.cinema-actor-details .cinema-person-link {
font-size: 0.8rem;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cinema-actor-char {
font-size: 0.72rem;
color: #94a3b8;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cinema-infobox-footer,
.cinema-infobox-powered {
display: none !important;
}
@media (max-width: 600px) {
.cinema-infobox--screenrant .cinema-infobox-card {
flex-direction: column;
}
.cinema-infobox--screenrant .cinema-infobox-poster-col {
width: 100%;
max-width: 240px;
margin: 0 auto;
}
.cinema-infobox--screenrant .cinema-infobox-row {
grid-template-columns: 100px 1fr;
}
} .cinema-review-box {
margin: 2.75rem auto;
background: #0c1017;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top: 3px solid #d4af37;
border-radius: 6px;
overflow: hidden;
color: #f8fafc;
box-shadow: 0 20px 45px -15px rgba(0, 0, 0, 0.65);
max-width: 720px;
box-sizing: border-box;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, sans-serif;
}
.cinema-review-header {
background: rgba(255, 255, 255, 0.02);
padding: 0.9rem 1.6rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
justify-content: space-between;
align-items: center;
gap: 14px;
}
.cinema-review-kicker-group {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.cinema-review-badge {
color: #f8fafc;
font-weight: 800;
font-size: 0.7rem;
text-transform: uppercase;
letter-spacing: 0.16em;
background: transparent;
border-left: 2px solid #d4af37;
padding: 2px 0 2px 8px;
border-radius: 0;
display: inline-flex;
align-items: center;
}
.cinema-review-appreciation {
color: #94a3b8;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.04em;
padding-left: 10px;
border-left: 1px solid rgba(255, 255, 255, 0.12);
}
.cinema-review-rating {
display: flex;
align-items: center;
gap: 12px;
}
.cinema-review-stars {
color: #d4af37;
display: inline-flex;
align-items: center;
gap: 2px;
}
.cinema-review-score {
background: #161d2a;
color: #f8fafc;
border: 1px solid rgba(212, 175, 55, 0.4);
font-weight: 800;
font-size: 0.92rem;
padding: 4px 11px;
border-radius: 3px;
letter-spacing: 0.03em;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.cinema-review-hero {
display: flex;
align-items: center;
gap: 1.25rem;
padding: 1.35rem 1.6rem 1.15rem;
}
.cinema-review-poster {
flex-shrink: 0;
width: 66px;
height: 96px;
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.14);
background: #161f30;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.45);
}
.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 0.35rem !important;
font-size: 1.45rem !important;
font-weight: 800 !important;
color: #f8fafc !important;
line-height: 1.22 !important;
letter-spacing: -0.02em;
} .cinema-review-box > .cinema-review-title {
margin: 1.25rem 1.6rem 0.65rem !important;
}
.cinema-review-year {
font-weight: 500;
font-size: 1.05rem;
color: #94a3b8;
margin-left: 4px;
}
.cinema-review-meta {
font-size: 0.82rem;
color: #94a3b8;
margin-bottom: 0.65rem;
line-height: 1.4;
}
.cinema-review-meter {
height: 3px;
width: 100%;
max-width: 240px;
background: rgba(255, 255, 255, 0.08);
border-radius: 2px;
overflow: hidden;
}
.cinema-review-meter-fill {
display: block;
height: 100%;
background: linear-gradient(90deg, #d4af37 0%, #f59e0b 100%);
border-radius: 2px;
}
.cinema-review-title a,
.cinema-review-title-link,
.entry-content .cinema-review-title a,
.entry-content .cinema-review-title-link {
color: #f8fafc !important;
text-decoration: none !important;
border-bottom: none !important;
transition: color 0.15s ease;
}
.cinema-review-title a:hover,
.cinema-review-title-link:hover,
.entry-content .cinema-review-title a:hover,
.entry-content .cinema-review-title-link:hover {
color: #fbbf24 !important;
text-decoration: none !important;
}
.cinema-review-verdict,
.entry-content .cinema-review-verdict,
article .cinema-review-verdict {
margin: 0 1.6rem !important;
padding: 1.05rem 0 !important;
font-size: 0.98rem !important;
line-height: 1.68 !important;
color: #e2e8f0 !important;
background: transparent !important;
border-left: none !important;
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 0 !important;
font-style: normal !important;
}
.cinema-review-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
padding: 0;
}
.cinema-review-col {
background: transparent;
border: none;
border-radius: 0;
padding: 1.25rem 1.6rem 1.4rem;
}
.cinema-review-pros {
border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.cinema-review-col-title {
margin: 0 0 0.85rem !important;
font-size: 0.73rem !important;
font-weight: 800 !important;
text-transform: uppercase;
letter-spacing: 0.13em;
display: flex;
align-items: center;
gap: 8px;
color: #cbd5e1 !important;
}
.cinema-review-pros .cinema-review-col-title::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: #34d399;
border-radius: 1px;
}
.cinema-review-cons .cinema-review-col-title::before {
content: "";
display: inline-block;
width: 6px;
height: 6px;
background: #f87171;
border-radius: 1px;
}
.cinema-review-col ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.cinema-review-col li,
.entry-content .cinema-review-col li {
font-size: 0.89rem !important;
line-height: 1.55 !important;
margin-bottom: 0.65rem !important;
padding-bottom: 0.65rem !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
color: #e2e8f0 !important;
display: flex;
align-items: flex-start;
gap: 9px;
}
.cinema-review-col li:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-bottom: none !important;
}
.cinema-review-check {
display: inline-flex;
align-items: center;
justify-content: center;
color: #34d399;
min-width: 15px;
margin-top: 4px;
flex-shrink: 0;
}
.cinema-review-cross {
display: inline-flex;
align-items: center;
justify-content: center;
color: #f87171;
min-width: 15px;
margin-top: 4px;
flex-shrink: 0;
}
.cinema-svg {
display: inline-block;
vertical-align: middle;
flex-shrink: 0;
}
.cinema-review-footer {
background: rgba(255, 255, 255, 0.02);
padding: 0.85rem 1.6rem;
border-top: 1px solid rgba(255, 255, 255, 0.08);
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.cinema-review-footer-label {
font-size: 0.78rem;
color: #94a3b8;
letter-spacing: 0.02em;
}
.cinema-review-cta,
.entry-content .cinema-review-cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
background: rgba(255, 255, 255, 0.05) !important;
color: #ffffff !important;
font-weight: 700;
font-size: 0.8rem;
letter-spacing: 0.03em;
padding: 7px 14px;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.16) !important;
box-shadow: none !important;
text-decoration: none !important;
transition: background 0.15s ease, border-color 0.15s ease;
}
.cinema-review-cta:hover,
.entry-content .cinema-review-cta:hover {
background: rgba(212, 175, 55, 0.15) !important;
border-color: rgba(212, 175, 55, 0.5) !important;
color: #ffffff !important;
text-decoration: none !important;
}  .cinema-review-box--prestige {
border-top-color: #d4af37;
}
.cinema-review-box--prestige .cinema-review-badge {
border-left-color: #d4af37;
color: #fbbf24;
} .cinema-review-box--modern {
background: #0b111e;
border-top-color: #0ea5e9;
}
.cinema-review-box--modern .cinema-review-badge {
border-left-color: #0ea5e9;
color: #38bdf8;
}
.cinema-review-box--modern .cinema-review-score {
border-color: rgba(56, 189, 248, 0.35);
color: #f8fafc;
}
.cinema-review-box--modern .cinema-review-meter-fill {
background: linear-gradient(90deg, #0284c7 0%, #38bdf8 100%);
} .cinema-review-box--dark {
background: #07080a;
border-color: rgba(255, 255, 255, 0.1);
border-top-color: #e2e8f0;
}
.cinema-review-box--dark .cinema-review-header,
.cinema-review-box--dark .cinema-review-footer {
background: #040507;
}
.cinema-review-box--dark .cinema-review-badge {
border-left-color: #e2e8f0;
color: #f8fafc;
}
.cinema-review-box--dark .cinema-review-meter-fill {
background: #cbd5e1;
}
@media (max-width: 600px) {
.cinema-review-grid {
grid-template-columns: 1fr;
}
.cinema-review-pros {
border-right: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.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;
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}
.cinema-list-link {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.cinema-list-link:hover {
color: #38bdf8;
text-decoration: underline;
}
.cinema-figure--list {
margin: 1rem 0 1.5rem;
}  .cinema-infobox a,
.cinema-infobox a:link,
.cinema-infobox a:visited,
.cinema-review-box a,
.cinema-review-box a:link,
.cinema-review-box a:visited,
.entry-content .cinema-infobox a,
.entry-content .cinema-infobox a:link,
.entry-content .cinema-infobox a:visited,
.entry-content .cinema-review-box a,
.entry-content .cinema-review-box a:link,
.entry-content .cinema-review-box a:visited,
article .cinema-infobox a,
article .cinema-review-box a,
.cinema-infobox--screenrant a,
.cinema-infobox--dark a {
text-decoration: none !important;
border-bottom: none !important;
box-shadow: none !important;
} .cinema-infobox-title-link,
.cinema-infobox .cinema-infobox-title-link,
.cinema-infobox--screenrant .cinema-infobox-title-link,
.cinema-infobox--dark .cinema-infobox-title-link,
.entry-content .cinema-infobox .cinema-infobox-title-link,
.cinema-review-title-link,
.entry-content .cinema-review-title-link {
color: #f8fafc !important;
text-decoration: none !important;
border-bottom: none !important;
}
.cinema-infobox-title-link:hover,
.cinema-infobox .cinema-infobox-title-link:hover,
.cinema-infobox--screenrant .cinema-infobox-title-link:hover,
.cinema-infobox--dark .cinema-infobox-title-link:hover,
.entry-content .cinema-infobox .cinema-infobox-title-link:hover,
.cinema-review-title-link:hover,
.entry-content .cinema-review-title-link:hover {
color: #38bdf8 !important;
text-decoration: none !important;
} .cinema-person-link,
.cinema-infobox .cinema-person-link,
.cinema-infobox--screenrant .cinema-person-link,
.cinema-infobox--dark .cinema-person-link,
.cinema-infobox-val a,
.cinema-actor-details a,
.entry-content .cinema-infobox .cinema-person-link,
.entry-content .cinema-infobox-val a,
.entry-content .cinema-actor-details a {
color: #38bdf8 !important;
text-decoration: none !important;
border-bottom: none !important;
font-weight: 600 !important;
}
.cinema-person-link:hover,
.cinema-infobox .cinema-person-link:hover,
.cinema-infobox--screenrant .cinema-person-link:hover,
.cinema-infobox--dark .cinema-person-link:hover,
.cinema-infobox-val a:hover,
.cinema-actor-details a:hover,
.entry-content .cinema-infobox .cinema-person-link:hover,
.entry-content .cinema-infobox-val a:hover,
.entry-content .cinema-actor-details a:hover {
color: #7dd3fc !important;
text-decoration: underline !important;
} .cinema-infobox-see-all,
.cinema-infobox .cinema-infobox-see-all,
.cinema-infobox--screenrant .cinema-infobox-see-all,
.cinema-infobox--dark .cinema-infobox-see-all,
.entry-content .cinema-infobox .cinema-infobox-see-all {
color: #38bdf8 !important;
text-decoration: none !important;
border-bottom: none !important;
font-weight: 600 !important;
}
.cinema-infobox-see-all:hover,
.cinema-infobox .cinema-infobox-see-all:hover,
.cinema-infobox--screenrant .cinema-infobox-see-all:hover,
.cinema-infobox--dark .cinema-infobox-see-all:hover,
.entry-content .cinema-infobox .cinema-infobox-see-all:hover {
color: #7dd3fc !important;
text-decoration: underline !important;
} .cinema-review-cta,
.entry-content .cinema-review-cta {
color: #ffffff !important;
text-decoration: none !important;
border-bottom: none !important;
} .cinema-list-h2 .cinema-list-link,
.entry-content .cinema-list-h2 .cinema-list-link {
color: inherit !important;
text-decoration: none !important;
border-bottom: none !important;
}
.cinema-list-h2 .cinema-list-link:hover,
.entry-content .cinema-list-h2 .cinema-list-link:hover {
color: #38bdf8 !important;
text-decoration: underline !important;
} .cinema-top-badge {
display: inline-flex;
align-items: center;
justify-content: center;
background: #dc2626;
color: #ffffff;
font-size: 1.1rem;
font-weight: 800;
min-width: 44px;
height: 44px;
border-radius: 10px;
padding: 0 8px;
box-shadow: 0 4px 14px rgba(220, 38, 38, 0.35);
}
.cinema-top-badge--prestige {
background: linear-gradient(135deg, #b91c1c, #991b1b);
border: 1px solid rgba(254, 202, 202, 0.3);
}
.cinema-top-badge--modern {
background: linear-gradient(135deg, #0284c7, #0369a1);
box-shadow: 0 4px 14px rgba(2, 132, 199, 0.35);
}
.cinema-top-badge--dark {
background: linear-gradient(135deg, #7c3aed, #4c1d95);
box-shadow: 0 4px 14px rgba(124, 58, 237, 0.4);
}
.cinema-top-infobox {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 18px;
margin: 12px 0 18px 0;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-left: 4px solid #dc2626;
border-radius: 8px;
font-size: 0.95rem;
}
.cinema-top-infobox--modern {
border-left-color: #0284c7;
background: #f0f9ff;
border-color: #bae6fd;
}
.cinema-top-infobox--dark {
border-left-color: #a855f7;
background: #18181b;
border-color: #27272a;
color: #f4f4f5;
}
.cinema-top-infobox-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 14px 20px;
}
.cinema-top-meta-item {
display: inline-flex;
align-items: center;
gap: 5px;
}
.cinema-top-meta-rating {
background: #fef08a;
color: #854d0e;
font-weight: 700;
padding: 2px 8px;
border-radius: 6px;
}
.cinema-top-infobox--dark .cinema-top-meta-rating {
background: #713f12;
color: #fef08a;
}
.cinema-top-infobox-link,
.entry-content .cinema-top-infobox .cinema-top-infobox-link {
font-weight: 600;
color: #2563eb !important;
text-decoration: none !important;
display: inline-flex;
align-items: center;
gap: 4px;
}
.cinema-top-infobox--dark .cinema-top-infobox-link,
.entry-content .cinema-top-infobox--dark .cinema-top-infobox-link {
color: #38bdf8 !important;
}
.cinema-top-infobox-link:hover,
.entry-content .cinema-top-infobox-link:hover {
text-decoration: underline !important;
}
.cinema-infobox br,
.cinema-infobox p:empty,
.cinema-review-box br,
.cinema-review-box p:empty {
display: none !important;
}
.cinema-actor-details {
display: flex !important;
flex-direction: column !important;
line-height: 1.25 !important;
}
.cinema-actor-details .cinema-person-link,
.cinema-actor-details .cinema-actor-char {
display: block !important;
}
.cinema-infobox-thumbsup {
width: 42px !important;
height: 42px !important;
border-radius: 50% !important;
background: #0f172a !important;
border: 1px solid #334155 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
color: #f5c518 !important;
flex-shrink: 0 !important;
}
.cinema-svg {
display: inline-block !important;
vertical-align: middle !important;
flex-shrink: 0 !important;
fill: currentColor !important;
stroke: none !important;
}
.cinema-svg path {
fill: currentColor !important;
stroke: none !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: #475569 !important;
}