/*
 * Individual scene page (image_index) — dark UI aligned with members search.
 * Active only when body has .rsi-members-scene (see menu_search_new.ihtml).
 */

body.rsi-members-scene .rsi-scene {
	max-width: 1280px;
	margin: 0 auto;
	padding: 8px 20px 14px;
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene .scene_title {
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 1.15rem;
	font-weight: 700;
	color: #8fc3d1;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

body.rsi-members-scene .rsi-scene .mainText12Bg {
	color: #b0bec5 !important;
	font-size: 12px !important;
}

body.rsi-members-scene .rsi-scene .mainText12Bg.rsi-scene__dateText {
	color: #d8e6ec !important;
	font-size: 14px !important;
	font-weight: 700;
	letter-spacing: 0.2px;
	margin-bottom: 10px;
}

body.rsi-members-scene .rsi-scene .mainText10b {
	color: #cfd8dc !important;
	font-size: 12px !important;
	line-height: 1.45;
}

body.rsi-members-scene .rsi-scene .sceneData {
	color: #eceff1 !important;
}

/* Outer legacy table is only a layout wrapper; panels are applied to each section below. */
body.rsi-members-scene .rsi-scene table.border_4px.light_bgcolor,
body.rsi-members-scene .rsi-scene .border_4px.light_bgcolor {
	background: transparent !important;
	border: none !important;
	border-radius: 0;
}

body.rsi-members-scene .rsi-scene .border_4px {
	border: none !important;
}

/* Scene meta: value-only pills (no Implement/Position column labels) */
body.rsi-members-scene .rsi-scene__metaPills {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
	max-width: 420px;
	width: 100%;
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene__metaPill {
	display: inline-flex;
	align-items: center;
	padding: 6px 12px;
	border-radius: 10px;
	background: #1a1a1a;
	color: #eceff1;
	font-size: 11px;
	font-weight: 600;
	font-family: Inter, Arial, Helvetica, sans-serif;
	line-height: 1.2;
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene__metaPillLink,
body.rsi-members-scene .rsi-scene__metaPillLink:link,
body.rsi-members-scene .rsi-scene__metaPillLink:visited,
body.rsi-members-scene .rsi-scene__metaPillLink:active {
	text-decoration: none;
	color: #eceff1;
}

body.rsi-members-scene .rsi-scene__metaPillLink:hover {
	background: #2196f3;
	color: #000000;
}

body.rsi-members-scene .rsi-scene__metaPill--rating {
	font-weight: 700;
	color: #ffffff;
}

body.rsi-members-scene .rsi-scene__metaPillBtn {
	border: none;
	cursor: pointer;
}

body.rsi-members-scene .rsi-scene__metaPillBtn:hover {
	background: #2196f3;
	color: #000000;
}

/* Vote box */
body.rsi-members-scene .rsi-scene div[style*="background: lightgray"],
body.rsi-members-scene .rsi-scene div[style*="border: solid 1px gray"] {
	background: #1a1a1a !important;
	border: none !important;
	border-radius: 10px !important;
	color: #e0e0e0 !important;
	width: 100% !important;
	max-width: 320px;
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene div[style*="background: lightgray"] p,
body.rsi-members-scene .rsi-scene div[style*="background: lightgray"] form {
	color: #e0e0e0 !important;
}

body.rsi-members-scene .rsi-scene div[style*="background: lightgray"] input[type="submit"] {
	background: #2196f3 !important;
	color: #000000 !important;
	border: none !important;
	border-radius: 8px !important;
	padding: 6px 14px !important;
	font-weight: 600 !important;
	font-family: Inter, Arial, Helvetica, sans-serif !important;
	font-size: 12px !important;
	cursor: pointer;
}

/* Gallery + pagination (no red borders) */
body.rsi-members-scene .rsi-scene tr[bgcolor="#DDDDDD"],
body.rsi-members-scene .rsi-scene tr[bgcolor="#dddddd"] {
	background: #1a1a1a !important;
}

body.rsi-members-scene .rsi-scene tr[bgcolor="#DDDDDD"] td,
body.rsi-members-scene .rsi-scene td.top_border {
	color: #e0e0e0 !important;
	background: #1a1a1a !important;
}

body.rsi-members-scene .rsi-scene__galleryChrome {
	position: relative;
	width: 100%;
	border: none !important;
	border-radius: 10px;
	overflow: hidden;
	background: #121212 !important;
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene__galleryChrome::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 10px;
	box-shadow: inset 0 0 0 1px rgba(33, 150, 243, 0.65);
	pointer-events: none;
	z-index: 2;
}

body.rsi-members-scene .rsi-scene__galleryCell {
	padding: 0 !important;
}

body.rsi-members-scene .rsi-scene__galleryPager,
body.rsi-members-scene .rsi-scene__galleryPagerSide {
	background: #1a1a1a !important;
	color: #e0e0e0 !important;
	border: none !important;
}

body.rsi-members-scene .rsi-scene__galleryPager {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
}

body.rsi-members-scene .rsi-scene__galleryPagerSide {
	display: flex;
	align-items: center;
	min-width: 0;
}

body.rsi-members-scene .rsi-scene__galleryPagerSide--next {
	justify-content: flex-end;
	margin-left: auto;
}

body.rsi-members-scene .rsi-scene__thumbCell {
	background: #121212 !important;
	border: none !important;
	vertical-align: top;
	padding: 18px !important;
}

/* Use full content width like members search shell (was 90% table) */
body.rsi-members-scene .rsi-scene table.border_4px.light_bgcolor.rsi-scene__mainCard {
	width: 100% !important;
	max-width: 100%;
	box-sizing: border-box;
	background: transparent !important;
}

/* Identical column layout to .rsi-search__grid (members_search_ui_fav.css) */
body.rsi-members-scene .rsi-scene__thumbGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--rsi-result-grid-gap, 24px);
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

@media (min-width: 760px) {
	body.rsi-members-scene .rsi-scene__thumbGrid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.rsi-members-scene .rsi-scene__thumbBtn {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: #121212;
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
	text-align: left;
	transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1),
		background-color 0.3s ease;
}

body.rsi-members-scene .rsi-scene__thumbBtn:hover,
body.rsi-members-scene .rsi-scene__thumbBtn:focus {
	outline: none;
	transform: scale(1.03);
	background-color: #1c1c1c;
	box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.35);
}

body.rsi-members-scene .rsi-scene__thumbShell {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #0d0d0d;
}

body.rsi-members-scene .rsi-scene__thumbImg {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border: none !important;
	border-radius: 0;
	margin: 0;
	padding: 0;
	background: #0d0d0d;
}

body.rsi-members-scene .rsi-scene__heroThumbStrip,
body.rsi-free-scene .rsi-scene__heroThumbStrip {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	width: 100%;
	margin-top: 16px;
	padding-top: 16px;
	box-sizing: border-box;
}

@media (min-width: 760px) {
	body.rsi-members-scene .rsi-scene__heroThumbStrip,
	body.rsi-free-scene .rsi-scene__heroThumbStrip {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

body.rsi-members-scene .rsi-scene__heroThumbBtn,
body.rsi-free-scene .rsi-scene__heroThumbBtn {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: #121212;
	cursor: pointer;
	border-radius: 10px;
	overflow: hidden;
	text-align: left;
	transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1),
		background-color 0.3s ease;
}

body.rsi-members-scene .rsi-scene__heroThumbBtn:hover,
body.rsi-members-scene .rsi-scene__heroThumbBtn:focus,
body.rsi-free-scene .rsi-scene__heroThumbBtn:hover,
body.rsi-free-scene .rsi-scene__heroThumbBtn:focus {
	outline: none;
	transform: scale(1.03);
	background-color: #1c1c1c;
	box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.35);
}

body.rsi-members-scene .rsi-scene__heroThumbBtn .rsi-scene__thumbShell,
body.rsi-free-scene .rsi-scene__heroThumbBtn .rsi-scene__thumbShell {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	background: #0d0d0d;
}

body.rsi-members-scene .rsi-scene__heroThumbBtn .rsi-scene__thumbImg,
body.rsi-free-scene .rsi-scene__heroThumbBtn .rsi-scene__thumbImg {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border: none !important;
	border-radius: 0;
	margin: 0;
	padding: 0;
	background: #0d0d0d;
}

/* Related scene strip: reuse search result cards inside the scene page */
body.rsi-members-scene .rsi-scene-recs {
	background: transparent !important;
	border: none !important;
	padding: 12px 0 10px !important;
}

body.rsi-members-scene .rsi-scene-recs__shell {
	width: 100%;
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene-recs__title {
	margin: 0 0 12px;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: 700;
	color: #8fc3d1;
	letter-spacing: 0.5px;
}

body.rsi-members-scene .rsi-scene-recs__grid {
	margin-top: 0;
}

body.rsi-members-scene .rsi-scene-recs__card--hidden {
	display: none;
}

body.rsi-members-scene .rsi-scene-recs__actions {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}

body.rsi-members-scene .rsi-scene-recs__more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
	padding: 5px 14px;
	border: none;
	border-radius: 8px;
	background: #121212;
	color: #ffffff;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	cursor: pointer;
	transition: background-color 0.25s ease, color 0.25s ease, transform 0.25s ease,
		box-shadow 0.25s ease;
}

body.rsi-members-scene .rsi-scene-recs__more:hover,
body.rsi-members-scene .rsi-scene-recs__more:focus {
	background: #2196f3;
	color: #000000;
	outline: none;
	transform: scale(1.05);
	box-shadow: 0 0 16px rgba(33, 150, 243, 0.4);
}

/* Free scene pages use the same scene shell; keep panels identical to members. */
body.rsi-free-scene .rsi-scene table.border_4px.light_bgcolor,
body.rsi-free-scene .rsi-scene .border_4px.light_bgcolor,
body.rsi-free-scene .rsi-scene table.border_4px.light_bgcolor.rsi-scene__mainCard {
	background: transparent !important;
	border: none !important;
	border-radius: 0;
}

body.rsi-free-scene .rsi-scene__mainCell {
	padding: 18px !important;
	border-radius: 10px;
	background: #121212 !important;
	box-sizing: border-box;
}

body.rsi-free-scene .rsi-scene-recs {
	background: transparent !important;
	border: none !important;
	padding: 12px 0 10px !important;
}

body.rsi-free-scene .rsi-scene__galleryChrome {
	position: relative;
	width: 100%;
	border: none !important;
	border-radius: 10px;
	overflow: hidden;
	background: #121212 !important;
	box-sizing: border-box;
}

body.rsi-free-scene .rsi-scene__galleryChrome::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 10px;
	box-shadow: inset 0 0 0 1px rgba(33, 150, 243, 0.65);
	pointer-events: none;
	z-index: 2;
}

body.rsi-free-scene .rsi-scene__galleryCell {
	padding: 0 !important;
}

body.rsi-free-scene .rsi-scene__thumbCell {
	background: #121212 !important;
	border: none !important;
	padding: 18px !important;
}

/* Scene image lightbox: tight frame, controls overlaid on image (show on hover / focus) */
#rsi-scene-lightbox {
	position: fixed;
	inset: 0;
	z-index: 120000;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 10px 8px;
	box-sizing: border-box;
}

#rsi-scene-lightbox.is-open {
	display: flex;
}

