@import url("https://thebalafiles.com/css/ticker.css");
@import url("https://thebalafiles.com/css/caseFile.css");
@import url("https://thebalafiles.com/css/caseIndex.css");
@import url("https://thebalafiles.com/css/dossier.css");
@import url("https://thebalafiles.com/css/glowStamp.css");
@import url("https://thebalafiles.com/css/index.css");
@import url("https://thebalafiles.com/css/publicSafety.css");
@import url("https://thebalafiles.com/css/terminals.css");
@import url("https://thebalafiles.com/css/terminalLog.css");
@import url("https://thebalafiles.com/css/tables.css");
@import url("https://thebalafiles.com/css/systemStatus.css");
@import url("https://thebalafiles.com/css/zoneMap.css");
@import url("https://thebalafiles.com/css/sideNav.css");
@import url("https://thebalafiles.com/css/header.css");

body {
  background-color: #000000;
  color: #e0e0ff;
  font-family: 'Share Tech Mono', 'Courier New', monospace;
  padding: 2em;
  margin: 0;
  text-align: center;
  text-shadow: 0 0 2px #33ffff;
  overflow-x: hidden;
}

body.tilt-glitch-active {
  transform: rotate(var(--tilt-rotation)) translateX(var(--tilt-offset));
  transition: transform 0.1s ease-out;
}

h1, h2, h3 {
  font-family: 'Share Tech Mono', monospace;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #c150ff;
  text-shadow:
    0 0 2px #c150ff,
    0 0 4px #c150ff,
    0 0 6px #c150ff,
    0 0 10px #00ffff,
    0 0 16px #00ffff;
  margin-bottom: 1em;
}

h1 { font-size: 3em; }
h2 { font-size: 2.2em; }
h3 { font-size: 1.6em; }

p {
  font-size: 1.2em;
  color: #33ffff;
  text-shadow: 0 0 4px #33ffff;
  margin-bottom: 2em;
  line-height: 1.6em;
}

a {
  font-family: 'Share Tech Mono', 'Courier New', monospace;
  color: #33ffff;
  text-decoration: none;
  text-shadow: 0 0 6px #33ffff;
  transition: color 0.3s ease, box-shadow 0.3s ease;
}

a:active {
  background-color: #c150ff;
  color: #ffffff;
  box-shadow: 0 0 14px #c150ffaa;
  transform: scale(0.98);
}

a:visited {
  color: #33ffff;
  background-color: transparent;
  border: 2px solid #33ffff;
  box-shadow: none;
}

a:hover {
  background-color: #c150ff;
  color: #ffffff;
  border-color: #33ffff;
  text-shadow: 0 0 8px #ffffff;
  box-shadow: 0 0 12px #c150ff;
  transform: scale(1.05);
}

.section-header {
  font-size: 2em;
  margin-top: 5em;
  margin-bottom: 1em;
  color: #c150ff;
  text-shadow: 0 0 8px #c150ff, 0 0 16px #9b40e0;
}

.section-label {
  color: #ccccff;
  font-size: 0.9em;
  margin-top: 2em;
  margin-bottom: 1em;
  letter-spacing: 0.1em;
  text-shadow: 0 0 4px #9b40e0;
  font-style: italic;
}

.neon-line {
  border: none;
  height: 3px;
  margin: 2em auto;
  width: 90%;
  background: linear-gradient(90deg, #ff69b4, #ff00ff, #ff69b4);
  box-shadow: 0 0 8px #ff69b4, 0 0 16px #ff00ff, 0 0 24px #ff69b4;
}

.button-grid {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.8em;
  margin-top: 2em;
  margin-bottom: 4em;
  transition: transform 0.3s ease;
}

.small-button {
  background-color: #111;
  border: 1px solid #ff66cc;
  border-radius: 0;
  color: #ff66cc;
  font-family: 'Share Tech Mono', monospace;
  text-shadow: 0 0 4px #ff66cc88;
  padding: 0.7em 1em;
  display: inline-block;
  transition: all 0.2s ease;
}

.small-button:hover {
  background-color: #ff66cc10;
  transform: scale(1.05) rotate(-0.5deg);
  box-shadow: 0 0 8px #ff66cc66;
}

.small-button:active {
  background-color: #c150ff;
  color: #ffffff;
  transform: scale(0.97);
}

.small-button:focus {
  outline: none;
  box-shadow: 0 0 12px #33ffff80, 0 0 24px #33ffff40;
}

.monster-title-button {
  color: #ff66cc; 
  font-weight: bold;
}

@keyframes pulseGlow {
  0% { box-shadow: 0 0 6px #33ffff40; }
  50% { box-shadow: 0 0 12px #33ffff80; }
  100% { box-shadow: 0 0 6px #33ffff40; }
}

footer {
  margin-top: 6em;
  font-size: 0.9em;
  font-style: italic;
  text-align: center;
  background-color: transparent;
}

footer p {
  color: #ccccff;
  text-shadow: 0 0 6px #9b40e0;
  margin: 0.5em 0;
  font-family: 'Share Tech Mono', monospace;
}

.footer-warning {
  color: #00ffff;
  text-shadow: 0 0 4px #00ffff, 0 0 8px #33ffff;
  opacity: 0.7;
}

.footer-line-pink {
  color: #ff69b4;
  text-shadow: 0 0 4px #ff69b4;
}

.footer-line-teal {
  color: #33ffff;
  text-shadow: 0 0 4px #33ffff;
}