:root {
  --oric-orange: #F08000;
  --oric-amber: #ffab40;
  --bg-0: #0a0806;
  --bg-1: #14100a;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: 'JetBrains Mono', monospace;
  background:
    radial-gradient(circle at 50% -10%, rgba(240,128,0,0.10), transparent 55%),
    linear-gradient(160deg, var(--bg-1), var(--bg-0));
  background-attachment: fixed;
  color: #ffd9a0;
  min-height: 100vh;
}

/* Title in a chunky pixel-ish display font */
.oric-title {
  font-family: 'VT323', monospace;
  letter-spacing: 0.15em;
  color: var(--oric-orange);
  text-shadow:
    0 0 8px rgba(240,128,0,0.6),
    0 0 24px rgba(240,128,0,0.3);
  font-weight: 400;
  line-height: 1;
}

/* CRT monitor frame */
.crt-frame {
  padding: 18px;
  border-radius: 20px;
  background: linear-gradient(145deg, #2a2018, #120d08);
  box-shadow:
    inset 0 2px 6px rgba(255,180,80,0.1),
    0 10px 40px rgba(0,0,0,0.7),
    0 0 0 2px rgba(240,128,0,0.15);
}

.crt-glow {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  background: #000;
  box-shadow:
    inset 0 0 30px rgba(0,0,0,0.9),
    0 0 30px rgba(240,128,0,0.25);
}

/* Scanline overlay */
.scanlines {
  pointer-events: none;
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0) 2px,
    rgba(0,0,0,0.18) 3px,
    rgba(0,0,0,0.18) 4px
  );
  mix-blend-mode: multiply;
}

/* subtle flicker */
@keyframes crtFlicker {
  0%,100% { opacity: 1; }
  50% { opacity: 0.98; }
}
.crt-glow canvas { animation: crtFlicker 3s infinite; }

table th, table td { white-space: nowrap; }

::-webkit-scrollbar { height: 8px; width: 8px; }
::-webkit-scrollbar-thumb { background: rgba(240,128,0,0.3); border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }