:root{
  --glitch-red:rgba(255,48,79,.28);
  --glitch-blue:rgba(52,181,255,.18);
  --glitch-green:rgba(72,255,145,.18);
  --scar:rgba(185,255,212,.12);
}

body{
  text-shadow:
    .5px 0 var(--glitch-blue),
    -.5px 0 rgba(255,48,79,.12);
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:10;
  background:
    linear-gradient(90deg,transparent 0 12%,rgba(72,255,145,.035) 12.2% 12.55%,transparent 12.8% 48%,rgba(255,48,79,.025) 48.2% 48.55%,transparent 48.9%),
    repeating-linear-gradient(0deg,transparent 0 13px,rgba(185,255,212,.045) 14px,transparent 16px),
    repeating-linear-gradient(90deg,transparent 0 96px,rgba(72,255,145,.028) 97px,transparent 101px);
  mix-blend-mode:screen;
  opacity:.52;
}

.interface-shell,
.archive-page{
  position:relative;
}

.interface-shell::before,
.archive-page::before{
  content:"";
  position:absolute;
  inset:10px -10px auto auto;
  width:min(34vw,360px);
  height:1px;
  background:linear-gradient(90deg,transparent,var(--scar),transparent 72%);
  box-shadow:
    -34px 28px 0 rgba(72,255,145,.07),
    -18px 52px 0 rgba(255,48,79,.08),
    -76px 86px 0 rgba(52,181,255,.06);
  pointer-events:none;
}

h1,h2,
.brand-mark,
.button,
button{
  text-shadow:
    1px 0 rgba(52,181,255,.22),
    -1px 0 rgba(255,48,79,.20),
    0 0 18px rgba(72,255,145,.30);
}

h1,h2{
  filter:blur(.18px) contrast(1.08);
  text-shadow:
    1px 0 rgba(52,181,255,.28),
    -1px 0 rgba(255,48,79,.24),
    5px 0 7px rgba(72,255,145,.16),
    -7px 0 9px rgba(72,255,145,.10),
    0 0 18px rgba(72,255,145,.30);
}

h1::selection,
h2::selection,
p::selection,
span::selection,
strong::selection,
input::selection,
td::selection{
  color:#031006;
  background:var(--green);
}

.topbar,
.terminal-header,
.ops-panel-header,
.intel-section + .intel-section,
.command-row{
  position:relative;
}

.topbar::after,
.terminal-header::after,
.ops-panel-header::after,
.command-row::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,var(--green) 0 7%,transparent 7% 12%,rgba(72,255,145,.28) 12% 47%,transparent 47% 52%,rgba(255,48,79,.30) 52% 55%,transparent 55% 70%,rgba(72,255,145,.22) 70% 100%);
  opacity:.58;
  pointer-events:none;
}

.terminal-shell,
.archive-page,
.intel-rail,
.ops-panel,
.ops-metrics div,
.codeblock,
input{
  background-image:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 34px),
    repeating-linear-gradient(135deg,transparent 0 18px,rgba(72,255,145,.018) 19px,transparent 20px);
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
}

.terminal-shell::after,
.archive-page::after,
.ops-panel::after,
.intel-rail::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid transparent;
  background:
    linear-gradient(90deg,rgba(72,255,145,.42),transparent 18%) top left/46% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(255,48,79,.28),transparent) 0 36%/100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(72,255,145,.22),transparent) 0 68%/100% 1px no-repeat,
    linear-gradient(180deg,rgba(72,255,145,.35),transparent 28%) top left/1px 52% no-repeat;
  opacity:.38;
}

.terminal-shell,
.archive-page,
.ops-panel,
.intel-rail{
  position:relative;
}

.line:nth-child(4n),
.ops-table tr:nth-child(3n) td,
.archive-list li:nth-child(2n){
  text-shadow:
    1px 0 rgba(255,48,79,.22),
    -1px 0 rgba(52,181,255,.18);
}

.eyebrow,
.section-label,
.ops-panel-header span,
.ops-metrics span,
.ops-table th{
  filter:contrast(1.2);
  text-shadow:
    .75px 0 rgba(52,181,255,.22),
    -.75px 0 rgba(255,48,79,.18);
}

.button,
button{
  box-shadow:
    inset 0 0 0 1px rgba(5,6,7,.22),
    3px 0 0 rgba(255,48,79,.10),
    -3px 0 0 rgba(52,181,255,.08);
}

.ghost{
  text-shadow:
    2px 0 rgba(255,48,79,.06),
    -2px 0 rgba(52,181,255,.06);
}

@media (max-width:640px){
  body::after{opacity:.36}
  .terminal-shell,
  .archive-page,
  .intel-rail,
  .ops-panel,
  .ops-metrics div{
    clip-path:none;
  }
}
