@font-face { font-family: AKIRA; src: url("Akira-Expanded.otf") format("opentype"); }

:root{
  --lime:#BFFF00;
  --pur:#a855f7;
  --red:#FF2A2A;
  --bg:#080808;
  --bg2:#0d0d0d;
  --line:#1e1e1e;
  --line2:#2a2a2a;
  --txt:#C8C8C8;
  --txt2:#909090;
  --txt3:#555;
  --mono:'IBM Plex Mono',monospace;
  --akira:'AKIRA',sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;overflow-x:hidden;}
body{background:var(--bg);color:var(--txt);font-family:var(--mono);min-height:100vh;}

/* ── GLOBAL SCANLINES ── */
body::before{
  content:'';position:fixed;inset:0;z-index:8000;pointer-events:none;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.07) 2px,rgba(0,0,0,0.07) 4px);
}
/* ── GLOBAL GRAIN ── */
body::after{
  content:'';position:fixed;inset:0;z-index:8001;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");
  opacity:0.42;mix-blend-mode:screen;
}

/* ══════════════════════════════════════════════
   VHS GLITCH OVERLAY — random tearing
══════════════════════════════════════════════ */
.vhs-glitch{
  position:fixed;inset:0;z-index:8002;pointer-events:none;
  overflow:hidden;
}
.glitch-bar{
  position:absolute;left:0;right:0;
  background:rgba(191,255,0,0.03);
  opacity:0;
  mix-blend-mode:screen;
}
.glitch-rgb{
  position:absolute;left:0;right:0;height:100%;
  opacity:0;pointer-events:none;
  mix-blend-mode:screen;
}

/* ══════════════════════════════════════════════
   SPLASH — NERV CRT BOOT
══════════════════════════════════════════════ */
.splash{
  position:fixed;inset:0;background:#000;z-index:9999;
  overflow:hidden;
}

/* CRT barrel distortion — canvas overlay handles this in JS */
.splash-crt-filter{
  position:absolute;inset:0;z-index:0;
}

/* Vignette — removed (too dark) */
.splash-vignette{ display:none; }

/* CRT edge — just a subtle rim, no heavy darkening */
.splash-crt-edge{
  position:absolute;inset:0;z-index:6;pointer-events:none;
  box-shadow:
    inset 2px 2px 0 rgba(255,255,255,0.03),
    inset -2px -2px 0 rgba(255,255,255,0.02);
  border-radius:2px;
}

/* Dense CRT scanlines */
.splash-scanlines{
  position:absolute;inset:0;z-index:7;pointer-events:none;
  background:repeating-linear-gradient(
    0deg,
    rgba(0,0,0,0) 0px,
    rgba(0,0,0,0) 1px,
    rgba(0,0,0,0.35) 1px,
    rgba(0,0,0,0.35) 2px
  );
}

/* RGB chromatic aberration — split channels */
.splash-rgb{
  position:absolute;inset:0;z-index:8;pointer-events:none;
  mix-blend-mode:screen;
}
/* Animated chroma shift via pseudo canvas approach */
.splash-chroma-r{
  position:absolute;inset:0;z-index:8;pointer-events:none;
  background:rgba(255,0,0,0);
  mix-blend-mode:screen;
  animation:chroma-r 0.15s steps(1) infinite;
}
.splash-chroma-b{
  position:absolute;inset:0;z-index:8;pointer-events:none;
  background:rgba(0,0,255,0);
  mix-blend-mode:screen;
  animation:chroma-b 0.2s steps(1) infinite;
}
@keyframes chroma-r{
  0%{transform:translate(0,0);}
  25%{transform:translate(2px,0);}
  50%{transform:translate(-1px,1px);}
  75%{transform:translate(1px,-1px);}
  100%{transform:translate(0,0);}
}
@keyframes chroma-b{
  0%{transform:translate(0,0);}
  33%{transform:translate(-2px,0);}
  66%{transform:translate(1px,0);}
  100%{transform:translate(-1px,1px);}
}

/* Phosphor flicker on the whole splash */
.splash-phosphor-flicker{
  position:absolute;inset:0;z-index:9;pointer-events:none;
  animation:phosphor 0.08s steps(1) infinite;
}
@keyframes phosphor{
  0%{background:rgba(191,255,0,0.00);}
  10%{background:rgba(191,255,0,0.015);}
  20%{background:rgba(191,255,0,0.00);}
  45%{background:rgba(191,255,0,0.008);}
  60%{background:rgba(191,255,0,0.00);}
  80%{background:rgba(191,255,0,0.02);}
  90%{background:rgba(191,255,0,0.00);}
}

