/* WARZONE COLD-WAR TERMINAL OVERHAUL */
:root{
  --void:#010401 !important;
  --surface:#030903 !important;
  --surface2:#061006 !important;
  --line:#173f1c !important;
  --line2:#2c7133 !important;
  --infra:#7dff79 !important;
  --phos:#7dff79 !important;
  --silver:#b8ffb5 !important;
  --text:#b8ffb5 !important;
  --muted:#68a969 !important;
  --muted2:#416c43 !important;
}
html{background:#000!important}
body{
  background:#010401!important;
  color:#a8f5a7!important;
  font-family:"Courier New",ui-monospace,monospace!important;
  text-shadow:0 0 5px rgba(87,255,92,.17);
}
body::before{
  content:"";
  position:fixed;inset:0;z-index:9997;pointer-events:none;
  background:
    repeating-linear-gradient(to bottom,rgba(160,255,156,.035) 0,rgba(160,255,156,.035) 1px,transparent 1px,transparent 3px),
    linear-gradient(rgba(26,255,53,.018),rgba(0,0,0,.04));
  mix-blend-mode:screen;opacity:.9;
}
body::after{
  content:"";position:fixed;inset:-4%;z-index:9998;pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 52%,rgba(0,0,0,.22) 72%,rgba(0,0,0,.82) 100%);
  box-shadow:inset 0 0 90px rgba(0,0,0,.9);
}
.grid-bg{
  opacity:.18!important;
  background-image:linear-gradient(to right,rgba(73,255,78,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(73,255,78,.04) 1px,transparent 1px)!important;
  background-size:32px 32px!important;
}
.vignette{background:radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.86) 100%)!important}

/* CRT frame */
main{position:relative!important}
main::before{content:"";position:fixed;inset:7px;z-index:9996;pointer-events:none;border:1px solid rgba(111,255,110,.22);border-radius:18px/12px;box-shadow:inset 0 0 38px rgba(39,255,59,.035),0 0 22px rgba(0,0,0,.9)}

