.dksh-shell,
.dksh-shell * {
	box-sizing: border-box;
}

.dksh-shell {
	--dksh-height: 86vh;
	--dksh-accent: #ff1830;
	--dksh-accent-soft: #ff7a18;
	--dksh-text: #fff;
	--dksh-muted: rgba(255,255,255,.72);
	--dksh-overlay: 58;
	--dksh-overlay-mobile: 76;
	--dksh-overlay-opacity: 100;
	--dksh-bg-position: center center;
	--dksh-bg-position-mobile: center center;
	--dksh-bg-size: cover;
	--dksh-bg-size-mobile: cover;
	--dksh-bg-zoom-from: 100;
	--dksh-bg-zoom-active: 100;
	--dksh-bg-brightness: 100%;
	--dksh-glass-bg: rgba(13,16,23,.56);
	--dksh-glass-border: rgba(255,255,255,.14);
	--dksh-glass-blur: 16px;
	--dksh-terminal-bg: rgba(0,0,0,.52);
	--dksh-terminal-border: color-mix(in srgb, var(--dksh-accent) 28%, rgba(255,255,255,.1));
	--dksh-terminal-text: rgba(255,255,255,.82);
	--dksh-terminal-title: #fff;
	--dksh-terminal-live-bg: rgba(255,255,255,.08);
	--dksh-content-width: 620px;
	--dksh-content-height: auto;
	--dksh-data-width: 360px;
	--dksh-title-lines: 4;
	--dksh-subtitle-lines: 3;
	--dksh-description-lines: 4;
	--dksh-radius: 22px;
	position: relative;
	width: 100%;
	min-height: var(--dksh-height);
	height: var(--dksh-height);
	overflow: hidden;
	background: #030406;
	color: var(--dksh-text);
	isolation: isolate;
}

.dksh-empty {
	padding: 24px;
	border-radius: 16px;
	background: rgba(0,0,0,.72);
	border: 1px solid rgba(255,255,255,.14);
	color: #fff;
}

.dksh-swiper,
.dksh-swiper .swiper-wrapper,
.dksh-slide {
	width: 100%;
	height: 100%;
}

.dksh-slide {
	position: relative;
	overflow: hidden;
	background: #030406;
}

.dksh-bg {
	position: absolute;
	inset: 0;
	background-image: var(--dksh-bg);
	background-size: var(--dksh-bg-size);
	background-position: var(--dksh-bg-position);
	background-repeat: no-repeat;
	transform: scale(calc(var(--dksh-bg-zoom-from) / 100));
	transition: transform 5.8s ease, filter 1.2s ease;
	filter: saturate(1.08) contrast(1.06) brightness(var(--dksh-bg-brightness));
	z-index: 0;
}

.swiper-slide-active .dksh-bg {
	transform: scale(calc(var(--dksh-bg-zoom-active) / 100));
}

.dksh-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		radial-gradient(circle at 75% 28%, color-mix(in srgb, var(--dksh-accent-soft) 38%, transparent), transparent 34%),
		radial-gradient(circle at 24% 60%, color-mix(in srgb, var(--dksh-accent) 24%, transparent), transparent 38%),
		linear-gradient(90deg, rgba(0,0,0,.88), rgba(0,0,0,.56) 44%, rgba(0,0,0,.22) 70%, rgba(0,0,0,.7)),
		linear-gradient(0deg, rgba(0,0,0,.88), rgba(0,0,0, calc(var(--dksh-overlay) / 100)) 44%, rgba(0,0,0,.58));
	pointer-events: none;
	opacity: calc(var(--dksh-overlay-opacity) / 100);
}

.dksh-noise {
	position: absolute;
	inset: 0;
	z-index: 2;
	opacity: .12;
	pointer-events: none;
	background-image:
		linear-gradient(115deg, transparent 0%, rgba(255,255,255,.06) 14%, transparent 27%),
		repeating-linear-gradient(0deg, rgba(255,255,255,.045) 0 1px, transparent 1px 5px);
	mix-blend-mode: screen;
}

.dksh-scanline {
	position: absolute;
	inset: 0;
	z-index: 3;
	pointer-events: none;
	opacity: .12;
	background: repeating-linear-gradient(180deg, transparent 0 8px, rgba(255,255,255,.05) 9px, transparent 10px 14px);
}

.dksh-hot-glow {
	position: absolute;
	left: -12%;
	bottom: -26%;
	width: 76%;
	height: 42%;
	z-index: 2;
	pointer-events: none;
	background: radial-gradient(ellipse at center, color-mix(in srgb, var(--dksh-accent) 56%, transparent), transparent 66%);
	filter: blur(34px);
	opacity: .62;
}

.dksh-foreground {
	position: absolute;
	left: var(--dksh-fore-x);
	top: var(--dksh-fore-y);
	width: var(--dksh-fore-width);
	max-width: 820px;
	z-index: 5;
	transform: translate(-50%, -50%) scale(.985);
	opacity: var(--dksh-fore-opacity);
	pointer-events: none;
	filter: drop-shadow(0 34px 80px rgba(0,0,0,.58)) drop-shadow(0 0 34px color-mix(in srgb, var(--dksh-accent) 28%, transparent));
	transition: opacity .7s ease, transform 1.15s cubic-bezier(.2,.86,.18,1);
}

.swiper-slide-active .dksh-foreground {
	transform: translate(-50%, -50%) scale(1.025);
}

.dksh-foreground img {
	width: 100%;
	height: auto;
	display: block;
}

.dksh-inner {
	position: relative;
	z-index: 8;
	width: min(1540px, calc(100% - 80px));
	height: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(300px, var(--dksh-content-width)) minmax(260px, 1fr);
	gap: clamp(26px, 4vw, 72px);
	align-items: center;
	padding: 56px 0 128px;
	min-width: 0;
}