#rsi-scene-lightbox .rsi-scene-lightbox__backdrop {
	position: absolute;
	inset: 0;
	margin: 0;
	padding: 0;
	border: none;
	background: rgba(0, 0, 0, 0.55);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	cursor: pointer;
}

/* Modal card: minimal chrome — image drives size */
#rsi-scene-lightbox .rsi-scene-lightbox__shell {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: min(96vw, 1200px);
	max-width: 100%;
	max-height: min(94vh, 1000px);
	padding: 0;
	margin: 0;
	background: #12151a;
	border: 1px solid #2a3444;
	border-radius: 8px;
	box-shadow: 0 20px 56px rgba(0, 0, 0, 0.72);
	overflow: hidden;
	box-sizing: border-box;
}

/* Programmatic focus on open — avoid a persistent ring; keyboard users get :focus-visible on tab */
#rsi-scene-lightbox .rsi-scene-lightbox__shell:focus {
	outline: none;
}

#rsi-scene-lightbox .rsi-scene-lightbox__shell:focus-visible {
	outline: 2px solid rgba(33, 150, 243, 0.75);
	outline-offset: 3px;
}

#rsi-scene-lightbox .rsi-scene-lightbox__stage {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	min-height: 0;
	width: 100%;
}

#rsi-scene-lightbox .rsi-scene-lightbox__imgWrap {
	position: relative;
	/* Block shrink-wrap so the HUD cannot sit beside the image in the flex stage. */
	display: block;
	width: fit-content;
	max-width: 100%;
	max-height: min(90vh, 960px);
	margin: 0 auto;
	line-height: 0;
}

