/**
 * TLT Snips Reel v0.5.1
 *
 * Lowlight Signal presentation. Every selector is owned by .tlt-tpw.
 * The reel remains in normal flow; only the receipt reader is fixed.
 */

.tlt-tpw {
	--tpw-ink: #070908;
	--tpw-panel: #0a0e0c;
	--tpw-panel-soft: #101512;
	--tpw-forest: #071d17;
	--tpw-cream: #f4efe6;
	--tpw-cream-soft: #d8d0c0;
	--tpw-muted: #9c998f;
	--tpw-line: rgba(244, 239, 230, 0.16);
	--tpw-line-strong: rgba(244, 239, 230, 0.3);
	--tpw-orange: #f26a1b;
	--tpw-orange-hot: #ff8b45;
	--tpw-gold: #e1b457;
	--tpw-qb: #ef2f8f;
	--tpw-rb: #4d9c65;
	--tpw-wr: #44a5ee;
	--tpw-te: #f2b313;
	--tpw-k: #8d5aa2;
	--tpw-dst: #60666a;
	--tpw-pick: #888b90;
	--tpw-context: #6fa7a0;
	--tpw-display: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Narrow", sans-serif;
	--tpw-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--tpw-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
	--tpw-shadow: 0 26px 84px rgba(0, 0, 0, 0.56);
	position: relative;
	display: block;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	color: var(--tpw-cream);
	font-family: var(--tpw-sans);
	font-size: 16px;
	line-height: 1.35;
}

.tlt-tpw,
.tlt-tpw *,
.tlt-tpw *::before,
.tlt-tpw *::after {
	box-sizing: border-box;
}

.tlt-tpw [hidden] {
	display: none !important;
}