.dksh-inner > * {
	min-width: 0;
}

.dksh-pos-right .dksh-inner {
	grid-template-columns: minmax(260px, 1fr) minmax(300px, var(--dksh-content-width));
}

.dksh-pos-right .dksh-copy {
	grid-column: 2;
}

.dksh-pos-right .dksh-data-panel {
	grid-column: 1;
	grid-row: 1;
	justify-self: end;
}

.dksh-pos-center .dksh-inner {
	grid-template-columns: 1fr;
	place-items: center;
	text-align: center;
}

.dksh-pos-center .dksh-copy {
	width: min(100%, var(--dksh-content-width));
	margin: 0 auto;
}

.dksh-pos-center .dksh-topline,
.dksh-pos-center .dksh-actions {
	justify-content: center;
}

.dksh-pos-center .dksh-data-panel {
	position: absolute;
	right: 4vw;
	top: 50%;
	transform: translateY(-50%);
}

.dksh-v-start .dksh-inner {
	align-items: start;
	padding-top: 112px;
}

.dksh-v-end .dksh-inner {
	align-items: end;
	padding-bottom: 158px;
}

.dksh-copy {
	position: relative;
	width: 100%;
	max-width: none;
	height: var(--dksh-content-height);
	padding: clamp(22px, 2.4vw, 38px);
	border: 1px solid var(--dksh-glass-border);
	border-radius: var(--dksh-radius);
	background:
		linear-gradient(135deg, rgba(255,255,255,.08), transparent 36%),
		var(--dksh-glass-bg);
	-webkit-backdrop-filter: blur(var(--dksh-glass-blur));
	backdrop-filter: blur(var(--dksh-glass-blur));
	box-shadow:
		0 24px 90px rgba(0,0,0,.44),
		0 0 0 1px rgba(255,255,255,.035) inset,
		0 0 46px color-mix(in srgb, var(--dksh-accent) 16%, transparent);
	transform: translateY(20px);
	opacity: 0;
	transition: transform .85s cubic-bezier(.2,.86,.18,1), opacity .65s ease;
	overflow: hidden;
	min-width: 0;
}

.swiper-slide-active .dksh-copy {
	transform: translateY(0);
	opacity: 1;
}

.dksh-copy::before {
	content: '';
	position: absolute;
	inset: -1px;
	border-radius: inherit;
	pointer-events: none;
	background: linear-gradient(90deg, var(--dksh-accent), transparent 27%, rgba(255,255,255,.18) 51%, transparent 76%, var(--dksh-accent-soft));
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	padding: 1px;
	opacity: .4;
}


.dksh-copy > *,
.dksh-data-panel,
.dksh-data-panel *,
.dksh-terminal,
.dksh-terminal * {
	max-width: 100%;
	min-width: 0;
}

.dksh-title,
.dksh-subtitle,
.dksh-description,
.dksh-kicker,
.dksh-badge,
.dksh-btn,
.dksh-terminal,
.dksh-terminal p,
.dksh-panel-title,
.dksh-stat strong,
.dksh-stat span,
.dksh-panel-tags span {
	overflow-wrap: anywhere;
	word-break: normal;
}

.dksh-subtitle,
.dksh-description {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	max-width: 100%;
}

.dksh-title {
	display: block;
	overflow: hidden;
	max-width: 100%;
}


.dksh-title br {
	display: block;
}

.dksh-title span,
.dksh-title strong,
.dksh-title b,
.dksh-title em,
.dksh-title i,
.dksh-title small,
.dksh-title mark,
.dksh-title sup,
.dksh-title sub {
	line-height: inherit;
}

.dksh-title .dksh-red,
.dksh-title mark.dksh-red {
	color: #ff2746;
	background: transparent;
	text-shadow: 0 0 24px rgba(255, 39, 70, .42), 0 0 42px rgba(255, 39, 70, .22);
}

.dksh-title .dksh-cyan,
.dksh-title mark.dksh-cyan {
	color: #23e6ff;
	background: transparent;
	text-shadow: 0 0 24px rgba(35, 230, 255, .4), 0 0 42px rgba(35, 230, 255, .2);
}

.dksh-title .dksh-green,
.dksh-title mark.dksh-green {
	color: #42ff91;
	background: transparent;
	text-shadow: 0 0 24px rgba(66, 255, 145, .38), 0 0 42px rgba(66, 255, 145, .2);
}

.dksh-title .dksh-muted {
	color: rgba(255,255,255,.62);
}

.dksh-title .dksh-thin {
	font-weight: 500;
	letter-spacing: -.04em;
}

.dksh-title .dksh-outline {
	color: transparent;
	-webkit-text-stroke: 1px rgba(255,255,255,.88);
	text-shadow: 0 0 26px rgba(255,255,255,.18);
}

.dksh-title small {
	font-size: .58em;
}

.dksh-subtitle {
	-webkit-line-clamp: var(--dksh-subtitle-lines);
	line-clamp: var(--dksh-subtitle-lines);
}

.dksh-description {
	-webkit-line-clamp: var(--dksh-description-lines);
	line-clamp: var(--dksh-description-lines);
}

.dksh-terminal p {
	white-space: normal;
}

.dksh-topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 18px;
	font-size: 11px;
	letter-spacing: .22em;
	text-transform: uppercase;
	font-weight: 800;
	color: rgba(255,255,255,.82);
}

.dksh-kicker {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	overflow: hidden;
}


.dksh-kicker i,
.dksh-panel-title i {
	width: 8px;
	height: 8px;
	border-radius: 99px;
	background: var(--dksh-accent);
	box-shadow: 0 0 16px var(--dksh-accent), 0 0 34px var(--dksh-accent);
	flex: 0 0 auto;
}