#rsi-scene-lightbox .rsi-scene-lightbox__img {
	display: block;
	max-width: min(96vw, 1200px);
	max-height: min(90vh, 960px);
	width: auto;
	height: auto;
	object-fit: contain;
	border: none !important;
	border-radius: 0;
	margin: 0;
	padding: 0;
}

/* Overlay: hidden until hover / keyboard focus inside image area */
#rsi-scene-lightbox .rsi-scene-lightbox__hoverHud {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.18s ease;
	z-index: 2;
}

#rsi-scene-lightbox .rsi-scene-lightbox__hoverHud > * {
	pointer-events: auto;
}

#rsi-scene-lightbox .rsi-scene-lightbox__imgWrap:hover .rsi-scene-lightbox__hoverHud,
#rsi-scene-lightbox .rsi-scene-lightbox__imgWrap:focus-within .rsi-scene-lightbox__hoverHud {
	opacity: 1;
}

/* Touch / coarse pointer: keep controls usable without hover */
@media (hover: none) {
	#rsi-scene-lightbox .rsi-scene-lightbox__imgWrap .rsi-scene-lightbox__hoverHud {
		opacity: 1;
	}
}

#rsi-scene-lightbox .rsi-scene-lightbox__counter {
	position: absolute;
	top: 10px;
	left: 10px;
	margin: 0;
	padding: 6px 10px;
	border-radius: 6px;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #f0f3f7;
	letter-spacing: 0.04em;
	background: rgba(0, 0, 0, 0.45);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
}