/* Horizontal interference lines — occasional */
.splash-interference{
  position:absolute;inset:0;z-index:8;pointer-events:none;
  animation:interference 3s steps(1) infinite;
}
@keyframes interference{
  0%,95%{background:transparent;}
  96%{background:linear-gradient(0deg,transparent 48%,rgba(191,255,0,0.04) 49%,rgba(191,255,0,0.04) 51%,transparent 52%);}
  97%{background:linear-gradient(0deg,transparent 22%,rgba(255,255,255,0.03) 23%,rgba(255,255,255,0.03) 25%,transparent 26%);}
  98%{background:linear-gradient(0deg,transparent 71%,rgba(191,255,0,0.05) 72%,rgba(191,255,0,0.05) 73%,transparent 74%);}
  99%,100%{background:transparent;}
}

/* Canvas for barrel distortion */
#crt-canvas{
  position:absolute;inset:0;z-index:3;pointer-events:none;
  opacity:0.0;/* JS controls this — it draws the curved overlay */
}

/* CRT power-off line */
.crt-poweroff{
  position:absolute;left:-5%;right:-5%;top:50%;
  height:4px;
  background:linear-gradient(90deg,transparent,#aaffaa 10%,#ffffff 50%,#aaffaa 90%,transparent);
  z-index:30;
  transform:translateY(-50%) scaleY(0) scaleX(0);
  opacity:0;
  box-shadow:
    0 0 20px 6px rgba(255,255,255,0.9),
    0 0 60px 20px rgba(191,255,0,0.6),
    0 0 120px 40px rgba(191,255,0,0.2);
  transition:none;
}

/* Diagonal stripe */
.splash-stripe{
  position:absolute;top:-10%;left:-5%;
  width:52%;height:130%;
  background:#050505;
  transform:skewX(-12deg);
  border-right:1px solid #141414;
  z-index:1;
}
.splash-stripe2{
  position:absolute;top:-10%;left:4%;
  width:2px;height:130%;
  background:#111;
  transform:skewX(-12deg);
  z-index:1;
}
.splash-bg-letters{
  position:absolute;left:-2%;top:50%;transform:translateY(-50%);
  font-family:var(--akira);
  font-size:clamp(100px,25vw,300px);
  letter-spacing:-0.04em;line-height:0.85;
  color:#080808;
  pointer-events:none;user-select:none;
  z-index:1;
  animation:flicker 6s 1s infinite;
}

/* Right boot panel */
.splash-right{
  position:absolute;top:0;right:0;width:52%;height:100%;
  display:flex;flex-direction:column;
  padding:clamp(20px,3.5vw,44px) clamp(20px,4vw,52px);
  z-index:10;
}

.splash-nerv-header{
  display:flex;align-items:center;gap:12px;margin-bottom:28px;
}
.nerv-hex{
  width:26px;height:26px;flex-shrink:0;
  background:none;border:1.5px solid var(--lime);
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
  display:flex;align-items:center;justify-content:center;
  animation:hex-pulse 2s infinite;
}
.nerv-hex::before{
  content:'';width:9px;height:9px;background:var(--lime);
  clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
}
@keyframes hex-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(191,255,0,0);}
  50%{box-shadow:0 0 10px 2px rgba(191,255,0,0.18);}
}
.nerv-title{font-family:var(--mono);font-size:9px;letter-spacing:0.4em;color:var(--lime);text-transform:uppercase;line-height:1.5;}
.nerv-title span{display:block;color:var(--txt3);font-size:7px;letter-spacing:0.3em;margin-top:2px;}

.splash-logo-wrap{margin-bottom:18px;}
.splash-logo{
  font-family:var(--akira);
  font-size:clamp(22px,5.5vw,60px);
  letter-spacing:-0.02em;line-height:0.88;
  color:#e8e8e8;position:relative;display:block;
}
.splash-logo::before{
  content:attr(data-text);position:absolute;top:0;left:0;width:100%;
  color:var(--lime);animation:g1 1.8s infinite;opacity:0.8;
}
.splash-logo::after{
  content:attr(data-text);position:absolute;top:0;left:0;width:100%;
  color:var(--pur);animation:g2 1.8s 0.1s infinite;opacity:0.5;
}
.splash-tagline{font-size:10px;letter-spacing:0.25em;color:var(--txt3);text-transform:uppercase;margin-top:8px;}

