/* Pressure PWA install prompt.
   Brand: ground #0B0B0B, red #E60101. Sits above page content but deliberately
   below age-verification and consent overlays, which own the screen outright. */

.pd-inst-bar,
.pd-inst-sheet {
	position: fixed;
	z-index: 9990;
	box-sizing: border-box;
	font-family: Archivo, Klim, "Helvetica Neue", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* ---------------------------------------------------------------- the bar */

.pd-inst-bar {
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 11px 14px;
	padding-bottom: calc(11px + env(safe-area-inset-bottom, 0px));
	background: #E60101;
	animation: pd-inst-rise .28s ease-out both;
}

.pd-inst-bar-text {
	flex-grow: 1;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
	color: #fff;
}

.pd-inst-bar-cta {
	flex-shrink: 0;
	min-height: 44px;
	padding: 0 16px;
	border: 0;
	border-radius: 8px;
	background: #fff;
	color: #0B0B0B;
	font: inherit;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.pd-inst-bar .pd-inst-tile { background: #0B0B0B; }
.pd-inst-bar .pd-inst-x { color: #fff; }

/* -------------------------------------------------------------- the sheet */

.pd-inst-sheet {
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 18px;
	padding-bottom: calc(22px + env(safe-area-inset-bottom, 0px));
	background: #121212;
	border-top: 1px solid #262626;
	border-radius: 20px 20px 0 0;
	box-shadow: 0 -18px 40px rgba(0, 0, 0, .55);
	animation: pd-inst-rise .3s ease-out both;
}

.pd-inst-head {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.pd-inst-copy {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.pd-inst-title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
	color: #fff;
}

.pd-inst-sub {
	font-size: 13px;
	line-height: 1.45;
	color: #9a9a9a;
}

.pd-inst-row {
	display: flex;
	gap: 10px;
}

.pd-inst-primary {
	flex-grow: 1;
	min-height: 50px;
	border: 0;
	border-radius: 12px;
	background: #E60101;
	color: #fff;
	font: inherit;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
}

.pd-inst-secondary {
	flex-shrink: 0;
	min-width: 108px;
	min-height: 50px;
	border: 1px solid #2e2e2e;
	border-radius: 12px;
	background: transparent;
	color: #9a9a9a;
	font: inherit;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
}

/* ---------------------------------------------------------- shared pieces */

.pd-inst-tile {
	flex-shrink: 0;
	border-radius: 13px;
	background: #E60101;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pd-inst-bar .pd-inst-tile { border-radius: 8px; }

.pd-inst-tile img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.pd-inst-x {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	margin: -7px -7px -7px 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #6b6b6b;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ----------------------------------------------------------- iOS  steps */

.pd-inst-steps {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.pd-inst-step {
	display: flex;
	gap: 13px;
	align-items: center;
	padding: 13px 14px;
	border-radius: 12px;
	background: #191919;
	border: 1px solid #242424;
}

.pd-inst-num {
	width: 21px;
	flex-shrink: 0;
	font-size: 14px;
	font-weight: 700;
	color: #E60101;
}

.pd-inst-steptext {
	flex-grow: 1;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
	color: #d9d9d9;
}

.pd-inst-glyph {
	flex-shrink: 0;
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	border-radius: 9px;
	background: #0B0B0B;
	color: #d9d9d9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pd-inst-glyph.is-share { color: #4da3ff; }

.pd-inst-addword {
	font-size: 13px;
	font-weight: 600;
	color: #4da3ff;
}

/* ------------------------------------------------------------------ misc */

@keyframes pd-inst-rise {
	from { transform: translateY(100%); }
	to   { transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.pd-inst-bar,
	.pd-inst-sheet { animation: none; }
}

/* Never render inside the installed app. Belt and braces: the script returns
   early in standalone, and this makes a stale cached script harmless too. */
@media (display-mode: standalone), (display-mode: fullscreen), (display-mode: minimal-ui) {
	.pd-inst-bar,
	.pd-inst-sheet { display: none !important; }
}