#rsi-scene-lightbox .rsi-scene-lightbox__hudTopRight {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	align-items: center;
	gap: 6px;
}

#rsi-scene-lightbox .rsi-scene-lightbox__iconBtn {
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.5);
	color: #f5f7fa;
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	font-family: Inter, Arial, Helvetica, sans-serif;
	transition: background 0.15s ease, color 0.15s ease;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

#rsi-scene-lightbox .rsi-scene-lightbox__fsBtn {
	font-size: 16px;
}

#rsi-scene-lightbox .rsi-scene-lightbox__iconBtn:hover,
#rsi-scene-lightbox .rsi-scene-lightbox__iconBtn:focus {
	background: #2196f3;
	color: #0a0a0a;
	outline: none;
}

#rsi-scene-lightbox .rsi-scene-lightbox__navBtn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.45);
	color: #ffffff;
	font-size: 26px;
	line-height: 1;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	transition: background 0.15s ease, color 0.15s ease, opacity 0.15s ease;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

#rsi-scene-lightbox .rsi-scene-lightbox__navBtn--prev {
	left: 8px;
}

#rsi-scene-lightbox .rsi-scene-lightbox__navBtn--next {
	right: 8px;
}

#rsi-scene-lightbox .rsi-scene-lightbox__navBtn:hover:not(:disabled),
#rsi-scene-lightbox .rsi-scene-lightbox__navBtn:focus:not(:disabled) {
	background: #2196f3;
	color: #000000;
	outline: none;
}