.dksh-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 70px;
	padding: 7px 10px;
	border-radius: 999px;
	background: rgba(0,0,0,.45);
	border: 1px solid rgba(255,255,255,.12);
	color: rgba(255,255,255,.72);
	letter-spacing: .05em;
	flex: 0 0 auto;
}

.dksh-logo {
	display: block;
	max-width: 160px;
	max-height: 88px;
	object-fit: contain;
	margin: 0 0 16px;
	filter: drop-shadow(0 0 22px rgba(255,255,255,.22));
}

.dksh-title {
	margin: 0;
	font-size: clamp(38px, 5.2vw, 96px);
	line-height: .88;
	letter-spacing: -.055em;
	font-weight: 900;
	text-transform: uppercase;
	color: var(--dksh-text);
	text-shadow: 0 0 30px rgba(0,0,0,.72), 0 0 40px color-mix(in srgb, var(--dksh-accent) 20%, transparent);
}

.dksh-subtitle {
	margin-top: 16px;
	font-size: clamp(16px, 1.55vw, 28px);
	line-height: 1.18;
	font-weight: 650;
	color: rgba(255,255,255,.94);
	text-shadow: 0 0 20px rgba(0,0,0,.52);
}

.dksh-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 18px;
	padding: 9px 14px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--dksh-accent) 18%, rgba(0,0,0,.48));
	border: 1px solid color-mix(in srgb, var(--dksh-accent) 62%, rgba(255,255,255,.1));
	color: #fff;
	font-size: 11px;
	letter-spacing: .18em;
	font-weight: 900;
	text-transform: uppercase;
	box-shadow: 0 0 24px color-mix(in srgb, var(--dksh-accent) 24%, transparent);
}

.dksh-description {
	margin: 20px 0 0;
	max-width: 620px;
	font-size: clamp(14px, 1vw, 17px);
	line-height: 1.62;
	color: var(--dksh-muted);
}

.dksh-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.dksh-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 14px 22px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 950;
	letter-spacing: .13em;
	text-transform: uppercase;
	text-decoration: none !important;
	line-height: 1.12;
	text-align: center;
	transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
	will-change: transform;
}

.dksh-btn:hover,
.dksh-btn:focus {
	transform: translateY(-2px);
}

.dksh-btn-primary {
	background: linear-gradient(135deg, var(--dksh-accent), color-mix(in srgb, var(--dksh-accent-soft) 72%, var(--dksh-accent)));
	color: #fff !important;
	box-shadow: 0 12px 36px color-mix(in srgb, var(--dksh-accent) 38%, transparent), 0 0 0 1px rgba(255,255,255,.12) inset;
}

.dksh-btn-primary:hover,
.dksh-btn-primary:focus {
	box-shadow: 0 18px 48px color-mix(in srgb, var(--dksh-accent) 54%, transparent), 0 0 0 1px rgba(255,255,255,.2) inset;
}

.dksh-btn-secondary {
	background: rgba(255,255,255,.06);
	color: #fff !important;
	border: 1px solid rgba(255,255,255,.16);
	box-shadow: 0 12px 36px rgba(0,0,0,.25);
}

.dksh-btn-secondary:hover,
.dksh-btn-secondary:focus {
	background: rgba(255,255,255,.1);
	border-color: color-mix(in srgb, var(--dksh-accent) 48%, rgba(255,255,255,.18));
}

.dksh-terminal {
	position: relative;
	margin-top: 26px;
	padding: 14px 16px 13px;
	border-radius: 16px;
	background: var(--dksh-terminal-bg);
	border: 1px solid var(--dksh-terminal-border);
	box-shadow: 0 0 24px color-mix(in srgb, var(--dksh-accent) 12%, transparent) inset;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
	font-size: 11px;
	line-height: 1.55;
	letter-spacing: .03em;
	color: var(--dksh-terminal-text);
	overflow: hidden;
}

.dksh-terminal::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, var(--dksh-accent), transparent);
}

.dksh-terminal-head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
	font-family: inherit;
	font-size: 10px;
	font-weight: 900;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--dksh-terminal-title);
}

.dksh-terminal-head span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--dksh-accent);
	box-shadow: 0 0 12px var(--dksh-accent);
}

.dksh-terminal-head em {
	margin-left: auto;
	font-style: normal;
	padding: 3px 8px;
	border-radius: 999px;
	background: var(--dksh-terminal-live-bg);
	border: 1px solid rgba(255,255,255,.1);
	font-size: 9px;
	color: var(--dksh-terminal-text);
}

.dksh-terminal p {
	margin: 2px 0;
}

.dksh-data-panel {
	justify-self: end;
	align-self: center;
	width: min(var(--dksh-data-width), 100%);
	padding: 26px;
	border-radius: var(--dksh-radius);
	background:
		linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.025) 32%, rgba(0,0,0,.34)),
		var(--dksh-glass-bg);
	border: 1px solid var(--dksh-glass-border);
	-webkit-backdrop-filter: blur(var(--dksh-glass-blur));
	backdrop-filter: blur(var(--dksh-glass-blur));
	box-shadow: 0 34px 110px rgba(0,0,0,.45), 0 0 60px color-mix(in srgb, var(--dksh-accent) 14%, transparent);
	transform: translateY(26px) translateX(22px);
	opacity: 0;
	transition: transform .9s cubic-bezier(.2,.86,.18,1) .16s, opacity .75s ease .16s;
	overflow: hidden;
}


.swiper-slide-active .dksh-data-panel {
	transform: translateY(0) translateX(0);
	opacity: 1;
}

.dksh-panel-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid rgba(255,255,255,.11);
	font-size: 11px;
	font-weight: 950;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: rgba(255,255,255,.86);
}

.dksh-stat {
	padding: 13px 0;
	border-bottom: 1px solid rgba(255,255,255,.1);
}

.dksh-stat strong {
	display: block;
	font-size: clamp(24px, 2.2vw, 38px);
	line-height: 1;
	font-weight: 950;
	letter-spacing: -.04em;
	color: #fff;
}

