/*
 * dbi services · Neve Child Theme
 * eggs/status/eggs-status.css — the egg hunt's status line
 * (eggs/status/eggs-status.php, eggs/status/eggs-status.js,
 * enhancements #51).
 *
 * The register of the emergency console, shrunk to a chip: near-black
 * glass, phosphor green mono text, a blinking cursor. The card above
 * it is the same glass with one row per egg; found rows bright,
 * locked rows dim, the brand teal on the prompt and the buttons.
 * Both sit under the eggs' own toasts and bars (z 2147481990+), so a
 * playing egg always wins the corner.
 *
 * Under prefers-reduced-motion nothing blinks or slides.
 *
 * Removing eggs-status.php's require in eggs/eggs.php unloads this file.
 */

.dbi-eggs-chip,
.dbi-eggs-card {
	--eggs-ink:  #7dff8f;
	--eggs-dim:  #93ab98;
	--eggs-soft: #c6e2ca;
	--eggs-glass: #0a0d0b;
	--eggs-line: rgba( 125, 255, 143, .32 );
	position: fixed;
	left: 20px;
	background: var( --eggs-glass );
	color: var( --eggs-ink );
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
	border: 1px solid var( --eggs-line );
	box-shadow: 0 10px 28px rgba( 0, 0, 0, .28 );
	text-shadow: 0 0 2px rgba( 125, 255, 143, .35 );
}

/* ── Chip ───────────────────────────────────────────────── */

.dbi-eggs-chip {
	bottom: 20px;
	z-index: 2147481900;
	margin: 0;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 13px;
	line-height: 1;
	letter-spacing: .02em;
	cursor: pointer;
	-webkit-user-select: none;
	user-select: none;
	transform: translateY( 12px );
	opacity: 0;
	transition: transform var( --t, 240ms ) var( --ease, ease ), opacity var( --t, 240ms ) var( --ease, ease ), border-color var( --t, 240ms ) var( --ease, ease );
}
.dbi-eggs-chip.is-in {
	transform: none;
	opacity: 1;
}
.dbi-eggs-chip:hover,
.dbi-eggs-chip[aria-expanded="true"] {
	border-color: var( --eggs-ink );
}
.dbi-eggs-chip:focus-visible,
.dbi-eggs-btn:focus-visible,
.dbi-eggs-card:focus-visible {
	outline: 2px solid var( --teal, #00AAA0 );
	outline-offset: 2px;
}
.dbi-eggs-chip.is-bump {
	animation: dbi-eggs-bump .6s var( --ease, ease );
}
@keyframes dbi-eggs-bump {
	30% { transform: translateY( -4px ) scale( 1.04 ); }
}
.dbi-eggs-cursor {
	display: inline-block;
	margin-left: 1px;
	animation: dbi-eggs-blink 1.1s steps( 2, end ) infinite;
}
@keyframes dbi-eggs-blink {
	to { opacity: 0; }
}

/* ── Card ───────────────────────────────────────────────── */

.dbi-eggs-card {
	bottom: 60px;
	z-index: 2147481901;
	width: min( 460px, calc( 100vw - 40px ) );
	max-height: calc( 100vh - 80px );
	overflow: auto;
	padding: 14px 16px 12px;
	border-radius: 8px;
	font-size: 13px;
	line-height: 1.6;
	outline-offset: 0;
	transform: translateY( 8px );
	opacity: 0;
	transition: transform var( --t, 240ms ) var( --ease, ease ), opacity var( --t, 240ms ) var( --ease, ease );
}
.dbi-eggs-card.is-in {
	transform: none;
	opacity: 1;
}
.dbi-eggs-cmd {
	color: var( --eggs-soft );
}
.dbi-eggs-cmd::first-letter {
	color: var( --teal, #00AAA0 );
}
.dbi-eggs-rows {
	list-style: none;
	margin: 8px 0 10px;
	padding: 0;
}
.dbi-eggs-rows li {
	display: grid;
	grid-template-columns: 3ch 8ch 9ch minmax( 0, 1fr );
	column-gap: 1ch;
	margin: 0;
	padding: 0;
}
.dbi-eggs-rows li.is-locked {
	color: var( --eggs-dim );
	text-shadow: none;
}
.dbi-eggs-rows li.is-found .dbi-eggs-hint {
	color: var( --eggs-soft );
}
.dbi-eggs-rows li.is-bonus {
	margin-top: 6px;
}
.dbi-eggs-hint {
	overflow-wrap: anywhere;
}
.dbi-eggs-foot {
	margin: 0 0 10px;
	color: var( --eggs-soft );
}
.dbi-eggs-actions {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}
.dbi-eggs-btn {
	margin: 0;
	padding: 3px 9px;
	border: 1px solid var( --eggs-line );
	border-radius: 4px;
	background: transparent;
	color: var( --teal, #00AAA0 );
	font: inherit;
	line-height: 1.4;
	cursor: pointer;
	text-shadow: none;
}
.dbi-eggs-btn:hover {
	border-color: var( --teal, #00AAA0 );
}
.dbi-eggs-play {
	padding: 0 7px;
	line-height: 1.3;
}

@media ( max-width: 480px ) {
	.dbi-eggs-rows li {
		grid-template-columns: 3ch 8ch minmax( 0, 1fr );
	}
	.dbi-eggs-rows li .dbi-eggs-hint {
		grid-column: 2 / -1;
	}
	.dbi-eggs-rows li.is-locked .dbi-eggs-hint:empty {
		display: none;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.dbi-eggs-chip,
	.dbi-eggs-card,
	.dbi-eggs-cursor {
		animation: none !important;
		transition: none !important;
	}
}