/* 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);}

/* ---- DAJAI PLAY polish: HUD ---- */
#hud{
	position:fixed;
	top:0;left:0;right:0;
	z-index:60;
	display:none;
	align-items:flex-start;
	justify-content:space-between;
	padding:max(10px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left));
	pointer-events:none;
	font-family:var(--dark-mono);
}
#hud.on{display:flex;}
#hud-stats{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	font-size:clamp(9px, 2.6vw, 13px);
	letter-spacing:.14em;
	font-weight:700;
	text-shadow:0 0 8px rgba(0,0,0,0.9);
}
#hud-level{color:var(--dark-gold);}
#hud-cpu{color:#dfe3ee;}
#hud-best{color:var(--dark-accent);}
#hud-stats span{
	background:rgba(6,6,10,0.42);
	border:1px solid var(--dark-border);
	border-radius:6px;
	padding:4px 8px;
	white-space:nowrap;
}
#hud-mute{
	pointer-events:auto;
	cursor:pointer;
	font-size:clamp(16px, 5vw, 22px);
	line-height:1;
	width:clamp(36px,10vw,46px);
	height:clamp(36px,10vw,46px);
	display:flex;align-items:center;justify-content:center;
	background:rgba(6,6,10,0.55);
	border:1px solid var(--dark-border);
	border-radius:50%;
	color:#fff;
	box-shadow:0 0 18px rgba(0,0,0,0.6);
	transition:transform .08s, border-color .15s;
	-webkit-tap-highlight-color:transparent;
}
#hud-mute:hover{border-color:rgba(232,200,122,0.5);}
#hud-mute:active{transform:scale(0.9);}
#hud-mute.muted{border-color:rgba(224,38,74,0.55);color:#8a8a96;}

/* ---- DAJAI PLAY polish: full-screen damage flash ---- */
#hit-flash{
	position:fixed;
	inset:0;
	z-index:55;
	pointer-events:none;
	opacity:0;
	background:radial-gradient(120% 120% at 50% 50%, transparent 35%, rgba(224,38,74,0.55) 100%);
	transition:opacity .35s ease-out;
}
#hit-flash.flash{opacity:1;transition:opacity .05s;}
#hit-flash.death{
	background:radial-gradient(120% 120% at 50% 50%, rgba(224,38,74,0.25) 0%, rgba(224,38,74,0.7) 100%);
}