#rsi-scene-lightbox .rsi-scene-lightbox__navBtn:disabled {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

/* CSS fallback when browser blocks Fullscreen API */
#rsi-scene-lightbox.rsi-scene-lightbox--fs-fallback {
	padding: 0;
}

#rsi-scene-lightbox.rsi-scene-lightbox--fs-fallback .rsi-scene-lightbox__backdrop {
	background: rgba(0, 0, 0, 0.9);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

#rsi-scene-lightbox.rsi-scene-lightbox--fs-fallback .rsi-scene-lightbox__shell {
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
	border-radius: 0;
	border: none;
	background: #000;
}

#rsi-scene-lightbox.rsi-scene-lightbox--fs-fallback .rsi-scene-lightbox__imgWrap,
#rsi-scene-lightbox.rsi-scene-lightbox--fs-fallback .rsi-scene-lightbox__img {
	max-height: calc(100vh - 24px);
}

/* Native fullscreen element */
#rsi-scene-lightbox .rsi-scene-lightbox__shell:fullscreen {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	border-radius: 0;
	border: none;
	background: #000;
}

#rsi-scene-lightbox .rsi-scene-lightbox__shell:-webkit-full-screen {
	width: 100%;
	height: 100%;
	max-width: none;
	max-height: none;
	border-radius: 0;
	border: none;
	background: #000;
}

#rsi-scene-lightbox .rsi-scene-lightbox__shell:fullscreen .rsi-scene-lightbox__imgWrap,
#rsi-scene-lightbox .rsi-scene-lightbox__shell:fullscreen .rsi-scene-lightbox__img,
#rsi-scene-lightbox .rsi-scene-lightbox__shell:-webkit-full-screen .rsi-scene-lightbox__imgWrap,
#rsi-scene-lightbox .rsi-scene-lightbox__shell:-webkit-full-screen .rsi-scene-lightbox__img {
	max-height: calc(100vh - 24px);
}

@media (max-width: 560px) {
	#rsi-scene-lightbox .rsi-scene-lightbox__navBtn {
		width: 40px;
		height: 40px;
		font-size: 22px;
	}

	#rsi-scene-lightbox .rsi-scene-lightbox__navBtn--prev {
		left: 4px;
	}

	#rsi-scene-lightbox .rsi-scene-lightbox__navBtn--next {
		right: 4px;
	}
}

body.rsi-members-scene .rsi-scene a.large,
body.rsi-members-scene .rsi-scene a.large:link,
body.rsi-members-scene .rsi-scene a.large:visited {
	color: #2196f3 !important;
}

body.rsi-members-scene .rsi-scene a.large:hover {
	color: #64b5f6 !important;
}