.boot-log{
  flex:1;overflow:hidden;border:1px solid var(--line);
  background:#020202;padding:14px 16px;
  font-size:10px;letter-spacing:0.06em;line-height:1.75;color:var(--txt3);
  position:relative;
}
.boot-log::before{
  content:'// SYSTEM LOG';
  position:absolute;top:-1px;left:12px;
  background:#020202;padding:0 6px;
  font-size:8px;letter-spacing:0.3em;color:var(--line2);
}
.boot-line{display:flex;gap:10px;align-items:baseline;}
.boot-line .bl-time{color:#2a2a2a;flex-shrink:0;width:52px;}
.boot-line .bl-ok{color:var(--lime);}
.boot-line .bl-warn{color:var(--red);}
.boot-line .bl-cur{
  display:inline-block;width:7px;height:11px;
  background:var(--lime);animation:blink 0.8s infinite;
  vertical-align:middle;margin-left:2px;
}

.splash-status{
  margin-top:14px;
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;
}
.splash-progress-label{font-size:9px;letter-spacing:0.25em;color:var(--txt3);text-transform:uppercase;margin-bottom:6px;}
.splash-bar-track{height:2px;background:var(--line);position:relative;overflow:hidden;}
.splash-bar-fill{
  position:absolute;top:0;left:0;height:100%;
  background:var(--lime);animation:loadbar 2.6s ease forwards;width:0;
}
.splash-pct{font-family:var(--akira);font-size:20px;color:var(--lime);letter-spacing:0;}

.splash-corner{position:absolute;width:18px;height:18px;z-index:11;}
.splash-corner.tl{top:14px;left:14px;border-top:1.5px solid var(--line2);border-left:1.5px solid var(--line2);}
.splash-corner.br{bottom:14px;right:14px;border-bottom:1.5px solid var(--line2);border-right:1.5px solid var(--line2);}
.splash-corner.tr{top:14px;right:14px;border-top:1.5px solid var(--line2);border-right:1.5px solid var(--line2);}
.splash-corner.bl{bottom:14px;left:14px;border-bottom:1.5px solid var(--line2);border-left:1.5px solid var(--line2);}

.splash-hazard{
  position:absolute;bottom:0;left:0;right:0;height:3px;
  background:repeating-linear-gradient(90deg,var(--lime) 0,var(--lime) 10px,transparent 10px,transparent 16px);
  opacity:0.3;z-index:11;
}

/* CRT power-off animation */
@keyframes crt-collapse{
  0%{transform:translateY(-50%) scaleY(1);opacity:1;}
  40%{transform:translateY(-50%) scaleY(1);opacity:1;}
  70%{transform:translateY(-50%) scaleY(8);opacity:0.8;}
  100%{transform:translateY(-50%) scaleY(0);opacity:0;}
}
@keyframes crt-shrink-v{
  0%{transform:scaleY(1);}
  100%{transform:scaleY(0.04);}
}

/* ══════════════════════════════════════════════
   TOPBAR
══════════════════════════════════════════════ */
.topbar{
  position:sticky;top:0;z-index:500;
  background:var(--bg);border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:auto 1fr auto auto;
  align-items:stretch;
}
.topbar-cell{
  padding:9px 16px;border-right:1px solid var(--line);
  display:flex;align-items:center;gap:8px;
  font-size:9px;letter-spacing:0.18em;color:var(--txt3);text-transform:uppercase;
}
.topbar-cell:last-child{border-right:none;}
.topbar-fill{flex:1;font-size:8px;letter-spacing:0.12em;color:var(--line2);}
.rec{color:var(--lime);font-size:9px;}
.rec::before{
  content:'';width:5px;height:5px;background:var(--lime);
  border-radius:50%;display:inline-block;animation:blink 1.2s infinite;
}
.lang-toggle{padding:0;gap:0;}
.lang-btn{
  background:none;border:none;border-right:1px solid var(--line);
  color:var(--txt3);font-family:var(--mono);font-size:9px;
  letter-spacing:0.18em;padding:9px 13px;cursor:pointer;
  text-transform:uppercase;height:100%;transition:color 0.12s;
}
.lang-btn:last-child{border-right:none;}
.lang-btn.active{color:var(--lime);}
.lang-btn:hover:not(.active){color:var(--txt2);}
#clock-top{font-size:9px;letter-spacing:0.15em;}

/* ══════════════════════════════════════════════
   TICKER
══════════════════════════════════════════════ */
.ticker-wrap{
  overflow:hidden;border-bottom:1px solid var(--line);
  padding:6px 0;background:#050505;position:relative;
}
.ticker-wrap::before,.ticker-wrap::after{
  content:'';position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none;
}
.ticker-wrap::before{left:0;background:linear-gradient(90deg,#050505,transparent);}
.ticker-wrap::after{right:0;background:linear-gradient(-90deg,#050505,transparent);}
.ticker-text{
  display:inline-block;white-space:nowrap;
  font-size:9px;letter-spacing:0.15em;color:var(--txt3);
  animation:ticker 32s linear infinite;
}
.ticker-text .t-accent{color:var(--lime);}

/* ══════════════════════════════════════════════
   HERO
══════════════════════════════════════════════ */
.hero{
  position:relative;overflow:visible;
  border-bottom:1px solid var(--line);
  background:var(--bg);
}

/* diagonal cut — only on the hero-inner, not telemetry */
.hero-bg-cut{
  position:absolute;
  top:0;right:0;bottom:0;
  width:38%;
  background:var(--bg2);
  clip-path:polygon(8% 0,100% 0,100% 100%,0% 100%);
  border-left:1px solid var(--line);
  /* Stop above telemetry by being inside hero-inner only */
  pointer-events:none;
}

.hero-hazard{
  height:3px;width:100%;
  background:repeating-linear-gradient(90deg,var(--lime) 0,var(--lime) 14px,transparent 14px,transparent 22px);
  opacity:0.1;
}

/* Wrapper that constrains the cut */
.hero-content{position:relative;}
.hero-inner{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1fr 200px;
  min-height:clamp(220px,30vw,380px);
}
.hero-main{
  padding:clamp(28px,4.5vw,52px) clamp(20px,4vw,44px);
  display:flex;flex-direction:column;justify-content:space-between;
}
.hero-unit{
  font-size:9px;letter-spacing:0.3em;color:var(--txt3);
  text-transform:uppercase;margin-bottom:14px;
  display:flex;align-items:center;gap:8px;
}
.hero-unit::before{content:'[◈';color:var(--line2);}
.hero-unit::after{content:'◈]';color:var(--line2);}

.logo-text{
  font-family:var(--akira);
  font-size:clamp(36px,8vw,92px);
  letter-spacing:-0.03em;line-height:0.85;
  color:#e8e8e8;position:relative;display:block;
  animation:flicker 9s 5s infinite;
}
.logo-text::before{
  content:attr(data-text);position:absolute;top:0;left:0;width:100%;
  color:var(--lime);animation:g1 5s 1s infinite;opacity:0.75;
}
.logo-text::after{
  content:attr(data-text);position:absolute;top:0;left:0;width:100%;
  color:var(--pur);animation:g2 5s 1.5s infinite;opacity:0.4;
}
.hero-bottom{margin-top:16px;}
.hero-tagline{font-size:11px;letter-spacing:0.22em;color:var(--txt2);text-transform:uppercase;}
.hero-tagline .t-accent{color:var(--lime);}

.hero-stats{
  display:flex;flex-direction:column;
  border-left:1px solid var(--line);
  position:relative;z-index:1;
  background:var(--bg);
}
.hero-stat{
  flex:1;padding:20px 16px;
  border-bottom:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:space-between;
  position:relative;
}
.hero-stat:last-child{border-bottom:none;}
.hero-stat::before{
  content:'';position:absolute;left:0;top:0;bottom:0;
  width:2px;background:var(--lime);
}
.hero-stat-num{
  font-family:var(--akira);
  font-size:clamp(32px,4.5vw,52px);
  color:#e8e8e8;line-height:1;
}
.accent{color:var(--lime);}
.hero-stat-lbl{font-size:9px;letter-spacing:0.25em;color:var(--txt3);text-transform:uppercase;margin-top:6px;}

/* Telemetry strip — OUTSIDE the hero-content, so no clip-path affects it */
.hero-telemetry{
  border-top:1px solid var(--line);
  background:var(--bg2);
  display:grid;grid-template-columns:repeat(5,1fr);
  position:relative;z-index:2;
}
.telem-cell{
  padding:9px 14px;border-right:1px solid var(--line);
  font-size:9px;letter-spacing:0.18em;color:var(--txt3);
  text-transform:uppercase;display:flex;flex-direction:column;gap:3px;
}
.telem-cell:last-child{border-right:none;}
.telem-val{color:var(--txt2);font-size:10px;}
.telem-val.lime{color:var(--lime);}
.telem-val.pur{color:var(--pur);}

/* ══════════════════════════════════════════════
   NAV
══════════════════════════════════════════════ */
.nav-wrap{
  border-bottom:1px solid var(--line);
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:var(--line);
}
.nav-tab{
  background:var(--bg);border:none;
  color:var(--txt3);font-family:var(--mono);font-size:10px;
  letter-spacing:0.28em;padding:13px;
  cursor:pointer;text-transform:uppercase;
  transition:all 0.12s;position:relative;text-align:center;
}
.nav-tab.active{color:var(--txt);background:#0e0e0e;}
.nav-tab.active::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:2px;background:var(--lime);
}
.nav-tab:hover:not(.active){color:var(--txt2);background:#0b0b0b;}

/* ══════════════════════════════════════════════
   PANELS
══════════════════════════════════════════════ */
.panel{display:none;}
.panel.active{display:block;animation:fadeUp 0.25s ease both;}

/* ══════════════════════════════════════════════
   LINKS PANEL — hybrid layout
══════════════════════════════════════════════ */
.links-wrap{
  max-width:620px;margin:0 auto;
  padding:28px 20px 100px;
}

/* Section header */
.sec-head{
  display:grid;grid-template-columns:36px 1fr auto;
  align-items:center;gap:10px;
  margin:26px 0 0;
  padding:8px 0;
  border-bottom:1px solid var(--line);
}
.sec-head:first-child{margin-top:0;}
.sec-head-id{font-size:8px;letter-spacing:0.25em;color:var(--line2);}
.sec-head-label{font-size:9px;letter-spacing:0.4em;color:var(--txt3);text-transform:uppercase;}
.sec-head-dot{width:4px;height:4px;background:var(--lime);flex-shrink:0;}

/* Link items — wider, more readable, lime accents */
.link-btn{
  display:grid;
  grid-template-columns:36px 1fr auto;
  align-items:center;
  width:100%;
  padding:14px 16px;
  border:1px solid var(--line);
  border-top:none;
  background:var(--bg);
  color:var(--txt2);
  text-decoration:none;font-family:var(--mono);
  font-size:12px;letter-spacing:0.12em;text-transform:uppercase;
  transition:all 0.12s;
  position:relative;overflow:hidden;
  cursor:pointer;text-align:left;
}
/* first item under each section head gets top border */
.sec-head + .link-btn{border-top:1px solid var(--line);}
.bio-toggle + .bio-body + .sec-head + .link-btn{border-top:1px solid var(--line);}

.link-btn::before{
  content:'';position:absolute;left:0;top:0;bottom:0;
  width:2px;background:var(--lime);
  transform:scaleY(0);transition:transform 0.12s;transform-origin:center;
}
/* lime accent top line on hover */
.link-btn::after{
  content:'';position:absolute;right:0;top:0;bottom:0;
  width:0px;background:rgba(191,255,0,0.06);
  transition:width 0.15s;
}
.link-btn:hover{background:var(--bg2);color:var(--txt);border-color:var(--line2);}
.link-btn:hover::before{transform:scaleY(1);}
.link-btn:hover::after{width:100%;}

.btn-idx{
  font-size:8px;color:var(--line2);
  letter-spacing:0.1em;font-family:var(--mono);
  /* lime dot on hover */
  position:relative;display:flex;align-items:center;gap:5px;
}
.btn-idx::before{
  content:'';width:3px;height:3px;background:transparent;
  flex-shrink:0;transition:background 0.12s;
}
.link-btn:hover .btn-idx::before{background:var(--lime);}

.btn-arr{
  font-size:13px;color:var(--line2);
  transition:all 0.12s;text-align:right;
}
.link-btn:hover .btn-arr{color:var(--lime);transform:translateX(3px);}

/* Bio */
.bio-toggle.link-btn{width:100%;}
.bio-chevron{display:inline-block;font-size:9px;color:var(--txt3);transition:transform 0.25s;text-align:right;}
.bio-toggle.open .bio-chevron{transform:rotate(90deg);color:var(--lime);}
.bio-toggle.open,.bio-toggle.open:hover{
  border-color:var(--line2);color:var(--txt);background:var(--bg2);
}
.bio-toggle.open::before{transform:scaleY(1);}

.bio-body{
  max-height:0;overflow:hidden;transition:max-height 0.4s ease;
  border:1px solid var(--line);border-top:none;
  background:#060606;
}
.bio-body.open{max-height:420px;}
.bio-inner{
  padding:20px 16px 20px 52px;
  font-size:12px;line-height:2;color:var(--txt2);
  border-left:2px solid var(--lime);margin-left:36px;
}
.bio-inner p+p{margin-top:12px;}
.bio-inner strong{color:var(--txt);}

/* ══════════════════════════════════════════════
   PRESSKIT
══════════════════════════════════════════════ */
.pk-wrap{max-width:720px;margin:0 auto;padding:28px 20px 100px;}

.pk-title-block{
  display:grid;grid-template-columns:1fr auto;
  align-items:end;border-bottom:1px solid var(--line);
  padding-bottom:20px;margin-bottom:2px;gap:20px;
}
.pk-title{
  font-family:var(--akira);
  font-size:clamp(28px,5.5vw,52px);
  letter-spacing:0.02em;color:#e8e8e8;line-height:0.9;
}
.pk-sub{font-size:10px;letter-spacing:0.28em;color:var(--txt3);margin-top:10px;}
.pk-sub span{color:var(--lime);}
.pk-classified{
  font-size:9px;letter-spacing:0.2em;color:var(--txt3);
  text-transform:uppercase;text-align:right;line-height:1.9;
  border:1px solid var(--line);padding:8px 14px;align-self:flex-start;
}
.pk-classified span{display:block;color:var(--red);font-size:9px;}

.pk-stats{
  display:grid;grid-template-columns:1fr 1fr 1fr;
  gap:1px;background:var(--line);
  border:1px solid var(--line);margin-bottom:2px;
}
.pk-stat{
  background:var(--bg);padding:22px 18px;
  display:flex;flex-direction:column;justify-content:flex-end;
  position:relative;
}
.pk-stat::before{
  content:'';position:absolute;top:0;left:0;right:0;
  height:2px;background:var(--line);
}
.stat-num{
  font-family:var(--akira);
  font-size:clamp(30px,4.5vw,48px);
  color:#e8e8e8;line-height:1;margin-bottom:6px;
}
.stat-lbl{font-size:9px;letter-spacing:0.28em;color:var(--txt3);text-transform:uppercase;}

.grimoire-btn{
  display:flex;flex-direction:column;
  align-items:flex-start;justify-content:flex-end;
  width:100%;height:100%;min-height:80px;padding:18px;
  background:rgba(191,255,0,0.03);
  border:1px solid rgba(191,255,0,0.12);
  color:var(--lime);font-family:var(--mono);
  font-size:8px;letter-spacing:0.22em;text-transform:uppercase;
  text-decoration:none;transition:all 0.2s;gap:8px;
  white-space:pre-line;
}
.grimoire-icon{font-size:14px;color:rgba(191,255,0,0.35);}
.grimoire-btn:hover{background:var(--lime);color:#000;}
.grimoire-btn:hover .grimoire-icon{color:#000;}

.pk-grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:1px;background:var(--line);
  border:1px solid var(--line);border-top:none;margin-bottom:2px;
}
.pk-cell{background:var(--bg);padding:18px 20px;}
.pk-cell.full{grid-column:1/-1;}
.cell-lbl{
  font-size:9px;letter-spacing:0.35em;color:var(--txt3);
  text-transform:uppercase;margin-bottom:10px;
  display:flex;align-items:center;gap:6px;
}
.cell-lbl::before{content:'';width:3px;height:3px;background:var(--lime);flex-shrink:0;}
.cell-val{font-size:12px;color:var(--txt2);line-height:1.85;}
.cell-val strong{color:var(--txt);}

.pk-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;}
.pk-tag{font-size:9px;letter-spacing:0.1em;padding:4px 10px;border:1px solid var(--line2);color:var(--txt3);text-transform:uppercase;}
.pk-tag.primary{border-color:rgba(191,255,0,0.3);color:var(--lime);background:rgba(191,255,0,0.04);}

.pk-table{width:100%;border-collapse:collapse;}
.pk-table td{padding:9px 0;font-size:11px;border-bottom:1px solid var(--line);vertical-align:middle;}
.pk-table .dot{color:var(--txt3);font-size:9px;width:18px;}
.pk-table .name{color:var(--txt2);}
.pk-table .role{color:var(--txt3);font-size:9px;text-align:right;letter-spacing:0.08em;}
.pk-table tr:last-child td{border-bottom:none;}

.pk-sep{
  display:flex;align-items:center;gap:10px;
  padding:14px 0 0;margin-bottom:2px;
  font-size:8px;letter-spacing:0.4em;color:var(--line2);text-transform:uppercase;
}
.sep-dot{width:3px;height:3px;display:inline-block;flex-shrink:0;}
.sep-dot.lime{background:var(--lime);}
.sep-dot.pur{background:var(--pur);}
.sep-line{flex:1;height:1px;background:var(--line);}

.cb-block{
  background:var(--bg);border:1px solid var(--line);border-top:none;
  border-left:2px solid var(--pur);
  padding:20px;margin-bottom:2px;
}
.cb-tag{font-size:9px;letter-spacing:0.4em;color:#3d1a60;text-transform:uppercase;margin-bottom:8px;}
.cb-name{font-family:var(--akira);font-size:13px;letter-spacing:0.08em;color:#7a4fcc;margin-bottom:10px;}
.cb-text{font-size:12px;color:var(--txt3);line-height:1.85;}
.cb-text strong{color:var(--pur);}

.pk-plat-grid{
  display:grid;grid-template-columns:1fr 1fr 1fr 1fr;
  gap:1px;background:var(--line);
  border:1px solid var(--line);border-top:none;margin-bottom:2px;
}
.pk-plat{background:var(--bg);padding:16px 20px;}

.pk-contact{
  background:var(--bg);border:1px solid var(--line);
  border-top:2px solid var(--lime);
  display:grid;grid-template-columns:1fr auto;align-items:center;
}
.contact-inner{padding:22px 20px;}
.contact-lbl{font-size:9px;letter-spacing:0.4em;color:var(--txt3);text-transform:uppercase;margin-bottom:8px;}
.contact-email{
  font-size:13px;color:var(--txt2);text-decoration:none;
  font-family:var(--mono);transition:color 0.15s;
}
.contact-email:hover{color:var(--lime);}
.pk-dl{
  display:flex;align-items:center;justify-content:center;
  letter-spacing:0.22em;padding:22px 24px;
  text-transform:uppercase;transition:all 0.2s;white-space:nowrap;height:100%;
  background:rgba(191,255,0,0.03);
  border:1px solid rgba(191,255,0,0.12);
  color:var(--lime);font-family:var(--mono);
  font-size:8px;letter-spacing:0.22em;text-transform:uppercase;
  text-decoration:none;transition:all 0.2s;gap:8px;
  white-space:pre-line;
}
.pk-dl:hover{background:var(--lime);color:#000;border-color:var(--lime);}

/* ══════════════════════════════════════════════
   FOOTER
══════════════════════════════════════════════ */
.footer{
  position:fixed;bottom:0;left:0;right:0;z-index:500;
  background:var(--bg);border-top:1px solid var(--line);
  display:grid;grid-template-columns:auto 1fr auto;
  align-items:stretch;gap:1px;background:var(--line);
}
.footer>*{
  background:var(--bg);padding:7px 16px;
  display:flex;align-items:center;
  font-size:9px;letter-spacing:0.18em;color:var(--txt3);text-transform:uppercase;
}
.footer-mid{justify-content:center;letter-spacing:0.22em;}
.footer a{color:var(--txt3);text-decoration:none;justify-content:flex-end;transition:color 0.12s;}
.footer a:hover{color:var(--lime);}

.isotipo-footer{text-align:left;padding:28px 20px 88px;}
.isotipo-img{width:36px;height:36px;opacity:0.1;transition:opacity 0.3s;}
.isotipo-img:hover{opacity:0.35;}

/* ══════════════════════════════════════════════
   KEYFRAMES
══════════════════════════════════════════════ */
@keyframes g1{
  0%,87%,100%{clip-path:inset(0 0 97% 0);transform:translate(-3px,0)}
  89%{clip-path:inset(20% 0 55% 0);transform:translate(5px,0)}
  92%{clip-path:inset(65% 0 15% 0);transform:translate(-2px,0)}
  95%{clip-path:inset(40% 0 42% 0);transform:translate(3px,0)}
}
@keyframes g2{
  0%,84%,100%{clip-path:inset(45% 0 37% 0);transform:translate(3px,0)}
  87%{clip-path:inset(5% 0 80% 0);transform:translate(-5px,0)}
  91%{clip-path:inset(70% 0 12% 0);transform:translate(2px,0)}
  95%{clip-path:inset(25% 0 60% 0);transform:translate(-3px,0)}
}
@keyframes loadbar{0%{width:0%}40%{width:52%}70%{width:76%}100%{width:100%}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes ticker{from{transform:translateX(100%)}to{transform:translateX(-200%)}}
@keyframes flicker{0%,85%,87%,89%,100%{opacity:1}86%{opacity:0.72}88%{opacity:0.9}}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes glitch-tear{
  0%,100%{transform:translateX(0) skewX(0);}
  20%{transform:translateX(-4px) skewX(-1deg);}
  40%{transform:translateX(4px) skewX(1deg);}
  60%{transform:translateX(-2px) skewX(0);}
  80%{transform:translateX(3px) skewX(0.5deg);}
}

/* ══════════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media(max-width:700px){
  .splash-right{width:100%;background:rgba(0,0,0,0.93);}
  .splash-bg-letters,.splash-stripe,.splash-stripe2{display:none;}
  .hero-inner{grid-template-columns:1fr;}
  .hero-bg-cut{display:none;}
  .hero-stats{flex-direction:row;border-left:none;border-top:1px solid var(--line);}
  .hero-stat{border-bottom:none;border-right:1px solid var(--line);flex:1;}
  .hero-stat::before{top:0;left:0;right:0;bottom:auto;width:auto;height:2px;}
  .hero-stat:last-child{border-right:none;}
  .hero-telemetry{grid-template-columns:repeat(3,1fr);}
  .pk-grid{grid-template-columns:1fr;}
  .pk-cell.full{grid-column:1;}
  .pk-plat-grid{grid-template-columns:1fr 1fr;}
  .pk-contact{grid-template-columns:1fr;}
  .pk-dl{border-left:none;border-top:1px solid var(--line);padding:14px 20px;}
  .pk-stats{grid-template-columns:1fr 1fr;}
  .pk-title-block{grid-template-columns:1fr;}
  .pk-classified{text-align:left;}
}
@media(max-width:440px){
  .logo-text{font-size:clamp(28px,10vw,52px);}
  .hero-telemetry{grid-template-columns:1fr 1fr;}
  .telem-cell:nth-child(5){display:none;}
  .pk-plat-grid{grid-template-columns:1fr;}
  .pk-stats{grid-template-columns:1fr;}
  .hero-stats{flex-direction:column;}
  .hero-stat{border-right:none;border-bottom:1px solid var(--line);}
  .hero-stat:last-child{border-bottom:none;}
}
/* ══════════════════════════════════════════════
   PLAYER PANEL
══════════════════════════════════════════════ */
.player-wrap{
  max-width:720px;margin:0 auto;
  padding:28px 20px 100px;
  display:flex;flex-direction:column;gap:2px;
}

/* Source selector bar */
.player-source-bar{
  display:grid;grid-template-columns:auto auto 1fr;
  align-items:center;gap:0;
  background:var(--bg2);border:1px solid var(--line);
  padding:0;
}
.player-source-label{
  font-size:8px;letter-spacing:0.35em;color:var(--txt3);
  text-transform:uppercase;padding:11px 16px;
  border-right:1px solid var(--line);white-space:nowrap;
}
.player-source-toggle{
  display:flex;align-items:stretch;gap:1px;
  background:var(--line);padding:0 1px;
}
.player-src-btn+.player-src-btn{}
.player-src-btn{
  display:flex;align-items:center;gap:7px;
  padding:9px 18px;
  background:var(--bg);border:none;
  color:var(--txt3);font-family:var(--mono);
  font-size:9px;letter-spacing:0.22em;text-transform:uppercase;
  cursor:pointer;transition:all 0.12s;
  position:relative;
}
.player-src-btn.active{color:var(--txt);}
.player-src-btn.active::after{
  content:'';position:absolute;bottom:0;left:0;right:0;
  height:2px;background:var(--lime);
}
.player-src-btn:hover:not(.active){color:var(--txt2);background:var(--bg2);}
.src-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--txt3);flex-shrink:0;
  transition:background 0.12s;
}
.player-src-btn.active .src-dot{
  background:var(--lime);
  box-shadow:0 0 6px rgba(191,255,0,0.5);
  animation:blink 2s infinite;
}
.player-source-meta{
  font-size:7px;letter-spacing:0.2em;color:var(--txt3);
  text-transform:uppercase;padding:11px 14px;
  border-left:1px solid var(--line);white-space:nowrap;
  text-align:right;
}

/* Frame wrapper — NERV terminal look */
.player-frame-wrap{
  position:relative;
  background:var(--bg2);
  border:1px solid var(--line);
  border-top:none;
  overflow:hidden;
}

/* NERV corner brackets */
.player-corner{
  position:absolute;width:16px;height:16px;z-index:10;pointer-events:none;
}
.player-corner.tl{top:8px;left:8px;border-top:1.5px solid var(--lime);border-left:1.5px solid var(--lime);opacity:0.5;}
.player-corner.tr{top:8px;right:8px;border-top:1.5px solid var(--lime);border-right:1.5px solid var(--lime);opacity:0.5;}
.player-corner.bl{bottom:8px;left:8px;border-bottom:1.5px solid var(--lime);border-left:1.5px solid var(--lime);opacity:0.5;}
.player-corner.br{bottom:8px;right:8px;border-bottom:1.5px solid var(--lime);border-right:1.5px solid var(--lime);opacity:0.5;}

/* Scanline overlay on the player */
.player-scanlines{
  position:absolute;inset:0;z-index:9;pointer-events:none;
  background:repeating-linear-gradient(
    0deg,transparent,transparent 3px,rgba(0,0,0,0.06) 3px,rgba(0,0,0,0.06) 4px
  );
}

/* HUD bar above iframe */
.player-hud-bar{
  display:flex;align-items:flex-end;justify-content:space-between;
  padding:32px 14px 8px;
  border-bottom:1px solid var(--line);
  background:var(--bg);
  min-height:52px;
}
.player-hud-id{
  font-size:8px;letter-spacing:0.3em;color:var(--txt3);text-transform:uppercase;
}
.player-hud-status{
  display:flex;align-items:center;gap:6px;
  font-size:8px;letter-spacing:0.2em;color:var(--lime);text-transform:uppercase;
}
.player-hud-dot{
  width:5px;height:5px;border-radius:50%;
  background:var(--lime);
  animation:blink 1.4s infinite;
  flex-shrink:0;
}

/* iframe slots */
.player-iframe-slot{display:none;flex-direction:column;}
.player-iframe-slot.active{display:flex;}

.player-iframe-slot iframe{
  width:100%;
  height:400px;
  border:none;
  display:block;
  background:#000;
}

/* Bottom telemetry strip */
.player-telemetry{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--line);
  border:1px solid var(--line);border-top:none;
}
.player-telem-cell{
  background:var(--bg2);
  padding:8px 14px;
  display:flex;flex-direction:column;gap:3px;
  font-size:8px;letter-spacing:0.18em;color:var(--txt3);text-transform:uppercase;
}
.player-telem-val{color:var(--txt2);font-size:9px;}
.player-telem-val.lime{color:var(--lime);}

/* Nav — 3 tabs */
.nav-wrap{grid-template-columns:1fr 1fr 1fr;}

@media(max-width:700px){
  .player-source-bar{grid-template-columns:1fr;gap:0;}
  .player-source-label{border-right:none;border-bottom:1px solid var(--line);}
  .player-source-meta{border-left:none;border-top:1px solid var(--line);}
  .player-iframe-slot iframe{height:340px;}
  .player-telemetry{grid-template-columns:1fr 1fr;}
}
@media(max-width:440px){
  .player-iframe-slot iframe{height:300px;}
  .player-telemetry{grid-template-columns:1fr 1fr;}
  .player-source-meta{display:none;}
}