.video-frame { container-type: inline-size; width: 100%; max-width: 960px; min-width: 0; margin-inline: auto; }
.video-frame__shell {
	--frame-image: url('../images/ds-lite-frame.webp');
	--frame-top: 10.526316%; --frame-right: 23.545706%; --frame-bottom: 7.202216%; --frame-left: 23.268698%;
	box-sizing: border-box; padding: var(--frame-top) var(--frame-right) var(--frame-bottom) var(--frame-left);
	background: var(--frame-image) center / 100% 100% no-repeat;
}
.video-frame--wiiu > .video-frame__shell,
html[data-video-frame="wiiu"] .video-frame--random > .video-frame__shell {
	--frame-image: url('../images/wii-u-frame.webp');
	--frame-top: 10.729167%; --frame-right: 23.333333%; --frame-bottom: 12.96875%; --frame-left: 23.645833%;
}
.video-frame .channel-player { position: relative; width: 100%; aspect-ratio: 16 / 9; min-height: 200px; background: #101412; }
.video-frame .channel-player iframe { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; }
body .video-frame__credit { margin: 10px 0 0; font-size: 11px; line-height: 1.6; color: var(--color-ink-soft, #555); }
body .video-frame__credit a { color: inherit; text-decoration: underline; }
.video-frame--random > .video-frame__credit--wiiu { display: none; }
html[data-video-frame="wiiu"] .video-frame--random > .video-frame__credit--ds { display: none; }
html[data-video-frame="wiiu"] .video-frame--random > .video-frame__credit--wiiu { display: block; }
/* A usable native player takes precedence over decorative controls on narrow columns. */
@container (max-width: 680px) {
	.video-frame > .video-frame__shell { padding: 0; background: none; }
	.video-frame > .video-frame__credit { display: none !important; }
}
body .entry-content .wp-block-embed__wrapper:has(> .video-frame)::before { display: none; }
body .entry-content .wp-block-embed__wrapper:has(> .video-frame) { padding: 0; height: auto; }
.upload-section:has(.video-frame) .upload-caption { max-width: 960px; }