.dksh-stat span {
	display: block;
	margin-top: 6px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(255,255,255,.62);
}

.dksh-panel-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}

.dksh-panel-tags span {
	display: inline-flex;
	align-items: center;
	padding: 7px 10px;
	border-radius: 999px;
	background: rgba(0,0,0,.32);
	border: 1px solid rgba(255,255,255,.1);
	font-size: 10px;
	font-weight: 760;
	letter-spacing: .03em;
	color: rgba(255,255,255,.72);
}

.dksh-data-style-hud .dksh-data-panel {
	width: min(var(--dksh-data-width), 100%);
	padding: 12px 14px;
	border-radius: 18px;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--dksh-accent) 10%, transparent), transparent 42%),
		rgba(0,0,0,.30);
	border-color: color-mix(in srgb, var(--dksh-accent) 30%, rgba(255,255,255,.13));
	box-shadow: 0 20px 70px rgba(0,0,0,.34), 0 0 34px color-mix(in srgb, var(--dksh-accent) 10%, transparent);
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.dksh-data-style-hud .dksh-panel-title {
	margin: 0;
	padding: 0 12px 0 0;
	border-bottom: 0;
	border-right: 1px solid rgba(255,255,255,.12);
	font-size: 10px;
	line-height: 1.1;
	flex: 0 0 auto;
}

.dksh-data-style-hud .dksh-stat {
	padding: 0 12px;
	border-bottom: 0;
	border-left: 1px solid rgba(255,255,255,.10);
	min-width: 82px;
}

.dksh-data-style-hud .dksh-stat strong {
	font-size: clamp(15px, 1vw, 20px);
	letter-spacing: -.02em;
}

.dksh-data-style-hud .dksh-stat span {
	margin-top: 3px;
	font-size: 8px;
	letter-spacing: .12em;
}

.dksh-data-style-hud .dksh-panel-tags {
	margin-top: 0;
	gap: 6px;
	flex: 1 1 auto;
}

.dksh-data-style-hud .dksh-panel-tags span {
	padding: 5px 8px;
	font-size: 9px;
	background: rgba(255,255,255,.055);
}

.dksh-data-style-rail .dksh-data-panel {
	width: min(var(--dksh-data-width), 100%);
	padding: 18px 18px 16px;
	border-radius: 18px;
	background:
		linear-gradient(90deg, color-mix(in srgb, var(--dksh-accent) 14%, transparent), transparent 38%),
		rgba(0,0,0,.22);
	border: 0;
	border-left: 2px solid color-mix(in srgb, var(--dksh-accent) 70%, rgba(255,255,255,.12));
	box-shadow: 0 18px 60px rgba(0,0,0,.28), 0 0 28px color-mix(in srgb, var(--dksh-accent) 10%, transparent);
	backdrop-filter: blur(calc(var(--dksh-glass-blur) * .72));
	-webkit-backdrop-filter: blur(calc(var(--dksh-glass-blur) * .72));
}

.dksh-data-style-rail .dksh-panel-title {
	margin-bottom: 12px;
	padding-bottom: 10px;
}

.dksh-data-style-rail .dksh-stat {
	padding: 8px 0;
}

.dksh-data-style-rail .dksh-stat strong {
	font-size: clamp(18px, 1.5vw, 27px);
}

.dksh-data-pos-left-top .dksh-data-panel,
.dksh-data-pos-left-center .dksh-data-panel,
.dksh-data-pos-left-bottom .dksh-data-panel,
.dksh-data-pos-right-top .dksh-data-panel,
.dksh-data-pos-right-center .dksh-data-panel,
.dksh-data-pos-right-bottom .dksh-data-panel,
.dksh-data-pos-bottom-left .dksh-data-panel,
.dksh-data-pos-bottom-center .dksh-data-panel,
.dksh-data-pos-bottom-right .dksh-data-panel {
	position: absolute;
	z-index: 13;
	justify-self: auto;
	align-self: auto;
}

.dksh-data-pos-left-top .dksh-data-panel { left: 0; top: 58px; transform: translateX(-18px); }
.dksh-data-pos-left-center .dksh-data-panel { left: 0; top: 50%; translate: 0 -50%; transform: translateX(-18px); }
.dksh-data-pos-left-bottom .dksh-data-panel { left: 0; bottom: 124px; transform: translateX(-18px); }
.dksh-data-pos-right-top .dksh-data-panel { right: 0; top: 58px; transform: translateX(18px); }
.dksh-data-pos-right-center .dksh-data-panel { right: 0; top: 50%; translate: 0 -50%; transform: translateX(18px); }
.dksh-data-pos-right-bottom .dksh-data-panel { right: 0; bottom: 124px; transform: translateX(18px); }
.dksh-data-pos-bottom-left .dksh-data-panel { left: 0; bottom: 102px; transform: translateY(18px); }
.dksh-data-pos-bottom-center .dksh-data-panel { left: 50%; bottom: 102px; translate: -50% 0; transform: translateY(18px); }
.dksh-data-pos-bottom-right .dksh-data-panel { right: 0; bottom: 102px; transform: translateY(18px); }

.dksh-data-pos-left-top .swiper-slide-active .dksh-data-panel,
.dksh-data-pos-left-center .swiper-slide-active .dksh-data-panel,
.dksh-data-pos-left-bottom .swiper-slide-active .dksh-data-panel,
.dksh-data-pos-right-top .swiper-slide-active .dksh-data-panel,
.dksh-data-pos-right-center .swiper-slide-active .dksh-data-panel,
.dksh-data-pos-right-bottom .swiper-slide-active .dksh-data-panel,
.dksh-data-pos-bottom-left .swiper-slide-active .dksh-data-panel,
.dksh-data-pos-bottom-center .swiper-slide-active .dksh-data-panel,
.dksh-data-pos-bottom-right .swiper-slide-active .dksh-data-panel {
	transform: translateX(0) translateY(0);
}


