/* ============================================
   exp-001: signal
   Interactive particle field experiment
   ============================================ */

:root {
  --bg: #0a0a0a;
  --accent: #00b5e2;
  --font: "Space Mono", "JetBrains Mono", monospace;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--font);
  background-color: var(--bg);
  color: var(--accent);
  min-height: 100vh;
  overflow: hidden;
}

/* ============================================
   CANVAS
   ============================================ */
canvas {
  display: block;
  width: 100vw;
  height: 100vh;
}

/* ============================================
   INFO OVERLAY
   ============================================ */
.info {
  position: fixed;
  top: 24px;
  left: 24px;
  font-size: 12px;
  z-index: 10;
}

.info a {
  color: var(--accent);
  text-decoration: none;
  transition: opacity 0.2s;
}

.info a:hover {
  opacity: 0.7;
}

.title {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 8px;
}

/* ============================================
   BACK LINK
   ============================================ */
.back {
  position: fixed;
  bottom: 24px;
  left: 24px;
  font-size: 12px;
}

.back a {
  color: var(--accent);
  text-decoration: none;
  transition: opacity 0.2s;
}

.back a:hover {
  opacity: 0.7;
}