body.rsi-members-scene .rsi-scene select.drop_down_menu {
	background: #1a1a1a;
	color: #ffffff;
	border: none;
	border-radius: 8px;
	padding: 6px 10px;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body.rsi-members-scene .rsi-scene hr {
	border: none;
	border-top: 1px solid #2a2a2a;
}

body.rsi-members-scene .rsi-scene .image_border {
	border-radius: 4px;
}

/* Video hero + player (16:9, matches thumb grid look) */
/* Table cell that holds the hero — flex needs a full-width row */
body.rsi-members-scene .rsi-scene__mainCell {
	width: 100%;
	max-width: 100%;
	padding: 18px !important;
	border-radius: 10px;
	background: #121212 !important;
	box-shadow: inset 0 0 0 1px rgba(33, 150, 243, 0.65);
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene__hero {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: 24px;
	margin-top: 16px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene__hero--large {
	flex-direction: column;
	align-items: stretch;
}

/*
 * Standard: player column ≈ half row; scene info card ≈ other half (right).
 * Large: player full width; same info card stacks below (column + gap).
 */
body.rsi-members-scene .rsi-scene__hero--small .rsi-scene__heroMedia {
	flex: 0 0 calc(50% - 12px);
	width: calc(50% - 12px);
	max-width: calc(50% - 12px);
	min-width: 0;
}

body.rsi-members-scene .rsi-scene__hero--small .rsi-scene__infoBox {
	flex: 0 0 calc(50% - 12px);
	width: calc(50% - 12px);
	max-width: calc(50% - 12px);
	min-width: 0;
}

body.rsi-members-scene .rsi-scene__hero--large .rsi-scene__heroMedia {
	flex: 0 0 auto;
	width: 100%;
	max-width: none;
	min-width: 0;
}

body.rsi-members-scene .rsi-scene__hero--large .rsi-scene__infoBox {
	flex: 0 0 auto;
	width: 100%;
	max-width: none;
	min-width: 0;
}

body.rsi-members-scene .rsi-scene__heroMedia {
	display: flex;
	flex-direction: column;
	gap: 0;
}

body.rsi-members-scene .rsi-scene__playerCard {
	width: 100%;
}

body.rsi-members-scene .rsi-scene__playerShell {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 10px;
	background: #0d0d0d;
}

body.rsi-members-scene .rsi-scene__video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: none !important;
	background: #000000;
}

/* Fullscreen video on mobile: fit inside viewport, do not crop */
body.rsi-members-scene .rsi-scene__video:fullscreen,
body.rsi-members-scene .rsi-scene__video:-webkit-full-screen,
body.rsi-members-scene .rsi-scene__video:-moz-full-screen,
body.rsi-members-scene .rsi-scene__video:-ms-fullscreen {
	object-fit: contain !important;
	width: 100% !important;
	height: 100% !important;
	max-width: 100vw !important;
	max-height: 100vh !important;
	background: #000000;
}

@media (max-width: 1024px) and (orientation: landscape) {
	body.rsi-members-scene .rsi-scene__video:fullscreen,
	body.rsi-members-scene .rsi-scene__video:-webkit-full-screen,
	body.rsi-members-scene .rsi-scene__video:-moz-full-screen,
	body.rsi-members-scene .rsi-scene__video:-ms-fullscreen {
		object-fit: contain !important;
		width: 100% !important;
		height: 100% !important;
		max-width: 100vw !important;
		max-height: 100vh !important;
	}
}

body.rsi-members-scene .rsi-scene__playerFallback {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

body.rsi-members-scene .rsi-scene__playerPoster {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border: none !important;
}

body.rsi-members-scene .rsi-scene__legacyOverlay {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.55);
	padding: 16px;
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene__legacyLabel {
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.45;
	color: #ffffff;
	text-align: center;
	max-width: 300px;
}

/* One line under the player: Small | Large | Part n… | Download */
body.rsi-members-scene .rsi-scene__playerToolbar {
	margin-top: 14px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	row-gap: 10px;
}

body.rsi-members-scene .rsi-scene__sizeToggles,
body.rsi-members-scene .rsi-scene__partRow {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex: 0 0 auto;
	align-items: center;
	gap: 10px;
}

body.rsi-members-scene .rsi-scene__chipBtn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 8px 14px;
	border: none;
	border-radius: 10px;
	background: #1a1a1a;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

body.rsi-members-scene .rsi-scene__chipBtn:hover {
	background: #252525;
}

body.rsi-members-scene .rsi-scene__chipBtn--active {
	background: #2196f3;
	color: #000000 !important;
	box-shadow: 0 0 14px rgba(33, 150, 243, 0.35);
}

body.rsi-members-scene .rsi-scene__downloadBtn {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 34px;
	padding: 8px 16px;
	border-radius: 10px;
	background: #1a1a1a;
	color: #ffffff !important;
	font-family: Inter, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none !important;
	border: 1px solid rgba(33, 150, 243, 0.35);
	box-sizing: border-box;
}

body.rsi-members-scene .rsi-scene__downloadBtn:hover {
	background: #2196f3;
	color: #000000 !important;
	border-color: #2196f3;
}

body.rsi-members-scene .rsi-scene__infoBox {
	box-sizing: border-box;
	background: #121212;
	border-radius: 10px;
	padding: 16px 18px 20px;
	align-self: flex-start;
}

body.rsi-members-scene .rsi-scene__infoTop {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	margin-bottom: 10px;
}

body.rsi-members-scene .rsi-scene__infoMain {
	flex: 1 1 auto;
	min-width: 0;
}

body.rsi-members-scene .rsi-scene__modelCard {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 112px;
}

body.rsi-members-scene .rsi-scene__modelThumb {
	display: block;
	width: 92px;
	height: 92px;
	object-fit: cover;
	border-radius: 8px;
	background: #0d0d0d;
}

body.rsi-members-scene .rsi-scene__modelThumbLink {
	display: inline-flex;
	border-radius: 8px;
	text-decoration: none;
}

body.rsi-members-scene .rsi-scene__modelNames {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	margin-top: 8px;
	width: 100%;
}

body.rsi-members-scene .rsi-scene__modelNameLink,
body.rsi-members-scene .rsi-scene__modelNameLink:link,
body.rsi-members-scene .rsi-scene__modelNameLink:visited,
body.rsi-members-scene .rsi-scene__modelNameLink:active {
	display: block;
	max-width: 100%;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	color: #8fc3d1;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

body.rsi-members-scene .rsi-scene__modelNameLink:hover {
	color: #64b5f6;
}

body.rsi-members-scene .rsi-scene__hero--large .rsi-scene__infoBox {
	align-self: stretch;
}

@media (max-width: 759px) {
	body.rsi-members-scene .rsi-scene {
		padding: 8px 10px 14px;
	}

	/* Mobile players/fullscreen: avoid center-slice crop from cover mode */
	body.rsi-members-scene .rsi-scene__video,
	body.rsi-members-scene .rsi-scene__playerPoster {
		object-fit: contain !important;
		background: #000000;
	}

	/* Legacy table wrappers can exceed viewport with old cellpadding */
	body.rsi-members-scene .rsi-scene table {
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* Force single-column hero layout on phones */
	body.rsi-members-scene .rsi-scene__hero,
	body.rsi-members-scene .rsi-scene__hero--small,
	body.rsi-members-scene .rsi-scene__hero--large {
		flex-direction: column !important;
		gap: 16px;
	}

	body.rsi-members-scene .rsi-scene__hero--small .rsi-scene__heroMedia,
	body.rsi-members-scene .rsi-scene__hero--small .rsi-scene__infoBox,
	body.rsi-members-scene .rsi-scene__hero--large .rsi-scene__heroMedia,
	body.rsi-members-scene .rsi-scene__hero--large .rsi-scene__infoBox {
		flex: 0 0 auto;
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	body.rsi-members-scene .rsi-scene__sizeToggles,
	body.rsi-members-scene .rsi-scene__partRow {
		flex-wrap: wrap;
	}

	body.rsi-members-scene .rsi-scene__infoTop {
		flex-direction: column;
	}

	body.rsi-members-scene .rsi-scene__modelCard {
		width: auto;
		align-self: flex-end;
	}

	body.rsi-members-scene .rsi-scene__modelThumb {
		width: 84px;
		height: 84px;
	}

	body.rsi-members-scene .rsi-scene__modelNameLink,
	body.rsi-members-scene .rsi-scene__modelNameLink:link,
	body.rsi-members-scene .rsi-scene__modelNameLink:visited,
	body.rsi-members-scene .rsi-scene__modelNameLink:active {
		font-size: 14px;
	}

	/* Bottom pager: stack controls to avoid horizontal overflow */
	body.rsi-members-scene .rsi-scene__galleryPager td {
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
}