.dksh-arrow {
	-webkit-appearance: none !important;
	appearance: none !important;
	display: flex !important;
	align-items: center;
	justify-content: center;
	visibility: visible !important;
	opacity: 1;
	padding: 0 !important;
	margin: 0 !important;
	font: inherit;
	line-height: 1;
	color: #fff;
	position: absolute;
	top: 50%;
	z-index: 80;
	width: 54px;
	height: 54px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.18);
	background: rgba(0,0,0,.35);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: 0 16px 42px rgba(0,0,0,.32), 0 0 24px color-mix(in srgb, var(--dksh-accent) 16%, transparent);
	pointer-events: auto;
	cursor: pointer;
	transform: translateY(-50%);
	transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease;
	overflow: visible !important;
	text-indent: 0 !important;
}


.dksh-arrow:hover,
.dksh-arrow:focus {
	background: color-mix(in srgb, var(--dksh-accent) 16%, rgba(0,0,0,.42));
	border-color: color-mix(in srgb, var(--dksh-accent) 56%, rgba(255,255,255,.2));
	box-shadow: 0 20px 48px rgba(0,0,0,.36), 0 0 42px color-mix(in srgb, var(--dksh-accent) 34%, transparent);
}

.dksh-prev {
	left: 26px;
}

.dksh-next {
	right: 26px;
}

.dksh-shell.dksh-has-arrows > .dksh-arrow,
.dksh-shell.dksh-has-arrows .dksh-arrow {
	display: flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 9999 !important;
}

.dksh-arrow span {
	position: relative;
	inset: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 34px;
	font-weight: 300;
	line-height: 1;
	color: #fff !important;
	text-shadow: 0 0 12px rgba(255,255,255,.45), 0 0 24px var(--dksh-accent);
	transform: translateY(-1px);
}

.dksh-arrow span::before {
	content: none !important;
}

.dksh-prev span {
	padding-right: 2px;
}

.dksh-next span {
	padding-left: 2px;
}

.dksh-arrow,
.dksh-arrow:hover,
.dksh-arrow:focus,
.dksh-arrow:active,
.dksh-arrow:visited,
.dksh-arrow-dock-btn,
.dksh-arrow-dock-btn:hover,
.dksh-arrow-dock-btn:focus,
.dksh-arrow-dock-btn:active,
.dksh-arrow-dock-btn:visited {
	text-decoration: none !important;
	outline: none;
}

.dksh-arrow-dock {
	position: absolute;
	right: 30px;
	bottom: 36px;
	z-index: 10010;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 7px;
	border-radius: 999px;
	border: 1px solid color-mix(in srgb, var(--dksh-accent) 34%, rgba(255,255,255,.12));
	background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(0,0,0,.34));
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	box-shadow: 0 14px 44px rgba(0,0,0,.36), 0 0 26px color-mix(in srgb, var(--dksh-accent) 18%, transparent);
	pointer-events: auto !important;
}

.dksh-arrow-dock-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 999px;
	border: 1px solid rgba(255,255,255,.14);
	background: rgba(0,0,0,.38);
	color: #fff !important;
	font-size: 29px;
	font-weight: 300;
	line-height: 1;
	text-shadow: 0 0 12px rgba(255,255,255,.42), 0 0 20px var(--dksh-accent);
	transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.dksh-arrow-dock-btn:hover,
.dksh-arrow-dock-btn:focus {
	transform: translateY(-1px);
	background: color-mix(in srgb, var(--dksh-accent) 22%, rgba(0,0,0,.45));
	border-color: color-mix(in srgb, var(--dksh-accent) 58%, rgba(255,255,255,.18));
}

.dksh-arrow-dock-btn span {
	display: block;
	transform: translateY(-2px);
}

.dksh-arrow.dksh-is-disabled,
.dksh-shell .swiper-button-disabled {
	opacity: .45 !important;
}

.dksh-pagination {
	position: absolute;
	left: 50% !important;
	bottom: 50px !important;
	z-index: 21;
	width: auto !important;
	transform: translateX(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(0,0,0,.34);
	border: 1px solid rgba(255,255,255,.12);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
}

.dksh-pagination .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
	margin: 0 !important;
	background: rgba(255,255,255,.45);
	opacity: 1;
	transition: width .22s ease, background .22s ease, box-shadow .22s ease;
}

.dksh-pagination .swiper-pagination-bullet-active {
	width: 24px;
	border-radius: 99px;
	background: var(--dksh-accent);
	box-shadow: 0 0 18px var(--dksh-accent);
}

.dksh-progress {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 25;
	width: 100%;
	height: 3px;
	background: rgba(255,255,255,.08);
	overflow: hidden;
}

.dksh-progress span {
	display: block;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	transform-origin: left center;
	background: linear-gradient(90deg, var(--dksh-accent), var(--dksh-accent-soft));
	box-shadow: 0 0 20px var(--dksh-accent);
}

.dksh-thumbs {
	position: absolute;
	left: 50%;
	bottom: 20px;
	z-index: 24;
	transform: translateX(-50%);
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 10px;
	max-width: min(94%, 900px);
	padding: 8px;
	border-radius: 20px;
	background: rgba(0,0,0,.34);
	border: 1px solid rgba(255,255,255,.11);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	box-shadow: 0 18px 50px rgba(0,0,0,.34);
}

.dksh-has-thumbs .dksh-pagination {
	bottom: 118px !important;
}

.dksh-thumb {
	position: relative;
	display: flex;
	align-items: end;
	justify-content: start;
	width: clamp(86px, 8vw, 142px);
	height: 64px;
	padding: 8px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 14px;
	background: rgba(255,255,255,.04);
	color: #fff;
	cursor: pointer;
	overflow: hidden;
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, opacity .22s ease;
	opacity: .68;
}

