/**
 * UNIX System V Green Phosphor Theme
 */

/* Fonts loaded via HTML <link> tags */

:root {
  --term-green: #33FF33;
  --term-dim-green: #22AA22;
  --term-dark-green: #115511;
  --term-amber: #FFAA00;
  --term-black: #0a0a0a;
  --term-dark: #111111;
}

body {
  font-family: 'VT323', 'Courier New', monospace;
  font-size: 18px;
  line-height: 1.3;
}

/* ==========================================
   UNIX: Fullscreen green phosphor terminal
   ========================================== */
.terminal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: var(--term-black);
  color: var(--term-green);
  padding: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: inset 0 0 100px rgba(51, 255, 51, 0.03);
  text-shadow: 0 0 5px var(--term-dim-green);
}

/* ==========================================
   TERMINAL CONTENT
   ========================================== */
.output {
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word;
}

.prompt-line {
  /* Appears naturally after output content */
}

.prompt {
  color: var(--term-green);
}

#command-input {
  color: var(--term-green);
}

.cursor {
  width: 10px;
  height: 18px;
  background: var(--term-green);
  animation-duration: 0.5s;
  box-shadow: 0 0 8px var(--term-green);
}

/* Colors */
.color-green { color: var(--term-green); }
.color-amber { color: var(--term-amber); }
.color-dim { color: var(--term-dim-green); }

/* Scrollbar */
.terminal::-webkit-scrollbar {
  width: 8px;
}

.terminal::-webkit-scrollbar-track {
  background: var(--term-dark);
}

.terminal::-webkit-scrollbar-thumb {
  background: var(--term-dim-green);
}

/* ==========================================
   RESPONSIVE
   ========================================== */
@media (max-width: 600px) {
  body {
    font-size: 16px;
  }
}

@media (max-width: 500px) {
  body { font-size: 14px; }
  .terminal { padding: 12px; }
}

@media (max-width: 380px) {
  body { font-size: 12px; }
  .terminal { padding: 10px; }
}