.tlt-tpw__machine {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	min-width: 0;
	overflow: hidden;
	border: 1px solid rgba(225, 180, 87, 0.34);
	border-radius: 14px;
	background:
		radial-gradient(circle at 17% -30%, rgba(242, 106, 27, 0.12), transparent 32%),
		radial-gradient(circle at 72% 160%, rgba(7, 29, 23, 0.72), transparent 45%),
		linear-gradient(115deg, #0b0e0c, #070908 72%);
	box-shadow:
		0 17px 52px rgba(0, 0, 0, 0.38),
		inset 0 1px 0 rgba(255, 255, 255, 0.035);
	isolation: isolate;
}

.tlt-tpw__machine::before,
.tlt-tpw__machine::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.tlt-tpw__machine::before {
	z-index: 3;
	inset: 0 auto 0 0;
	width: 4px;
	background: linear-gradient(180deg, var(--tpw-orange-hot), #853912);
	box-shadow: 0 0 16px rgba(242, 106, 27, 0.3);
}

.tlt-tpw__machine::after {
	z-index: -1;
	inset: 0;
	opacity: 0.24;
	background-image:
		repeating-linear-gradient(93deg, transparent 0 21px, rgba(255, 255, 255, 0.013) 22px 23px),
		repeating-linear-gradient(7deg, transparent 0 27px, rgba(225, 180, 87, 0.012) 28px 29px);
	mix-blend-mode: screen;
}

.tlt-tpw__viewport,
.tlt-tpw__slide {
	display: block;
	width: 100%;
	min-width: 0;
}

.tlt-tpw__viewport {
	flex: 1 1 720px;
	width: auto;
}

.tlt-tpw__slide {
	position: relative;
	margin: 0;
	color: inherit;
}

.tlt-tpw__ticket {
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
	align-items: center;
	width: 100%;
	min-width: 0;
	min-height: 132px;
	padding: 17px 18px 17px 26px;
	cursor: pointer;
	outline: 0;
}

.tlt-tpw__ticket:hover {
	background: linear-gradient(90deg, rgba(242, 106, 27, 0.052), rgba(255, 255, 255, 0.008));
}

.tlt-tpw__ticket:focus-visible {
	box-shadow: inset 0 0 0 2px var(--tpw-orange-hot);
}

.tlt-tpw__ticket-meta {
	flex: 1 1 180px;
	min-width: 0;
	padding-right: 18px;
}

.tlt-tpw__eyebrow,
.tlt-tpw__ticket-date,
.tlt-tpw__ticket-byline {
	display: block;
	margin: 0;
}

.tlt-tpw__eyebrow {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--tpw-cream);
	font-family: var(--tpw-display);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.13em;
	line-height: 1.1;
	text-transform: uppercase;
}

.tlt-tpw__eyebrow > span {
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	border-radius: 50%;
	background: var(--tpw-orange-hot);
	box-shadow: 0 0 11px rgba(255, 139, 69, 0.62);
}

.tlt-tpw__eyebrow::after {
	content: "";
	position: absolute;
	right: -3px;
	bottom: -7px;
	left: 18px;
	height: 3px;
	border-radius: 60% 45% 55% 40%;
	background: var(--tpw-orange);
	transform: rotate(-2deg) skewX(-14deg);
	box-shadow: 0 1px 0 rgba(255, 139, 69, 0.24);
}

.tlt-tpw__ticket-date {
	margin-top: 15px;
	color: var(--tpw-cream);
	font-family: var(--tpw-display);
	font-size: clamp(1.15rem, 1.65vw, 1.55rem);
	font-weight: 700;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.05em;
	line-height: 1.05;
	overflow-wrap: anywhere;
}

.tlt-tpw__ticket-byline {
	margin-top: 7px;
	overflow: hidden;
	color: var(--tpw-cream-soft);
	font-family: var(--tpw-mono);
	font-size: 0.69rem;
	font-weight: 700;
	letter-spacing: 0.035em;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tlt-tpw__trade {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 18px;
	min-width: 0;
}

.tlt-tpw__trade.tlt-tpw--compact {
	flex: 999 1 540px;
	grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
}

.tlt-tpw__side {
	min-width: 0;
}

.tlt-tpw__side h4 {
	margin: 0 0 9px;
	color: var(--tpw-cream-soft);
	font-family: var(--tpw-display);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.105em;
	line-height: 1.15;
	text-transform: uppercase;
}

.tlt-tpw__side.tlt-tpw--side-primary h4::before,
.tlt-tpw__side.tlt-tpw--side-other h4::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 8px 1px 0;
	border-radius: 50%;
	background: var(--tpw-orange);
	box-shadow: 0 0 9px rgba(242, 106, 27, 0.42);
}

.tlt-tpw__side.tlt-tpw--side-other h4::before {
	background: var(--tpw-context);
	box-shadow: 0 0 9px rgba(111, 167, 160, 0.36);
}

.tlt-tpw__assets {
	display: flex;
	flex-wrap: wrap;
	gap: 7px 10px;
	min-width: 0;
}

.tlt-tpw__asset {
	display: grid;
	grid-template-columns: minmax(0, auto) auto;
	gap: 7px;
	align-items: center;
	min-width: 0;
	margin: 0;
	color: var(--tpw-cream);
	font: inherit;
	text-decoration: none;
}

.tlt-tpw__asset-name {
	min-width: 0;
	overflow-wrap: anywhere;
	font-family: var(--tpw-sans);
	font-size: 0.94rem;
	font-weight: 780;
	line-height: 1.15;
}

.tlt-tpw__asset small {
	--tpw-position: var(--tpw-context);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 29px;
	min-height: 20px;
	padding: 3px 6px;
	border: 1px solid color-mix(in srgb, var(--tpw-position) 78%, white 10%);
	border-radius: 5px;
	background: color-mix(in srgb, var(--tpw-position) 22%, transparent);
	box-shadow: inset 0 0 12px color-mix(in srgb, var(--tpw-position) 9%, transparent);
	color: color-mix(in srgb, var(--tpw-position) 82%, white 18%);
	font-family: var(--tpw-sans);
	font-size: 0.58rem;
	font-weight: 900;
	letter-spacing: 0.08em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}

.tlt-tpw__asset.tlt-tpw--pos-qb small { --tpw-position: var(--tpw-qb); }
.tlt-tpw__asset.tlt-tpw--pos-rb small { --tpw-position: var(--tpw-rb); }
.tlt-tpw__asset.tlt-tpw--pos-wr small { --tpw-position: var(--tpw-wr); }
.tlt-tpw__asset.tlt-tpw--pos-te small { --tpw-position: var(--tpw-te); }
.tlt-tpw__asset.tlt-tpw--pos-k small { --tpw-position: var(--tpw-k); }
.tlt-tpw__asset.tlt-tpw--pos-dst small { --tpw-position: var(--tpw-dst); }
.tlt-tpw__asset.tlt-tpw--pos-pick small { --tpw-position: var(--tpw-pick); }
.tlt-tpw__asset.tlt-tpw--pos-context small { --tpw-position: var(--tpw-context); }

.tlt-tpw__trade-mark {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border: 1px solid rgba(242, 106, 27, 0.7);
	border-radius: 50%;
	background: rgba(242, 106, 27, 0.055);
	color: var(--tpw-orange-hot);
	font-family: var(--tpw-mono);
	font-size: 0.8rem;
	font-weight: 900;
}

.tlt-tpw__open-cue {
	flex: 0 0 58px;
	margin-left: auto;
	text-align: right;
	color: var(--tpw-orange-hot);
	font-family: var(--tpw-display);
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	white-space: nowrap;
}

.tlt-tpw__controls {
	position: relative;
	display: grid;
	flex: 0 0 232px;
	grid-template-columns: minmax(60px, 1fr) 36px 52px 36px;
	gap: 7px;
	align-items: center;
	margin-left: auto;
	padding: 15px 14px;
	border-left: 1px solid var(--tpw-line);
	background: rgba(0, 0, 0, 0.2);
}

.tlt-tpw__timing {
	align-self: center;
	min-width: 0;
}

.tlt-tpw__count {
	color: var(--tpw-muted);
	font-family: var(--tpw-mono);
	font-size: 0.7rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.06em;
	text-align: center;
}

.tlt-tpw__count > span:first-child {
	color: var(--tpw-cream);
	font-size: 0.9rem;
}

.tlt-tpw__count i {
	margin: 0 3px;
	color: rgba(244, 239, 230, 0.35);
	font-style: normal;
}

.tlt-tpw__progress {
	height: 2px;
	margin-top: 9px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(244, 239, 230, 0.12);
}

.tlt-tpw__progress > span {
	display: block;
	width: 0;
	height: 100%;
	background: linear-gradient(90deg, var(--tpw-orange), var(--tpw-orange-hot));
	transform-origin: left center;
}

.tlt-tpw.is-running .tlt-tpw__progress > span {
	animation: tlt-tpw-progress var(--tpw-interval, 30000ms) linear forwards;
}

.tlt-tpw.is-paused .tlt-tpw__progress > span {
	animation-play-state: paused;
}

.tlt-tpw .tlt-tpw__control,
.tlt-tpw .tlt-tpw__modal-close,
.tlt-tpw .tlt-tpw__card-tab,
.tlt-tpw .tlt-tpw__receipt-tab {
	appearance: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--tpw-line) !important;
	border-radius: 7px !important;
	background: rgba(244, 239, 230, 0.025) !important;
	box-shadow: none !important;
	color: var(--tpw-cream) !important;
	font-family: var(--tpw-sans) !important;
	font-size: 0.72rem !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-shadow: none !important;
	cursor: pointer !important;
}