.dksh-thumb:hover,
.dksh-thumb:focus,
.dksh-thumb.is-active {
	transform: translateY(-2px);
	opacity: 1;
	border-color: color-mix(in srgb, var(--dksh-accent) 70%, rgba(255,255,255,.16));
	box-shadow: 0 0 28px color-mix(in srgb, var(--dksh-accent) 35%, transparent);
}

.dksh-thumb-img {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	filter: saturate(1.04) contrast(1.08) brightness(.8);
	transform: scale(1.02);
	transition: transform .35s ease;
}

.dksh-thumb:hover .dksh-thumb-img,
.dksh-thumb.is-active .dksh-thumb-img {
	transform: scale(1.08);
}

.dksh-thumb::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent, rgba(0,0,0,.82));
}

.dksh-thumb-text {
	position: relative;
	z-index: 2;
	max-width: 100%;
	font-size: 9px;
	font-weight: 950;
	letter-spacing: .09em;
	line-height: 1.1;
	text-transform: uppercase;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.dksh-thumb.is-active::before {
	content: '';
	position: absolute;
	left: 8px;
	right: 8px;
	bottom: 5px;
	height: 2px;
	z-index: 3;
	border-radius: 999px;
	background: var(--dksh-accent);
	box-shadow: 0 0 14px var(--dksh-accent);
}

.dksh-shell .swiper-button-disabled {
	opacity: .35;
	cursor: default;
}

@supports not (backdrop-filter: blur(1px)) {
	.dksh-copy,
	.dksh-data-panel,
	.dksh-terminal,
	.dksh-arrow,
	.dksh-pagination,
	.dksh-thumbs {
		background: rgba(7,8,12,.86);
	}
}

@media (max-width: 1180px) {
	.dksh-inner {
		width: min(100% - 44px, 1100px);
		grid-template-columns: 1fr minmax(250px, 330px);
		gap: 28px;
	}

	.dksh-data-panel {
		padding: 22px;
	}

	.dksh-foreground {
		width: min(var(--dksh-fore-width), 54%);
	}
}

@media (max-width: 900px) {
	.dksh-shell {
		min-height: var(--dksh-height);
		height: var(--dksh-height);
	}

	.dksh-bg {
		background-image: var(--dksh-bg-mobile, var(--dksh-bg));
		background-position: var(--dksh-bg-position-mobile, var(--dksh-bg-position));
		background-size: var(--dksh-bg-size-mobile, var(--dksh-bg-size));
	}

	.dksh-overlay {
		background:
			radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--dksh-accent-soft) 26%, transparent), transparent 34%),
			linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0, calc(var(--dksh-overlay-mobile) / 100)) 48%, rgba(0,0,0,.92)),
			linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.28), rgba(0,0,0,.78));
	}

	.dksh-inner,
	.dksh-pos-right .dksh-inner,
	.dksh-pos-center .dksh-inner {
		width: calc(100% - 28px);
		grid-template-columns: 1fr;
		align-items: center;
		justify-items: stretch;
		gap: 16px;
		padding: 72px 0 132px;
	}

	.dksh-pos-right .dksh-copy,
	.dksh-pos-right .dksh-data-panel {
		grid-column: auto;
		grid-row: auto;
		justify-self: stretch;
	}

	.dksh-copy {
		max-width: none;
		padding: 22px;
	}

	.dksh-title {
		font-size: clamp(34px, 11vw, 58px);
		line-height: .94;
	}

	.dksh-description {
		font-size: 14px;
		line-height: 1.5;
	}

	.dksh-actions {
		gap: 9px;
		margin-top: 22px;
	}

	.dksh-btn {
		min-height: 42px;
		padding: 13px 16px;
		font-size: 10px;
	}

	.dksh-terminal {
		display: none;
	}

	.dksh-data-panel,
	.dksh-pos-center .dksh-data-panel,
	.dksh-data-pos-left-top .dksh-data-panel,
	.dksh-data-pos-left-center .dksh-data-panel,
	.dksh-data-pos-left-bottom .dksh-data-panel,
	.dksh-data-pos-right-top .dksh-data-panel,
	.dksh-data-pos-right-center .dksh-data-panel,
	.dksh-data-pos-right-bottom .dksh-data-panel,
	.dksh-data-pos-bottom-left .dksh-data-panel,
	.dksh-data-pos-bottom-center .dksh-data-panel,
	.dksh-data-pos-bottom-right .dksh-data-panel {
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		translate: none;
		transform: none;
		width: 100%;
		padding: 16px;
	}

	.swiper-slide-active .dksh-data-panel,
	.dksh-data-pos-left-top .swiper-slide-active .dksh-data-panel,
	.dksh-data-pos-left-center .swiper-slide-active .dksh-data-panel,
	.dksh-data-pos-left-bottom .swiper-slide-active .dksh-data-panel,
	.dksh-data-pos-right-top .swiper-slide-active .dksh-data-panel,
	.dksh-data-pos-right-center .swiper-slide-active .dksh-data-panel,
	.dksh-data-pos-right-bottom .swiper-slide-active .dksh-data-panel,
	.dksh-data-pos-bottom-left .swiper-slide-active .dksh-data-panel,
	.dksh-data-pos-bottom-center .swiper-slide-active .dksh-data-panel,
	.dksh-data-pos-bottom-right .swiper-slide-active .dksh-data-panel {
		transform: none;
	}

	.dksh-panel-title {
		margin-bottom: 8px;
		padding-bottom: 9px;
	}

	.dksh-stat,
	.dksh-data-style-hud .dksh-stat {
		display: inline-block;
		width: 32%;
		min-width: 0;
		padding: 8px 0;
		vertical-align: top;
		border-bottom: 0;
		border-left: 0;
	}

	.dksh-stat strong {
		font-size: 20px;
	}

	.dksh-stat span {
		font-size: 9px;
		line-height: 1.2;
	}

	.dksh-panel-tags {
		margin-top: 8px;
		gap: 6px;
	}

	.dksh-panel-tags span {
		padding: 5px 8px;
		font-size: 9px;
	}

	.dksh-data-style-hud .dksh-data-panel {
		display: block;
	}

	.dksh-data-style-hud .dksh-panel-title {
		border-right: 0;
		padding-right: 0;
	}

	.dksh-foreground {
		left: 70%;
		top: 34%;
		width: min(58%, var(--dksh-fore-width));
		opacity: min(var(--dksh-fore-opacity), .72);
	}

	.dksh-prev {
		left: 12px;
	}

	.dksh-next {
		right: 12px;
	}

	.dksh-arrow {
		width: 42px;
		height: 42px;
	}

	.dksh-thumbs {
		bottom: 14px;
		max-width: calc(100% - 20px);
		overflow-x: auto;
		justify-content: flex-start;
		padding: 7px;
		gap: 7px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.dksh-thumbs::-webkit-scrollbar {
		display: none;
	}

	.dksh-thumb {
		flex: 0 0 86px;
		height: 56px;
	}

	.dksh-has-thumbs .dksh-pagination {
		bottom: 92px !important;
	}

	.dksh-pagination {
		bottom: 24px !important;
		padding: 7px 10px;
	}
}

@media (max-width: 640px) {
	.dksh-inner,
	.dksh-pos-right .dksh-inner,
	.dksh-pos-center .dksh-inner {
		width: calc(100% - 20px);
		padding-top: 62px;
		padding-bottom: 118px;
	}

	.dksh-topline {
		font-size: 9px;
		letter-spacing: .12em;
		gap: 8px;
		margin-bottom: 14px;
	}

	.dksh-count {
		min-width: 58px;
		padding: 5px 8px;
	}

	.dksh-logo {
		max-width: 112px;
		max-height: 60px;
	}

	.dksh-copy {
		padding: 19px;
		border-radius: min(var(--dksh-radius), 18px);
	}

	.dksh-subtitle {
		font-size: 15px;
		margin-top: 12px;
	}

	.dksh-badge {
		margin-top: 13px;
		font-size: 10px;
		padding: 7px 10px;
	}

	.dksh-description {
		margin-top: 14px;
	}

	.dksh-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.dksh-btn {
		width: 100%;
	}

	.dksh-data-panel {
		display: none;
	}

	.dksh-foreground {
		display: none;
	}

	.dksh-arrow {
		display: none;
	}

	.dksh-hot-glow {
		width: 100%;
		height: 34%;
		left: -28%;
	}
}

/* v0.1.6: Mobile composition presets */
@media (max-width: 900px) {
	.dksh-mobile-data-hide .dksh-data-panel {
		display: none !important;
	}

	.dksh-mobile-hide-description .dksh-description {
		display: none !important;
	}

	.dksh-mobile-layout-poster .dksh-inner,
	.dksh-mobile-layout-compact .dksh-inner,
	.dksh-mobile-layout-poster.dksh-pos-right .dksh-inner,
	.dksh-mobile-layout-compact.dksh-pos-right .dksh-inner,
	.dksh-mobile-layout-poster.dksh-pos-center .dksh-inner,
	.dksh-mobile-layout-compact.dksh-pos-center .dksh-inner {
		grid-template-columns: 1fr;
		align-items: end;
		justify-items: stretch;
		width: calc(100% - 28px);
		gap: 10px;
		padding-top: 96px;
		padding-bottom: 118px;
	}

	.dksh-mobile-layout-poster .dksh-copy {
		padding: clamp(15px, 4.4vw, 22px);
		border-color: color-mix(in srgb, var(--dksh-accent) 38%, rgba(255,255,255,.12));
		background:
			linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025) 32%, rgba(0,0,0,.44)),
			color-mix(in srgb, var(--dksh-glass-bg) 72%, transparent);
		-webkit-backdrop-filter: blur(calc(var(--dksh-glass-blur) * .62));
		backdrop-filter: blur(calc(var(--dksh-glass-blur) * .62));
		box-shadow:
			0 18px 54px rgba(0,0,0,.34),
			0 0 28px color-mix(in srgb, var(--dksh-accent) 12%, transparent);
	}

	.dksh-mobile-layout-poster .dksh-logo {
		max-width: 104px;
		max-height: 54px;
		margin-bottom: 11px;
	}

	.dksh-mobile-layout-poster .dksh-topline {
		margin-bottom: 12px;
	}

	.dksh-mobile-layout-poster .dksh-title {
		font-size: clamp(34px, 11.8vw, 56px);
		line-height: .91;
		-webkit-line-clamp: 3;
		line-clamp: 3;
	}

	.dksh-mobile-layout-poster .dksh-subtitle {
		margin-top: 11px;
		font-size: clamp(15px, 4.2vw, 19px);
		line-height: 1.16;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}

	.dksh-mobile-layout-poster .dksh-badge {
		margin-top: 12px;
		padding: 7px 11px;
	}

	.dksh-mobile-layout-poster .dksh-description {
		margin-top: 14px;
		font-size: 14px;
		line-height: 1.42;
		-webkit-line-clamp: 2;
		line-clamp: 2;
	}

	.dksh-mobile-layout-poster .dksh-actions {
		margin-top: 18px;
	}

	.dksh-mobile-layout-poster .dksh-btn,
	.dksh-mobile-layout-compact .dksh-btn {
		min-height: 41px;
	}

	.dksh-mobile-layout-compact .dksh-copy {
		padding: 18px;
	}

	.dksh-mobile-layout-compact .dksh-title {
		-webkit-line-clamp: 4;
		line-clamp: 4;
	}

	.dksh-mobile-data-compact .dksh-data-panel,
	.dksh-mobile-data-full .dksh-data-panel {
		display: flex !important;
	}

	.dksh-mobile-data-compact .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-pos-center .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-data-pos-left-top .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-data-pos-left-center .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-data-pos-left-bottom .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-data-pos-right-top .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-data-pos-right-center .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-data-pos-right-bottom .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-data-pos-bottom-left .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-data-pos-bottom-center .dksh-data-panel,
	.dksh-mobile-data-compact.dksh-data-pos-bottom-right .dksh-data-panel {
		position: absolute !important;
		left: 14px !important;
		right: 14px !important;
		top: auto !important;
		bottom: 84px !important;
		translate: none !important;
		transform: none !important;
		width: auto !important;
		max-width: none !important;
		z-index: 23;
		align-items: center;
		gap: 6px;
		padding: 9px 10px !important;
		border-radius: 18px !important;
		background:
			linear-gradient(90deg, color-mix(in srgb, var(--dksh-accent) 15%, transparent), transparent 52%),
			rgba(0,0,0,.34) !important;
		box-shadow: 0 12px 38px rgba(0,0,0,.30), 0 0 18px color-mix(in srgb, var(--dksh-accent) 12%, transparent) !important;
	}

	.dksh-mobile-data-compact .dksh-panel-title {
		display: none !important;
	}

	.dksh-mobile-data-compact .dksh-stat,
	.dksh-mobile-data-compact.dksh-data-style-hud .dksh-stat {
		display: block;
		flex: 1 1 0;
		width: auto;
		min-width: 0;
		padding: 0 6px;
		border: 0;
		text-align: left;
	}

	.dksh-mobile-data-compact .dksh-stat strong {
		font-size: 14px;
		line-height: 1;
		white-space: nowrap;
	}

	.dksh-mobile-data-compact .dksh-stat span {
		margin-top: 2px;
		font-size: 7px;
		line-height: 1.12;
		letter-spacing: .08em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.dksh-mobile-data-compact .dksh-panel-tags {
		display: none !important;
	}
}

