/* DARK UNDERRUN — DAJAI PLAY reskin. Loaded AFTER the game's own inline styles. */
:root{
	--dark-bg:#06060a;
	--dark-surface:#0c0c12;
	--dark-accent:#E0264A;
	--dark-gold:#e8c87a;
	--dark-border:#1a1a24;
	--dark-mono:var(--font-space-mono, "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace);
}

html,body{
	margin:0;
	height:100%;
	background:var(--dark-bg);
	font-family:var(--dark-mono);
	overscroll-behavior:none;
}

/* Center the canvas on a dark stage with a subtle red/gold vignette */
body{
	display:flex;
	align-items:center;
	justify-content:center;
	background:
		radial-gradient(120% 90% at 50% 0%, rgba(224,38,74,0.10), transparent 60%),
		radial-gradient(140% 120% at 50% 110%, rgba(232,200,122,0.06), transparent 55%),
		var(--dark-bg);
	-webkit-user-select:none;
	user-select:none;
	-webkit-touch-callout:none;
	touch-action:none;
}

/* The game canvas */
#c{
	display:block;
	width:100%;
	max-width:min(100vw, 177.78vh); /* keep 16:9, never overflow */
	image-rendering:optimizeSpeed;
	image-rendering:pixelated;
	background:#000;
	border:1px solid var(--dark-border);
	box-shadow:
		0 0 0 1px rgba(232,200,122,0.10),
		0 0 60px rgba(224,38,74,0.18),
		0 24px 80px rgba(0,0,0,0.8);
}

/* The terminal / intro / outro text overlay (id="a") — DARK gold-on-black CRT */
#a{
	color:var(--dark-gold) !important;
	text-shadow:0 0 7px rgba(224,38,74,0.65) !important;
	font-family:var(--dark-mono) !important;
	letter-spacing:0.02em;
}
#a div:last-child{color:var(--dark-accent) !important;}
#a b{color:var(--dark-accent) !important;}

/* Cursor stays as the game's pixel reticle on desktop */

/* ---- Touch controls (hidden on non-touch via JS) ---- */
#touch-ui{
	position:fixed;
	inset:0;
	pointer-events:none;
	z-index:50;
	display:none;
}
#touch-ui.on{display:block;}
.tpad{
	position:absolute;
	bottom:max(18px, env(safe-area-inset-bottom));
	width:34vw;
	max-width:160px;
	height:34vw;
	max-height:160px;
	border-radius:50%;
	border:1px solid var(--dark-border);
	background:rgba(12,12,18,0.45);
	pointer-events:auto;
	touch-action:none;
}
.tpad.left{left:max(14px, env(safe-area-inset-left));}
.tpad.right{
	right:max(14px, env(safe-area-inset-right));
	border-color:rgba(224,38,74,0.45);
	box-shadow:0 0 24px rgba(224,38,74,0.25);
}
.tnub{
	position:absolute;
	left:50%;top:50%;
	width:38%;height:38%;
	margin:-19% 0 0 -19%;
	border-radius:50%;
	background:var(--dark-gold);
	box-shadow:0 0 16px rgba(232,200,122,0.6);
	transition:background .1s;
}
.tpad.right .tnub{background:var(--dark-accent);box-shadow:0 0 16px rgba(224,38,74,0.7);}
.tlabel{
	position:absolute;
	left:0;right:0;bottom:-22px;
	text-align:center;
	font:600 11px/1 var(--dark-mono);
	color:var(--dark-border);
	letter-spacing:.18em;
}
.tpad.right .tlabel{color:rgba(224,38,74,0.55);}