:root{
  --amber:#ffb000;
  --amber-dim:rgba(255,176,0,0.22);
  --bg-dark:#050505;
  --system-red:#ff003c;

  --font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  --font-title: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

html, body{
  margin:0;
  min-height:100%;
  background:var(--bg-dark);
  color:#e2e2e2;
  font-family:var(--font-body);
  line-height:1.85;
  overflow-x:hidden;
}

body{
  padding-bottom: 72px;
}

#hud{
  position:fixed; top:0; left:0; width:100%;
  z-index:99999;
  padding:12px 14px;
  box-sizing:border-box;
  background:linear-gradient(to bottom, rgba(0,0,0,.95), rgba(0,0,0,.40));
  border-bottom:1px solid var(--amber-dim);
  backdrop-filter:blur(10px);
  font-size:.75rem;
  letter-spacing:2px;
  text-transform:uppercase;
}
#hud .line{display:flex; gap:15px; opacity:.9; margin-bottom:4px;}
#hud .label{color:var(--amber); font-weight:800;}

.container{
  max-width:800px;
  margin:0 auto;
  padding:140px 26px;
  box-sizing:border-box;
}

h1{
  font-family: var(--font-title);
  text-transform: uppercase;
  color: var(--amber);
  margin: 0 0 40px 0;
  text-shadow: 0 0 20px rgba(255,176,0,0.3);
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-align: center;
  line-height: 1.02;
  font-size: 3.5rem;
  letter-spacing: 0.28em;
}

.system-block{
  margin:25px 0;
  padding:20px;
  border-left:4px solid var(--amber);
  background:rgba(255,176,0,0.03);
  font-family:var(--font-mono);
  font-size:0.9rem;
  letter-spacing:1px;
}
.system-line{font-weight:700; color:var(--amber); display:block; margin-bottom:5px;}

/* --- AFFECT: THE SUBSTRATUM (Marcus) --- */
.setting-substratum {
  background-color: #0a0c0a;
  --accent: #4ade80; /* Ghostly Green */
  background-image: 
    linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%),
    linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  background-size: 100% 2px, 3px 100%; /* Scanline effect */
}

/* --- AFFECT: THE GARDEN (Architect) --- */
.setting-garden {
  background-color: #0d001a;
  --accent: #d4af37; /* Imperial Gold */
  box-shadow: inset 0 0 100px rgba(212, 175, 55, 0.1);
}

/* --- AFFECT: THE ARENA (Maintenance) --- */
.setting-arena {
  background-color: #050505;
  --accent: #ff003c; /* Redline Alert */
  filter: contrast(1.2) brightness(0.8);
}

/* --- POV TYPOGRAPHY --- */
.pov-sarah .text { font-family: 'Inter', sans-serif; font-weight: 300; }
.pov-marcus .text { font-family: 'JetBrains Mono', monospace; font-size: 0.95rem; }
.pov-architect .text { font-family: 'Playfair Display', serif; font-style: italic; letter-spacing: 0.5px; }
.pov-ray .text { font-family: 'Courier New', monospace; text-transform: uppercase; letter-spacing: 2px; }

/* --- HEARTBEAT ANIMATION --- */
@keyframes pulse {
  0% { opacity: 0.4; text-shadow: 0 0 0px var(--accent); }
  50% { opacity: 1; text-shadow: 0 0 15px var(--accent); }
  100% { opacity: 0.4; text-shadow: 0 0 0px var(--accent); }
}
.beat { animation: pulse 1s infinite; color: var(--accent); }

.maroon-footer{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}

.maroon-home{
  text-decoration:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap: 6px;
  opacity: .88;
}

.maroon-home:hover{
  opacity: 1;
}

.maroon-mark{
  font-weight: 900;
  letter-spacing: 6px;
  text-transform: uppercase;
  font-size: 0.95rem;         /* small logo */
  line-height: 1;
}

.maroon-sub{
  font-size: .7rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  opacity: .65;
}