:root{
  --rb:#0a0a0a;
  --panel:#1a1a1a;
  --amber:#ffb000;
  --amberDim:#664600;
  --red:#cc3300;
  --plastic:#222222;
  --bezel:#050505;
}
body{
  background-color:#111;
  background-image: radial-gradient(#222 15%, transparent 16%);
  background-size: 16px 16px;
}
.crt-overlay{
  background: linear-gradient(to bottom,
    rgba(255,255,255,0),
    rgba(255,255,255,0) 50%,
    rgba(0,0,0,0.2) 50%,
    rgba(0,0,0,0.2));
  background-size:100% 4px;
  pointer-events:none;
}
@keyframes flicker{
  0%{opacity:0.97}
  5%{opacity:0.95}
  10%{opacity:0.9}
  15%{opacity:0.95}
  20%{opacity:0.99}
  50%{opacity:0.95}
  55%{opacity:0.9}
  60%{opacity:0.99}
  100%{opacity:0.97}
}
.vfd-text{
  animation:flicker 4s infinite;
  text-shadow:0 0 5px rgba(255,176,0,0.6);
}
.vfd-text-dim{color:var(--amberDim);text-shadow:none}
.marquee-container{overflow:hidden;white-space:nowrap}
::-webkit-scrollbar{width:8px;background:#000}
::-webkit-scrollbar-thumb{background:#333;border:1px solid #555}

.shadow-inset-screen{box-shadow: inset 0 0 20px rgba(0,0,0,0.8)}
.shadow-btn-raised{box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), inset -1px -1px 0 rgba(0,0,0,0.5), 0 4px 6px rgba(0,0,0,0.5)}
.shadow-btn-pressed{box-shadow: inset 2px 2px 5px rgba(0,0,0,0.8), inset -1px -1px 0 rgba(255,255,255,0.05)}

.pixel-img{
  image-rendering: pixelated;
  filter: contrast(1.05) saturate(0.9);
}
a,button{outline:none}
.nav-active{
  color: var(--amber);
  box-shadow: inset 0 0 5px rgba(255,176,0,0.22);
  border-color: rgba(255,176,0,0.25) !important;
}
.preset-active span:first-child{
  color: var(--amber) !important;
}