/* header becomes one old terminal status strip */
.topbar,.nav{
  background:#020702!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border-color:#1b5421!important;
  box-shadow:none!important;
}
.topbar{border-top:1px solid #1b5421!important}
.topbar-inner,.nav-inner,.wrap{max-width:1280px}
.topbar-inner{color:#73b977!important;font-family:"Courier New",monospace!important}
.sys,.coords-top,.mobile-coords{color:#8cff85!important}
.nav-inner{font-family:"Courier New",monospace!important}
.links a,.mobile-menu a{color:#86c986!important;text-transform:uppercase}
.links a::before{content:"[ ";color:#396e3e}.links a::after{content:" ]";color:#396e3e}
.links a:hover{color:#d0ffcd!important;text-shadow:0 0 8px rgba(102,255,102,.8)}
.top-select,.cargo-btn,.cart-pill,.mobile-menu-btn,.mobile-custom-trigger{
  background:#010401!important;border-color:#245f29!important;color:#8bd58d!important;border-radius:0!important;box-shadow:none!important
}
.top-select::after{color:#7dff79!important}.top-select option{background:#010401!important;color:#b9ffb9!important}
.cargo-btn .red,.eyebrow,.section-index,.price{color:#7dff79!important}
.mobile-menu{background:#010401!important;border-color:#245f29!important}

/* cold-war typography */
h1,h2,h3,.name,.collection-heading,.hero-title,.section h2,.product h3,.footer-title,
.btn-primary,.btn-secondary,.equip,.deploy,.protocol-card .t,.countdown,.count-unit b{
  font-family:"Courier New",ui-monospace,monospace!important;
}
.section h2,.name{letter-spacing:.02em!important;text-transform:uppercase}
.section-index,.eyebrow{letter-spacing:.18em!important}

/* home hero becomes a terminal boot chamber */
.hero{
  background:#010401!important;
  min-height:calc(100vh - 84px)!important;
  border-bottom:1px solid #1d5c24!important;
}
.hero-bg{
  background:
    radial-gradient(circle at 72% 48%,rgba(37,255,61,.06),transparent 34%),
    repeating-linear-gradient(to bottom,rgba(109,255,116,.025) 0,rgba(109,255,116,.025) 1px,transparent 1px,transparent 5px)!important;
}
.hero-content{grid-template-columns:minmax(0,1.02fr) minmax(352px,.825fr)!important;gap:clamp(42px,5vw,78px)!important;padding:80px 0 110px!important;align-items:center!important}
.hero-copy-block{
  border:none!important;
  padding:26px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.hero-copy-block::before{content:none!important;display:none!important}
.hero-title{position:relative!important}
.hero-logo-shell{display:block;position:relative;max-width:100%;overflow:visible;isolation:isolate}
.hero-logo-shell::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.20) 2px 4px);mix-blend-mode:multiply;opacity:.9}
.hero-title .hero-title-logo{filter:none!important;opacity:1!important;text-shadow:none;display:block;position:relative;z-index:1}
.hero-title .issue-line{color:#7dff79!important;font-family:"Courier New",monospace!important}
.hero-actions{gap:8px!important}
.btn-primary,.btn-secondary{
  background:#010401!important;color:#8cff85!important;border:1px solid #2d7c35!important;animation:none!important;padding:12px 14px!important
}
.btn-primary::before{content:"> "}.btn-primary::after{content:" _";animation:terminalCursor 1s steps(1) infinite}
.btn-primary:hover,.btn-secondary:hover{background:#0a230c!important;color:#d8ffd6!important;box-shadow:0 0 13px rgba(92,255,99,.14)!important}
@keyframes terminalCursor{50%{opacity:0}}
.countdown-wrap{background:#010401!important;border-color:#1c5422!important;backdrop-filter:none!important;padding:15px!important;margin-top:24px!important}
.count-unit b{color:#a4ff9e!important;text-shadow:0 0 7px rgba(79,255,87,.32)!important}
.hero-image-shell{
  border:1px solid #2b7733!important;
  background:#000!important;
  padding:9px!important;
  box-shadow:0 0 28px rgba(43,255,64,.05),inset 0 0 22px rgba(43,255,64,.03)!important;
}
.hero-image-shell::before{content:"DISPLAY CHANNEL 03 // PHOSPHOR VECTOR RENDER";display:block;padding:5px 4px 10px;color:#6cb06f;font:10px "Courier New",monospace;letter-spacing:.11em}
.hero-image-frame{aspect-ratio:4/5!important;background:#000!important;position:relative!important}
.hero-image-frame img{content:normal!important;object-fit:cover!important;filter:none!important;opacity:.96!important}
.hero-image-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.17) 2px 4px);mix-blend-mode:multiply}
.marquee-wrap{background:#010401!important;border-color:#1c5522!important}.marquee{color:#6ab06d!important}.marquee span:nth-child(odd){color:#a5ffa3!important}

/* sections as databanks */
.section{padding:72px 0!important;border-bottom:1px solid rgba(46,126,54,.35)!important}
.section.dark{background:#020702!important;border-color:#1a4b20!important}
.section-head{display:grid!important;grid-template-columns:auto 1fr!important;column-gap:20px!important;align-items:end!important}
.section-head .section-index{grid-column:1/-1!important}
.section-head .rule{grid-column:1/-1!important;margin-top:18px!important;background:linear-gradient(90deg,#33833b,#153d19,transparent)!important}
.section h2{color:#baffb7!important;font-size:clamp(27px,4vw,48px)!important;font-weight:400!important;text-shadow:0 0 6px rgba(78,255,84,.15)}
.section-sub{color:#659868!important}

/* catalog = personnel/equipment database */
.catalog{gap:12px!important}
.product{background:transparent!important;border-color:#1e5625!important;box-shadow:none!important}
.product:hover{border-color:#67e46d!important;box-shadow:0 0 0 1px rgba(101,255,108,.12),0 0 18px rgba(74,255,79,.05)!important}
.product-image{background:#000!important}
.product-image img,.spec-image img,.image-shell img{
  filter:none!important;
  opacity:1!important
}
.product:hover .product-image img{transform:none!important;opacity:1!important}
.product-image::after,.spec-image::after,.image-shell::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(139,255,139,.025) 0 1px,transparent 1px 4px),radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.48) 100%)}
.serial{background:#010401d9!important;border-bottom:1px solid #1e5625!important;color:#79c47b!important}
.serial .s{color:#afffab!important}.serial .c{color:#527f55!important}
.analysis{background:rgba(2,8,2,.56)!important;background-image:linear-gradient(to right,rgba(90,255,96,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(90,255,96,.05) 1px,transparent 1px)!important;background-size:24px 24px!important}
.product-info{background:#020702!important;border-color:#1a4b20!important}
.product h3{color:#b7ffb5!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.04em}
.tagline{color:#639165!important}.price{color:#aaff9f!important}
.equip,.deploy{background:#071d09!important;color:#b8ffb3!important;border:1px solid #3c9345!important;animation:none!important}
.equip:hover,.deploy:hover{background:#123815!important;color:#e0ffdd!important;box-shadow:0 0 14px rgba(90,255,96,.12)!important}

/* specs/protocol/footer */
.spec-image,.protocol-card,.meta,.intel,.cart,.backdrop{border-color:#1e5625!important}
.specs .bar{background:#010401!important;border-color:#1b5020!important}.specs .bar i{background:#7dff79!important;box-shadow:0 0 8px rgba(125,255,121,.32)!important}
.protocol-card{background:#020702!important}.protocol-card .n{color:#4b8950!important}.protocol-card .t{color:#9cff97!important}
footer{background:#010401!important;border-color:#1b5221!important;color:#5c8c5e!important}
.footer-logo{filter:grayscale(1) sepia(1) saturate(13) hue-rotate(68deg) brightness(1.15)!important}

/* product pages */
.product-page{background:#010401!important}
.product-grid{gap:48px!important}
.image-shell{background:#000!important;border-color:#286a2e!important;padding:8px!important}
.image-shell::before{content:"LIVE MONOCHROME IMAGE // ARCHIVE FRAME";display:block;color:#64aa67;font:10px "Courier New",monospace;letter-spacing:.11em;padding:6px 4px 12px}
.detail{border-left:1px solid #1b4d20!important;padding-left:28px!important}
.name{color:#baffb6!important;font-weight:400!important;text-shadow:0 0 8px rgba(96,255,102,.1)}
.tag,.intel p{color:#6f9f70!important}.price{color:#a5ffa1!important}.rule{background:linear-gradient(90deg,#5dd063,#1a4b20,transparent)!important}
.meta{background:#17451c!important}.meta div{background:#010501!important}.meta span{color:#57855a!important}.meta b{color:#9bdb9d!important;font-weight:400!important}
.size{background:#010401!important;border-color:#245f29!important;color:#75ad78!important}.size.active,.size:hover{border-color:#81ff7c!important;color:#bcffb8!important;background:#0a210c!important}
.status{color:#89ff84!important}.intel h3{color:#aaffaa!important;font-weight:400!important}
.cart{background:#010401!important}.backdrop{background:rgba(0,0,0,.78)!important;backdrop-filter:none!important}

/* boot screen */
.boot{background:#000!important;color:#7dff79!important}
.boot-map{opacity:.5!important;filter:grayscale(1) sepia(1) saturate(9) hue-rotate(69deg)!important}
.boot-grid{opacity:.16!important;background-size:24px 24px!important}
.boot-ring-outer,.boot-ring-inner,.boot-crosshair-circle,.boot-crosshair-h,.boot-crosshair-v{border-color:#4ca852!important}
.boot-lines,.boot-coords,.boot-bottom{color:#84f080!important;font-family:"Courier New",monospace!important}

/* interaction imperfections */
@keyframes crtFlicker{0%,100%{opacity:1}9%{opacity:.985}10%{opacity:.94}11%{opacity:1}55%{opacity:.99}56%{opacity:.965}57%{opacity:1}}
body{animation:crtFlicker 7s infinite}
::selection{background:#8cff85;color:#001200}

@media(max-width:900px){
  .hero-content{grid-template-columns:1fr!important;gap:28px!important;padding:26px 0 78px!important;align-items:start!important}
  .hero-image-shell{order:initial!important;width:100%!important;max-width:620px!important;margin:0 auto!important}
  .hero-copy-block{padding:18px!important}
  .detail{border-left:0!important;padding-left:0!important}
  .catalog{gap:10px!important}
}
@media(max-width:600px){
  main::before{inset:3px;border-radius:10px/8px}
  .hero-content{padding-top:20px!important;gap:22px!important}
  .hero-image-frame{aspect-ratio:4/5!important}
  .hero-copy-block::before{content:none!important;display:none!important}
  .section{padding:52px 0!important}
  .product-info{padding:11px!important}
}
