:root{
  --bg: #150e0a;
  --panel: #241610;
  --panel-2: #1b110c;
  --line: #3a2418;
  --amber: #ff9d3f;
  --rust: #c9622d;
  --sand: #e8c896;
  --green: #8bd67a;
  --red: #ff5f5f;
  --text: #ecdcc8;
  --dim: #9a7c63;
}
*{box-sizing:border-box; margin:0; padding:0;}
html,body{height:100%;}
body{
  background: var(--bg);
  color: var(--text);
  font-family: 'IBM Plex Mono', monospace;
  overflow: hidden;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(201,98,45,0.06), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(255,157,63,0.05), transparent 45%);
}
.scanline{
  position:fixed; inset:0; pointer-events:none; z-index:50;
  background: repeating-linear-gradient(0deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 1px, transparent 1px, transparent 3px);
  opacity:0.3;
}
@keyframes pulse{ 0%,100%{opacity:1;} 50%{opacity:0.35;} }

::-webkit-scrollbar{ width:6px; }
::-webkit-scrollbar-thumb{ background:var(--line); }