.tlt-tpw .tlt-tpw__control {
	width: auto !important;
	height: 34px !important;
}

.tlt-tpw .tlt-tpw__pause {
	color: var(--tpw-orange-hot) !important;
}

.tlt-tpw .tlt-tpw__pause [data-tpw-pause-label] {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.tlt-tpw .tlt-tpw__control:hover,
.tlt-tpw .tlt-tpw__control:focus-visible,
.tlt-tpw .tlt-tpw__modal-close:hover,
.tlt-tpw .tlt-tpw__modal-close:focus-visible,
.tlt-tpw .tlt-tpw__card-tab:hover,
.tlt-tpw .tlt-tpw__card-tab:focus-visible,
.tlt-tpw .tlt-tpw__receipt-tab:hover,
.tlt-tpw .tlt-tpw__receipt-tab:focus-visible {
	border-color: var(--tpw-orange-hot) !important;
	background: rgba(242, 106, 27, 0.11) !important;
	color: #fff8ec !important;
	outline: 2px solid transparent !important;
	box-shadow: 0 0 0 2px rgba(255, 139, 69, 0.22) !important;
}

.tlt-tpw__live {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Full receipt reader */

.tlt-tpw__modal {
	position: fixed;
	z-index: 999990;
	inset: 0;
	display: grid;
	place-items: center;
	padding: clamp(12px, 2.4vw, 34px);
}

.tlt-tpw__modal-backdrop {
	position: absolute;
	inset: 0;
	background: rgba(2, 4, 3, 0.9);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.tlt-tpw__dialog {
	position: relative;
	z-index: 1;
	width: min(1240px, 100%);
	max-height: min(900px, calc(100dvh - 32px));
	overflow: hidden;
	border: 1px solid rgba(225, 180, 87, 0.38);
	border-radius: 16px;
	background:
		radial-gradient(circle at 100% 0, rgba(242, 106, 27, 0.08), transparent 32%),
		linear-gradient(140deg, #0d120f, #070a08 76%);
	box-shadow: var(--tpw-shadow);
	color: var(--tpw-cream);
	isolation: isolate;
	transition: width 180ms ease;
}

.tlt-tpw__dialog::before,
.tlt-tpw__dialog::after {
	content: "";
	position: absolute;
	z-index: -1;
	pointer-events: none;
}

.tlt-tpw__dialog::before {
	inset: 0;
	opacity: 0.28;
	background-image:
		repeating-linear-gradient(91deg, transparent 0 35px, rgba(255, 255, 255, 0.012) 36px 37px),
		repeating-linear-gradient(5deg, transparent 0 29px, rgba(225, 180, 87, 0.01) 30px 31px);
}

.tlt-tpw__dialog::after {
	right: 14px;
	bottom: 12px;
	width: 58px;
	height: 28px;
	border-right: 3px solid rgba(242, 106, 27, 0.72);
	border-bottom: 3px solid rgba(242, 106, 27, 0.72);
	transform: rotate(-2deg);
}

.tlt-tpw__dialog.is-card-view {
	width: min(1500px, 100%);
}

.tlt-tpw .tlt-tpw__modal-close {
	position: absolute !important;
	z-index: 8 !important;
	top: 14px !important;
	right: 15px !important;
	width: 36px !important;
	height: 36px !important;
	border-radius: 50% !important;
	background: rgba(7, 9, 8, 0.94) !important;
	font-size: 1.28rem !important;
}

.tlt-tpw__dialog-body {
	max-height: min(900px, calc(100dvh - 32px));
	overflow: auto;
	overscroll-behavior: contain;
	-webkit-overflow-scrolling: touch;
}

.tlt-tpw__modal-content,
.tlt-tpw__modal-main {
	min-width: 0;
}

.tlt-tpw__modal-header {
	display: flex;
	flex-wrap: wrap;
	gap: 9px 0;
	align-items: center;
	min-height: 64px;
	padding: 12px 68px 12px 26px;
	border-bottom: 1px solid var(--tpw-line);
	background: rgba(0, 0, 0, 0.18);
}

.tlt-tpw__modal-header p {
	display: flex;
	gap: 7px;
	align-items: baseline;
	min-width: 0;
	margin: 0;
	padding: 0 18px;
	border-left: 1px solid rgba(244, 239, 230, 0.22);
}

.tlt-tpw__modal-header p:first-child {
	padding-left: 0;
	border-left: 0;
}

.tlt-tpw__modal-header .tlt-tpw__receipt-mark {
	position: relative;
	margin-right: 3px;
}

.tlt-tpw__modal-header .tlt-tpw__receipt-mark::after {
	content: "";
	position: absolute;
	inset: -8px -12px;
	border: 2px solid var(--tpw-orange);
	border-radius: 48% 53% 46% 55%;
	transform: rotate(-5deg);
}

.tlt-tpw__modal-header .tlt-tpw__receipt-mark strong {
	color: var(--tpw-cream);
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.tlt-tpw__modal-header span {
	color: var(--tpw-muted);
	font-size: 0.61rem;
	font-weight: 850;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.tlt-tpw__modal-header strong,
.tlt-tpw__modal-header time {
	color: var(--tpw-cream);
	font-family: var(--tpw-mono);
	font-size: 0.72rem;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.035em;
}

.tlt-tpw__modal-header .tlt-tpw__header-format {
	flex: 1 1 240px;
}

.tlt-tpw__header-format strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.tlt-tpw__modal-main {
	position: relative;
}

.tlt-tpw__reader {
	position: relative;
	min-width: 0;
	padding: clamp(27px, 3.4vw, 48px);
}

.tlt-tpw--with-social-card .tlt-tpw__reader {
	padding-right: clamp(74px, 7vw, 104px);
}

.tlt-tpw__reader-heading {
	min-width: 0;
}

.tlt-tpw__modal-kicker {
	position: relative;
	display: inline-block;
	margin: 0 0 11px;
	color: var(--tpw-orange-hot);
	font-family: var(--tpw-mono);
	font-size: 0.64rem;
	font-weight: 900;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.tlt-tpw__modal-kicker::after {
	content: "";
	position: absolute;
	right: -2px;
	bottom: -6px;
	left: 0;
	height: 2px;
	background: var(--tpw-orange);
	transform: rotate(-1.5deg);
}

.tlt-tpw__reader-heading > h2 {
	max-width: 25ch;
	margin: 0;
	color: var(--tpw-cream);
	font-family: var(--tpw-display);
	font-size: clamp(2rem, 4.2vw, 4rem);
	font-weight: 700;
	line-height: 0.98;
	letter-spacing: 0.015em;
	text-wrap: balance;
}

.tlt-tpw__trade.tlt-tpw--modal-trade {
	gap: 16px;
	margin-top: clamp(25px, 3vw, 38px);
}

.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__side {
	min-width: 0;
	padding: 18px;
	border: 1px solid rgba(244, 239, 230, 0.24);
	border-radius: 10px;
	background:
		linear-gradient(145deg, rgba(7, 29, 23, 0.42), rgba(0, 0, 0, 0.17)),
		rgba(244, 239, 230, 0.018);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__side h4 {
	margin-bottom: 10px;
}

.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__assets {
	display: grid;
	gap: 0;
}

.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__asset {
	grid-template-columns: 42px minmax(0, 1fr) auto;
	gap: 11px;
	min-height: 48px;
	padding: 8px 2px;
	border-top: 1px solid rgba(244, 239, 230, 0.11);
}

.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__asset:first-child {
	border-top: 0;
}

.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__asset:not(.tlt-tpw--has-image) {
	grid-template-columns: minmax(0, 1fr) auto;
}

.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__asset img {
	display: block;
	width: 42px;
	height: 42px;
	margin: 0;
	border: 1px solid var(--tpw-line);
	border-radius: 50%;
	object-fit: cover;
}

.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__asset-name {
	font-size: clamp(0.94rem, 1.4vw, 1.1rem);
}

.tlt-tpw__filed-note {
	margin-top: 20px;
	padding: clamp(19px, 2.5vw, 28px);
	border-top: 1px solid rgba(244, 239, 230, 0.17);
	background:
		linear-gradient(90deg, rgba(242, 106, 27, 0.06), transparent 44%),
		rgba(0, 0, 0, 0.11);
}

.tlt-tpw__filed-note h3 {
	position: relative;
	display: inline-block;
	margin: 0 0 13px;
	color: var(--tpw-orange-hot);
	font-family: var(--tpw-mono);
	font-size: 0.65rem;
	font-weight: 900;
	letter-spacing: 0.17em;
	text-transform: uppercase;
}

.tlt-tpw__filed-note h3::after {
	content: "";
	position: absolute;
	right: -8px;
	bottom: -6px;
	left: 0;
	height: 2px;
	background: var(--tpw-orange);
	transform: rotate(-2deg);
}

.tlt-tpw__filed-note p {
	max-width: 78ch;
	margin: 0.9em 0 0;
	color: var(--tpw-cream-soft);
	font-family: var(--tpw-sans);
	font-size: clamp(0.93rem, 1.25vw, 1.08rem);
	line-height: 1.58;
}

.tlt-tpw__filed-note p:first-of-type {
	margin-top: 0;
}

.tlt-tpw .tlt-tpw__card-tab,
.tlt-tpw .tlt-tpw__receipt-tab {
	position: absolute !important;
	z-index: 5 !important;
	top: 50% !important;
	right: 0 !important;
	flex-direction: column !important;
	gap: 12px !important;
	width: 51px !important;
	height: 170px !important;
	border-right: 0 !important;
	border-color: rgba(242, 106, 27, 0.7) !important;
	border-radius: 9px 0 0 9px !important;
	background:
		linear-gradient(180deg, rgba(242, 106, 27, 0.09), rgba(0, 0, 0, 0.24)),
		#0b0e0c !important;
	color: var(--tpw-orange-hot) !important;
	transform: translateY(-50%) !important;
}

.tlt-tpw .tlt-tpw__card-tab span,
.tlt-tpw .tlt-tpw__receipt-tab span {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	font-family: var(--tpw-display);
	font-size: 0.78rem;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.tlt-tpw .tlt-tpw__card-tab i,
.tlt-tpw .tlt-tpw__receipt-tab i {
	font-style: normal;
}

/* Dedicated full-card state */

.tlt-tpw__card-view {
	position: relative;
	min-height: min(760px, calc(100dvh - 98px));
	padding: clamp(18px, 3vw, 38px) clamp(70px, 6vw, 98px) clamp(18px, 3vw, 38px) clamp(18px, 3vw, 38px);
	background:
		radial-gradient(circle at 50% 50%, rgba(7, 29, 23, 0.62), transparent 48%),
		rgba(0, 0, 0, 0.16);
}

.tlt-tpw__card-stage {
	display: grid;
	place-items: center;
	width: 100%;
	min-height: min(680px, calc(100dvh - 144px));
}

.tlt-tpw__card-stage .tlt-tpw__social-image {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: min(720px, calc(100dvh - 142px));
	margin: 0;
	border: 1px solid rgba(225, 180, 87, 0.46);
	border-radius: 8px;
	object-fit: contain;
	box-shadow:
		0 28px 80px rgba(0, 0, 0, 0.52),
		0 0 0 8px rgba(7, 9, 8, 0.56);
}

.tlt-tpw-empty {
	padding: 18px 20px;
	border: 1px solid rgba(244, 239, 230, 0.17);
	border-radius: 10px;
	background: #0d100f;
	color: var(--tpw-cream);
	font-family: var(--tpw-sans);
}

/* Purpose-built narrow banner */

.tlt-tpw.is-layout-vertical {
	width: min(100%, 420px);
}

.tlt-tpw.is-layout-vertical .tlt-tpw__machine {
	display: block;
}

.tlt-tpw.is-layout-vertical .tlt-tpw__ticket {
	display: block;
	min-height: 0;
	padding: 19px 19px 16px 24px;
}

.tlt-tpw.is-layout-vertical .tlt-tpw__ticket-meta {
	padding: 0 0 14px;
	border-right: 0;
	border-bottom: 1px solid var(--tpw-line);
}

.tlt-tpw.is-layout-vertical .tlt-tpw__ticket-date {
	margin-top: 15px;
	font-size: 1.42rem;
}

.tlt-tpw.is-layout-vertical .tlt-tpw__trade.tlt-tpw--compact {
	grid-template-columns: minmax(0, 1fr);
	gap: 9px;
	margin-top: 15px;
}

.tlt-tpw.is-layout-vertical .tlt-tpw__trade-mark {
	width: 25px;
	height: 25px;
	transform: rotate(90deg);
}

.tlt-tpw.is-layout-vertical .tlt-tpw__side {
	padding: 11px 12px;
	border: 1px solid rgba(244, 239, 230, 0.13);
	border-radius: 7px;
	background: rgba(255, 255, 255, 0.015);
}

.tlt-tpw.is-layout-vertical .tlt-tpw__open-cue {
	display: block;
	margin-top: 13px;
	text-align: right;
}

.tlt-tpw.is-layout-vertical .tlt-tpw__controls {
	grid-template-columns: minmax(70px, 1fr) 38px 58px 38px;
	padding: 11px 16px;
	border-top: 1px solid var(--tpw-line);
	border-left: 0;
}

@keyframes tlt-tpw-progress {
	from { width: 0; }
	to { width: 100%; }
}

/*
 * Desktop receipt fit
 *
 * Use the width of the fixed reader instead of spending half the viewport on
 * empty atmosphere. The heading and trade stay together on the left; the
 * complete take occupies the right-hand reading column. Mobile and tablet keep
 * the proven single-column, internally scrollable presentation below.
 */
@media (min-width: 901px) {
	.tlt-tpw__modal {
		padding: 16px;
	}

	.tlt-tpw__dialog {
		width: min(1560px, 100%);
		max-height: calc(100dvh - 32px);
	}

	.tlt-tpw__dialog-body {
		max-height: calc(100dvh - 32px);
		overflow: hidden;
	}

	.tlt-tpw__modal-header {
		gap: 7px 0;
		min-height: 58px;
		padding-block: 9px;
	}

	.tlt-tpw__reader,
	.tlt-tpw--with-social-card .tlt-tpw__reader {
		display: grid;
		grid-template-columns: minmax(0, 0.92fr) minmax(390px, 1.08fr);
		grid-template-rows: auto 1fr;
		gap: 18px 24px;
		align-items: start;
		min-height: min(650px, calc(100dvh - 90px));
		padding: clamp(22px, 2.2vw, 32px) clamp(76px, 5.5vw, 94px) clamp(22px, 2.2vw, 32px) clamp(24px, 2.6vw, 38px);
	}

	.tlt-tpw__reader-heading {
		grid-column: 1;
		grid-row: 1;
		align-self: end;
	}

	.tlt-tpw__reader-heading > h2 {
		max-width: 21ch;
		font-size: clamp(2rem, 3.2vw, 3.35rem);
		line-height: 0.96;
	}

	.tlt-tpw__trade.tlt-tpw--modal-trade {
		grid-column: 1;
		grid-row: 2;
		gap: 12px;
		margin-top: 0;
	}

	.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__side {
		padding: 13px 15px;
	}

	.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__side h4 {
		margin-bottom: 6px;
	}

	.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__asset {
		grid-template-columns: 34px minmax(0, 1fr) auto;
		gap: 9px;
		min-height: 39px;
		padding: 5px 1px;
	}

	.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__asset img {
		width: 34px;
		height: 34px;
	}

	.tlt-tpw__trade.tlt-tpw--modal-trade .tlt-tpw__asset-name {
		font-size: clamp(0.9rem, 1.05vw, 1rem);
	}

	.tlt-tpw__filed-note {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: stretch;
		min-width: 0;
		height: 100%;
		margin-top: 0;
		padding: clamp(18px, 2vw, 26px);
		border-top: 0;
		border-left: 1px solid rgba(244, 239, 230, 0.17);
		background:
			linear-gradient(120deg, rgba(242, 106, 27, 0.065), transparent 48%),
			rgba(0, 0, 0, 0.12);
	}

	.tlt-tpw__filed-note h3 {
		margin-bottom: 14px;
	}

	.tlt-tpw__filed-note p {
		max-width: none;
		margin-top: 0.72em;
		font-size: clamp(0.88rem, 1.05vw, 1rem);
		line-height: 1.48;
	}
}

@media (max-width: 900px) {
	.tlt-tpw__machine {
		display: block;
	}

	.tlt-tpw__ticket {
		gap: 13px;
	}

	.tlt-tpw__controls {
		grid-template-columns: minmax(74px, 1fr) 38px 58px 38px;
		padding: 10px 16px;
		border-top: 1px solid var(--tpw-line);
		border-left: 0;
	}

	.tlt-tpw__modal-header .tlt-tpw__header-format {
		flex-basis: 100%;
		padding-left: 0;
		border-left: 0;
	}
}

@media (max-width: 700px) {
	.tlt-tpw__ticket {
		display: block;
		min-height: 0;
		padding: 15px 16px 13px 21px;
	}

	.tlt-tpw__ticket-meta {
		padding: 0 0 12px;
		border-right: 0;
		border-bottom: 1px solid var(--tpw-line);
	}

	.tlt-tpw__ticket-date {
		margin-top: 14px;
		font-size: 1.3rem;
	}

	.tlt-tpw__ticket-byline {
		margin-top: 5px;
	}

	.tlt-tpw__trade.tlt-tpw--compact {
		grid-template-columns: minmax(0, 1fr);
		gap: 8px;
		margin-top: 11px;
	}

	.tlt-tpw__trade-mark {
		width: 23px;
		height: 23px;
		transform: rotate(90deg);
	}

	.tlt-tpw__side {
		padding: 8px 10px;
		border: 1px solid rgba(244, 239, 230, 0.12);
		border-radius: 7px;
		background: rgba(255, 255, 255, 0.015);
	}

	.tlt-tpw__side h4 {
		margin-bottom: 7px;
	}

	.tlt-tpw__open-cue {
		display: block;
		margin-top: 11px;
		text-align: right;
	}

	.tlt-tpw__modal {
		padding: 8px;
	}

	.tlt-tpw__dialog,
	.tlt-tpw__dialog-body {
		max-height: calc(100dvh - 16px);
	}

	.tlt-tpw__modal-header {
		gap: 8px 0;
		padding: 16px 54px 14px 17px;
	}

	.tlt-tpw__modal-header p {
		padding: 0 10px;
	}

	.tlt-tpw__modal-header .tlt-tpw__receipt-mark {
		flex: 0 0 auto;
		margin: 0 6px 5px 10px;
	}

	.tlt-tpw__modal-header .tlt-tpw__receipt-mark::after {
		inset: -6px -10px;
	}

	.tlt-tpw__modal-header .tlt-tpw__receipt-mark + p {
		padding-left: 0;
		border-left: 0;
	}

	.tlt-tpw__reader,
	.tlt-tpw--with-social-card .tlt-tpw__reader {
		padding: 25px 18px 18px;
	}

	.tlt-tpw__reader-heading > h2 {
		font-size: clamp(1.9rem, 10vw, 2.75rem);
	}

	.tlt-tpw__trade.tlt-tpw--modal-trade {
		grid-template-columns: minmax(0, 1fr);
		gap: 11px;
	}

	.tlt-tpw__filed-note {
		padding: 19px 16px;
	}

	.tlt-tpw .tlt-tpw__card-tab,
	.tlt-tpw .tlt-tpw__receipt-tab {
		position: sticky !important;
		z-index: 6 !important;
		right: auto !important;
		bottom: 0 !important;
		top: auto !important;
		flex-direction: row !important;
		gap: 9px !important;
		width: 100% !important;
		height: 48px !important;
		margin-top: 16px !important;
		border-right: 1px solid rgba(242, 106, 27, 0.7) !important;
		border-radius: 8px !important;
		transform: none !important;
	}

	.tlt-tpw .tlt-tpw__card-tab span,
	.tlt-tpw .tlt-tpw__receipt-tab span {
		writing-mode: horizontal-tb;
		transform: none;
	}

	.tlt-tpw__card-view {
		min-height: 0;
		padding: 18px 14px;
	}

	.tlt-tpw__card-stage {
		min-height: 0;
	}

	.tlt-tpw__card-stage .tlt-tpw__social-image {
		max-height: none;
		box-shadow: 0 18px 48px rgba(0, 0, 0, 0.46);
	}
}

@media (max-width: 390px) {
	.tlt-tpw__controls {
		grid-template-columns: minmax(64px, 1fr) 34px 52px 34px;
		gap: 6px;
		padding-inline: 12px;
	}

	.tlt-tpw__asset-name {
		font-size: 0.9rem;
	}

	.tlt-tpw__modal-header p {
		padding-inline: 8px;
	}

	.tlt-tpw__modal-header strong,
	.tlt-tpw__modal-header time {
		font-size: 0.68rem;
	}
}

@supports not (color: color-mix(in srgb, black, white)) {
	.tlt-tpw__asset small {
		border-color: rgba(111, 167, 160, 0.62);
		background: rgba(111, 167, 160, 0.15);
		color: #b9d8d4;
	}

	.tlt-tpw__asset.tlt-tpw--pos-qb small { border-color: #ef2f8f; color: #f6a4cc; }
	.tlt-tpw__asset.tlt-tpw--pos-rb small { border-color: #4d9c65; color: #a9d4b5; }
	.tlt-tpw__asset.tlt-tpw--pos-wr small { border-color: #44a5ee; color: #a8d7fa; }
	.tlt-tpw__asset.tlt-tpw--pos-te small { border-color: #f2b313; color: #f8d979; }
	.tlt-tpw__asset.tlt-tpw--pos-k small { border-color: #8d5aa2; color: #c9aadd; }
	.tlt-tpw__asset.tlt-tpw--pos-dst small { border-color: #60666a; color: #bec2c4; }
	.tlt-tpw__asset.tlt-tpw--pos-pick small { border-color: #888b90; color: #c4c5c7; }
}

@media (prefers-reduced-motion: reduce) {
	.tlt-tpw,
	.tlt-tpw *,
	.tlt-tpw *::before,
	.tlt-tpw *::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}