@media (max-width: 640px) {
	.dksh-mobile-layout-poster .dksh-inner,
	.dksh-mobile-layout-compact .dksh-inner,
	.dksh-mobile-layout-poster.dksh-pos-right .dksh-inner,
	.dksh-mobile-layout-compact.dksh-pos-right .dksh-inner,
	.dksh-mobile-layout-poster.dksh-pos-center .dksh-inner,
	.dksh-mobile-layout-compact.dksh-pos-center .dksh-inner {
		width: calc(100% - 24px);
		padding-top: 86px;
		padding-bottom: 108px;
	}

	.dksh-mobile-layout-poster .dksh-copy {
		padding: 16px;
	}

	.dksh-mobile-layout-poster .dksh-title {
		font-size: clamp(32px, 11.2vw, 49px);
	}

	.dksh-mobile-layout-poster .dksh-description {
		font-size: 13px;
	}

	.dksh-mobile-layout-poster .dksh-actions {
		flex-direction: row;
		align-items: center;
	}

	.dksh-mobile-layout-poster .dksh-actions .dksh-btn {
		width: auto;
		flex: 1 1 auto;
		padding-left: 12px;
		padding-right: 12px;
	}

	.dksh-mobile-data-full .dksh-data-panel {
		display: block !important;
	}

	.dksh-mobile-data-hide .dksh-data-panel {
		display: none !important;
	}

	.dksh-mobile-data-compact .dksh-data-panel {
		display: flex !important;
		bottom: 76px !important;
	}

	.dksh-mobile-data-compact.dksh-has-thumbs .dksh-pagination {
		bottom: 130px !important;
	}
}


/* v0.1.7: Mobile thumbnail cleanup + reliable arrow dock */
@media (max-width: 900px) {
	.dksh-mobile-thumbs-hide .dksh-thumbs {
		display: none !important;
	}

	.dksh-mobile-thumbs-hide.dksh-has-thumbs .dksh-pagination,
	.dksh-mobile-thumbs-hide .dksh-pagination,
	.dksh-mobile-thumbs-hide.dksh-mobile-data-compact.dksh-has-thumbs .dksh-pagination {
		bottom: 24px !important;
	}

	.dksh-mobile-thumbs-hide .dksh-arrow-dock {
		display: none !important;
	}

	.dksh-mobile-thumbs-hide.dksh-mobile-layout-poster .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-compact .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-poster.dksh-pos-right .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-compact.dksh-pos-right .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-poster.dksh-pos-center .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-compact.dksh-pos-center .dksh-inner {
		padding-bottom: 64px;
	}
}

@media (max-width: 640px) {
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-poster .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-compact .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-poster.dksh-pos-right .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-compact.dksh-pos-right .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-poster.dksh-pos-center .dksh-inner,
	.dksh-mobile-thumbs-hide.dksh-mobile-layout-compact.dksh-pos-center .dksh-inner {
		padding-bottom: 56px;
	}

	.dksh-mobile-thumbs-hide .dksh-pagination {
		bottom: 16px !important;
	}
}

@media (min-width: 641px) {
	.dksh-shell.dksh-has-arrows .dksh-arrow-dock {
		display: flex !important;
	}
}


/* v0.2.0: clean rollback/fix — no extra dock arrows, no mobile arrows, reliable manual title breaks */
.dksh-arrow-dock,
.dksh-arrow-dock-btn {
	display: none !important;
}

.dksh-title br {
	display: block !important;
	content: '';
}

@media (max-width: 900px) {
	.dksh-shell .dksh-arrow,
	.dksh-shell.dksh-has-arrows .dksh-arrow,
	.dksh-shell.dksh-has-arrows > .dksh-arrow {
		display: none !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}