/* Dark horror-inspired stylesheet for ANGST */
:root{
	--bg:#050406;
	--accent:#8b0000;
	--muted:#a8a8a8;
}

.review-body p {
  white-space: normal;            /* allow automatic wrapping */
  overflow-wrap: anywhere;       /* break very long words/URLs if needed */
  word-break: break-word;        /* fallback for some browsers */
  line-height: 1.6;
  max-width: 65ch;               /* optional: limit line length for readability */
  margin: 0 auto;
}

html,body{
	height:100%;
	margin:0;
	padding:0;
	background:
		radial-gradient( circle at 10% 10%, rgba(139,0,0,0.03), transparent 8% ),
		linear-gradient(180deg, #0b0a0b 0%, #050406 60%);
	color:#e9e6e2;
	font-family: Georgia, 'Times New Roman', serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

body{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	padding:4rem;
	position:relative;
	overflow:hidden;
}

/* Subtle vignette and grain */
body::after{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	box-shadow: inset 0 0 120px rgba(0,0,0,0.85);
}

@keyframes flicker{
	0%{opacity:1}
	20%{opacity:0.96}
	21%{opacity:1}
	60%{opacity:0.97}
	100%{opacity:1}
}

h1{
	font-family: 'UnifrakturCook', Georgia, 'Times New Roman', serif;
	font-weight:700;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-size:4rem;
	margin:0 0 1rem 0;
	color:#fff;
	letter-spacing:0.12em;
	text-transform:uppercase;
	text-shadow: 0 6px 18px rgba(0,0,0,0.8), 0 0 18px rgba(139,0,0,0.06);
	animation: flicker 3.5s infinite;
}

ul{
	list-style:none;
	padding:0;
	margin:1rem 0 0 0;
	display:inline-block;
	text-align:left;
}

ul li{
	margin:0.5rem 0;
	padding:10px 16px;
	width:300px;
	background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.05));
	border:1px solid rgba(255,255,255,0.03);
	box-shadow: 0 8px 24px rgba(0,0,0,0.6);
	transition: transform .18s ease, box-shadow .18s ease;
}

ul li:hover{
	transform: translateX(8px) rotate(-1deg);
	box-shadow: 0 18px 40px rgba(0,0,0,0.75);
}

a{
	color:var(--muted);
	text-decoration:none;
	display:block;
	font-weight:700;
	font-family: Georgia, 'Times New Roman', serif;
}

a:hover{
	color:var(--accent);
	text-shadow: 0 0 10px rgba(139,0,0,0.4);
}

/* little blood drop indicator */
ul li a::after{
	content:"";
	display:inline-block;
	width:8px;
	height:8px;
	background:var(--accent);
	border-radius:50%;
	margin-left:10px;
	opacity:0; transform:translateY(-6px);
	transition:opacity .18s ease, transform .18s ease;
}

ul li:hover a::after{opacity:1; transform:translateY(0)}

@media (max-width:640px){
	h1{font-size:2rem}
	ul li{width:100%}
	body{padding:2rem}
}

/* Accessibility: focus outline for keyboard users */
a:focus{outline:2px dashed var(--accent); outline-offset:3px}