:root{
  --bg:#040404;
  --bg-soft:#080808;
  --panel:#0a0a0a;
  --line:#1b1b1b;
  --line-bright:#2a2a2a;
  --text:#d6d6d6;
  --dim:#5f5f5f;
  --green:#00dc00;
  --green-dim:#0a5c1d;
  --red:#c80000;
  --dark-red:#640000;
  --cyan:#00d8ff;
  --mono:'IBM Plex Mono', ui-monospace, monospace;
  --vt:'VT323', ui-monospace, monospace;
  --fancy:'Kaushan Script',cursive;
  --glow-green:0 0 12px rgba(0,220,0,.35);
  --glow-red:0 0 12px rgba(200,0,0,.4);
  --glow-soft:0 0 24px rgba(0,0,0,.9);
  --pad:clamp(1.2rem,4vw,3rem);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

html{scroll-behavior:smooth;scrollbar-color:#1f1f1f #000}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--mono);
  font-size:clamp(.82rem,1.05vw,.95rem);
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body.no-scroll{overflow:hidden}

::selection{background:var(--green);color:#000}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#000}
::-webkit-scrollbar-thumb{background:#1c1c1c;border:1px solid #000}
::-webkit-scrollbar-thumb:hover{background:var(--green-dim)}

img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font-family:inherit}

@media(pointer:fine){
  *{cursor:none}
}

.hidden{display:none!important}

.blink{animation:blink 1s steps(1) infinite}
.caret{
  display:inline-block;width:.6em;height:1.05em;margin-left:2px;
  background:var(--green);vertical-align:-2px;
  animation:blink 1s steps(1) infinite;
}
.red{color:var(--red)}
.dim{color:var(--dim)}

@keyframes blink{50%{opacity:0}}

/* ---------- CRT overlays ---------- */
.crt{position:fixed;inset:0;pointer-events:none;z-index:9950;animation:crt-flicker 6s linear infinite}
@keyframes crt-flicker{
  0%,100%{opacity:1}
  6%{opacity:.95} 7%{opacity:1}
  38%{opacity:.97} 39%{opacity:1}
  71%{opacity:.93} 72%{opacity:1}
}
.crt .scanlines{
  position:absolute;inset:0;
  background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0 2px,rgba(0,0,0,.26) 2px 4px);
}
.crt .vignette{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6) 100%),
    linear-gradient(rgba(0,220,0,.02),rgba(0,220,0,.02));
  animation:vignette-breathe 7s ease-in-out infinite;
}
@keyframes vignette-breathe{
  0%,100%{opacity:.55}
  50%{opacity:1}
}
.crt .beam{
  position:absolute;left:0;right:0;top:-24vh;height:22vh;
  background:linear-gradient(to bottom,transparent,rgba(0,220,0,.05) 42%,rgba(0,220,0,.13) 50%,rgba(0,220,0,.05) 58%,transparent);
  animation:beam 8s linear infinite;
  will-change:transform;
}
@keyframes beam{0%{transform:translateY(0)}100%{transform:translateY(200vh)}}
.crt .sweep{
  position:absolute;left:0;right:0;top:-30vh;height:30vh;
  background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.02) 46%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.02) 54%,transparent 100%);
  animation:sweep 13s linear infinite;
  will-change:transform;
}
@keyframes sweep{0%{transform:translateY(0)}100%{transform:translateY(160vh)}}
#ash{position:absolute;inset:0;width:100%;height:100%;opacity:.6}
#noise{position:absolute;inset:0;width:100%;height:100%;opacity:.55}
/* FX master switch — player can drop the static/CRT overlays after the LOGS
   unlock. The frame loops are also stopped in JS; this just hides the layers. */
body.no-fx .crt .scanlines,
body.no-fx .crt .vignette,
body.no-fx .crt .beam,
body.no-fx .crt .sweep,
body.no-fx #ash,
body.no-fx #noise,
body.no-fx .crt-glare,
body.no-fx .sig-crt{display:none}
.flash{
  position:absolute;inset:0;background:rgba(200,0,0,.24);
  opacity:0;pointer-events:none;
}
.flash.go{animation:redflash .18s ease-out}
@keyframes redflash{0%{opacity:1}100%{opacity:0}}

.blink-flash{
  position:fixed;inset:0;z-index:9990;background:#000;
  opacity:0;pointer-events:none;
}
.blink-flash.go{animation:eyeblink .9s ease-in-out}
@keyframes eyeblink{0%{opacity:0}30%{opacity:.95}70%{opacity:.95}100%{opacity:0}}

main.blinkworld{filter:hue-rotate(175deg) saturate(1.3)}
body.huepass{filter:hue-rotate(45deg)}

.scare{
  position:fixed;inset:0;z-index:9996;
  display:none;align-items:center;justify-content:center;
  font-family:var(--vt);font-size:clamp(4rem,18vw,14rem);
  color:var(--red);text-shadow:0 0 40px rgba(200,0,0,.85);
  pointer-events:none;letter-spacing:.04em;
}
.scare.go{display:flex;animation:scare-in .1s steps(2) infinite}
.scare.giant{background:rgba(0,0,0,.94)}
.scare.giant .face{animation:face-in .08s steps(2) infinite}
@keyframes scare-in{
  0%{opacity:1;transform:translate(-5px,3px) scale(1)}
  50%{opacity:.8;transform:translate(4px,-4px) scale(1.05)}
  100%{opacity:1;transform:translate(-3px,2px) scale(.98)}
}
.face{
  display:flex;flex-direction:column;align-items:center;gap:clamp(.8rem,3vh,2.5rem);
  max-width:94vw;
}
.face-eyes{display:flex;gap:clamp(2.5rem,14vw,11rem)}
.face-eyes span{
  width:clamp(3.5rem,15vw,13rem);height:clamp(3.5rem,15vw,13rem);
  border-radius:50%;
  background:radial-gradient(circle at 50% 45%,#ff3b3b 0%,#a00000 55%,#200000 100%);
  box-shadow:0 0 clamp(1.5rem,6vw,5rem) rgba(255,0,0,.95),inset 0 0 2rem rgba(0,0,0,.75);
  animation:eye-jitter .1s steps(2) infinite;
}
@keyframes eye-jitter{50%{transform:scale(1.18) rotate(2deg)}}
.face-mouth{
  width:clamp(9rem,38vw,30rem);height:clamp(4.5rem,19vw,15rem);
  position:relative;overflow:hidden;
  background:#0a0000;border:2px solid #ff2a2a;border-bottom-width:0;
  border-radius:50% 50% 10% 10% / 100% 100% 0% 0%;
  box-shadow:0 0 clamp(1rem,4vw,3.5rem) rgba(255,0,0,.55),inset 0 0 3rem rgba(200,0,0,.35);
}
.face-mouth::after{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,#180000 0 7px,#000 7px 14px);
  animation:jaw .09s steps(2) infinite;
}
@keyframes jaw{50%{transform:translateY(6px) scaleY(1.15)}}
.face-text{
  font-family:var(--vt);font-size:clamp(1.5rem,4.5vw,3.2rem);
  letter-spacing:.22em;color:#ff4d4d;
  text-shadow:0 0 2rem rgba(255,0,0,.9);
}
body.body-shake{animation:shake .45s linear infinite}
main.shake{animation:shake .5s linear}
@keyframes shake{
  0%,100%{transform:translate(0,0)}
  10%{transform:translate(-9px,5px)}
  30%{transform:translate(8px,-7px)}
  50%{transform:translate(-7px,-5px)}
  70%{transform:translate(6px,7px)}
  90%{transform:translate(-5px,4px)}
}

#darkOverlay{
  position:fixed;inset:0;z-index:9995;pointer-events:none;
  background:#000;opacity:0;transition:opacity .12s steps(3);
}
#darkOverlay.go{opacity:.9}
body.chaos main,
body.chaos .hud,
body.chaos .nav{animation:chaos-jump .14s steps(2) infinite}
@keyframes chaos-jump{
  0%{transform:translate(-3px,2px) rotate(-.5deg)}
  25%{transform:translate(5px,-4px) rotate(.6deg)}
  50%{transform:translate(-6px,-2px) rotate(-.4deg)}
  75%{transform:translate(4px,5px) rotate(.5deg)}
  100%{transform:translate(-2px,-3px) rotate(0)}
}
.scrambled{transform:translate(var(--scx,0),var(--scy,0)) rotate(var(--scr,0deg)) var(--scflip,scaleX(1)) !important;transition:none !important;animation:none !important}
#eyes{
  position:fixed;z-index:9994;pointer-events:none;
  display:flex;gap:14px;opacity:0;
}
#eyes span{
  width:clamp(6px,1.1vw,15px);height:clamp(6px,1.1vw,15px);
  border-radius:50%;
  background:radial-gradient(circle,#ffffff 0%,#d8ecff 45%,rgba(200,235,255,0) 75%);
  box-shadow:0 0 20px 5px rgba(220,240,255,.85),0 0 6px 2px rgba(255,255,255,.9);
  animation:eye-pulse .3s steps(2) infinite;
}
@keyframes eye-pulse{50%{transform:scale(1.25)}}
#eyes.go{opacity:1;transition:opacity .04s}

.gif-scare{
  position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center;
  background:#000;pointer-events:none;
}
.gif-scare.go{display:flex;animation:gif-scare-in .05s steps(2) infinite}
.gif-scare img{width:100vw;height:100vh;object-fit:cover;user-select:none;-webkit-user-drag:none}
@keyframes gif-scare-in{
  0%{transform:translate(-4px,3px) scale(1.02)}
  50%{transform:translate(4px,-3px) scale(.98)}
  100%{transform:translate(-2px,2px) scale(1)}
}
body.gif-shake main,
body.gif-shake .hud,
body.gif-shake .nav{animation:chaos-jump .12s steps(2) infinite}

#wash{position:fixed;inset:0;z-index:9990;pointer-events:none;opacity:0;transition:opacity .03s}
#wash.go{opacity:1}
#bars{
  position:fixed;inset:0;z-index:9989;pointer-events:none;opacity:0;
  background:repeating-linear-gradient(0deg,transparent 0 14px,rgba(0,220,0,.14) 14px 18px,transparent 18px 32px,rgba(255,0,0,.12) 32px 36px,transparent 36px 50px);
  transform:translateY(-130%);
}
#bars.go{opacity:1;transform:translateY(130%);transition:transform .46s steps(6),opacity .05s}
#ghost{
  position:fixed;width:min(420px,60vw);height:min(620px,82vh);z-index:9988;pointer-events:none;
  opacity:0;background:radial-gradient(ellipse at 50% 30%,rgba(0,0,0,.88),rgba(0,0,0,.32) 55%,transparent 72%);
  filter:blur(6px);
}
#ghost.go{opacity:1;transition:opacity .9s ease}
.crt.roll{animation:crt-roll .33s steps(6)}
@keyframes crt-roll{0%{transform:translateY(0)}100%{transform:translateY(16vh)}}

#whisper{
  position:fixed;right:1.2rem;bottom:3rem;z-index:9965;pointer-events:none;
  font-family:var(--vt);font-size:clamp(.9rem,1.6vw,1.2rem);letter-spacing:.14em;
  color:rgba(255,255,255,.4);text-shadow:0 0 12px rgba(255,0,0,.35);
  opacity:0;transition:opacity .35s ease;max-width:60vw;text-align:right;
}
#whisper.go{opacity:1}

#ghostLine{
  position:fixed;z-index:9964;pointer-events:none;
  font-family:var(--vt);font-size:clamp(1rem,2vw,1.4rem);letter-spacing:.16em;
  color:rgba(220,220,220,.5);text-shadow:0 0 14px rgba(0,220,0,.25);
  opacity:0;transition:opacity .4s ease;max-width:70vw;
}
#ghostLine.go{opacity:1}
.rec-bad{color:var(--red)!important;text-shadow:var(--glow-red)}

#blip{
  position:fixed;inset:0;z-index:9997;pointer-events:none;
  background:#000;opacity:0;
}
#blip::after{
  content:"";position:absolute;left:0;right:0;top:46%;
  height:3px;background:rgba(255,255,255,.6);opacity:0;
  box-shadow:0 0 30px 6px rgba(255,255,255,.35);
}
#blip.go{animation:blip .5s steps(7)}
@keyframes blip{
  0%{opacity:0}
  8%{opacity:1}
  26%{opacity:.05}
  34%{opacity:.9}
  52%{opacity:.12}
  62%{opacity:1}
  86%{opacity:.2}
  100%{opacity:0}
}
#blip.go::after{animation:blip-line .5s steps(7)}
@keyframes blip-line{
  0%{opacity:0;transform:translateY(-30vh)}
  30%{opacity:1}
  70%{opacity:.8}
  100%{opacity:0;transform:translateY(30vh)}
}

body.page-glitch main,
body.page-glitch .hud,
body.page-glitch .nav,
body.page-glitch .crt{animation:page-glitch .1s steps(2) infinite;filter:invert(1) hue-rotate(90deg)}
@keyframes page-glitch{
  0%{transform:translate(-3px,2px)}
  33%{transform:translate(5px,-3px)}
  66%{transform:translate(-4px,-2px)}
  100%{transform:translate(2px,4px)}
}

/* ---------- Fixed HUD ---------- */
.hud{
  position:fixed;z-index:9960;font-family:var(--vt);font-size:1.05rem;
  letter-spacing:.08em;color:var(--dim);pointer-events:none;
}
.hud-tl{top:.8rem;left:1rem}
.hud-tr{top:.8rem;right:1rem;text-align:right}
.hud-bl{bottom:.7rem;left:1rem}
.hud-br{bottom:.7rem;right:1rem}
.rec-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:var(--glow-red);animation:blink 1.6s steps(1) infinite;margin-right:.35rem;vertical-align:1px}
.sig{color:var(--green);text-shadow:var(--glow-green)}
.sig-bad{color:var(--red);text-shadow:var(--glow-red)}

/* ---------- Boot ---------- */
#boot{
  position:fixed;inset:0;background:#000;z-index:9995;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .9s ease;
}
#boot.done{opacity:0;pointer-events:none}
.boot-inner{width:min(720px,90vw);padding:2rem}
.boot-log{
  font-family:var(--vt);font-size:clamp(1.15rem,2.4vw,1.6rem);
  color:#cfcfcf;line-height:1.75;white-space:pre-wrap;min-height:2.5em;
  text-shadow:0 0 8px rgba(0,220,0,.18);
}
.boot-prompt{
  font-family:var(--vt);font-size:1.35rem;color:var(--green);
  text-shadow:var(--glow-green);margin-top:2rem;
  animation:blink 1s steps(1) infinite;
}
.boot-skip{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);color:#2a2a2a;font-family:var(--vt);font-size:1rem;letter-spacing:.2em}

/* ---------- Cursor ---------- */
.cursor{
  position:fixed;top:0;left:0;z-index:10000;pointer-events:none;
  width:16px;height:16px;
  border:2px solid var(--green);
  mix-blend-mode:difference;
  transition:width .18s ease,height .18s ease,background .18s ease;
  display:none;
}
.cursor::before{
  content:"";position:absolute;top:50%;left:50%;width:2px;height:2px;
  background:var(--green);transform:translate(-50%,-50%);
}
.cursor.is-hover{
  width:30px;height:30px;background:rgba(0,220,0,.18);
  border-color:var(--red);
}
@media(pointer:fine){.cursor{display:block}}

.cursor-echo{
  position:fixed;top:0;left:0;z-index:9998;pointer-events:none;
  width:14px;height:14px;border:2px solid var(--red);
  mix-blend-mode:difference;opacity:0;
  transition:opacity .3s ease;
  display:none;
}
.cursor-echo.on{
  opacity:.65;
  box-shadow:0 0 12px rgba(255,0,0,.45);
}
@media(pointer:fine){.cursor-echo{display:block}}

.sig.drift,.stat-num.drift{
  color:var(--red)!important;
  text-shadow:0 0 10px rgba(255,0,0,.65);
  animation:sigflicker .16s steps(2) infinite;
}
@keyframes sigflicker{
  0%{opacity:1}
  50%{opacity:.45}
  100%{opacity:1}
}
.guide-tab.secret-tab{
  color:var(--red)!important;
  border-color:var(--red)!important;
  text-shadow:0 0 8px rgba(255,0,0,.6);
}
.secret-text{
  color:var(--red);
  font-family:var(--mono);
  font-size:.95rem;
  letter-spacing:.06em;
  text-align:center;
  padding:1.2rem .4rem;
  text-shadow:0 0 8px rgba(255,0,0,.4);
}

/* ---------- Nav ---------- */
.nav{
  position:sticky;top:0;left:0;right:0;z-index:9900;
  background:rgba(0,0,0,.94);
  border-bottom:1px solid var(--line);
}
.nav-row{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  flex-wrap:wrap;padding:.8rem 1.2rem;
}
.nav-brand{
  font-family:var(--vt);font-size:1.7rem;color:var(--green);
  letter-spacing:.06em;text-shadow:var(--glow-green);line-height:1;
}
.nav-status{
  font-size:.68rem;letter-spacing:.16em;color:var(--dim);
  display:flex;align-items:center;gap:.5rem;white-space:nowrap;
}
/* Site theme switch — TERM / TIMES / FORUM. Swaps the whole site's look. */
.theme-switch{
  display:flex;align-items:center;gap:.25rem;
  border:1px solid var(--line);border-radius:3px;overflow:hidden;
  background:rgba(4,4,4,.45);
}
.theme-btn{
  font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;
  background:transparent;color:var(--dim);border:0;padding:.32rem .55rem;
  cursor:pointer;transition:color .2s,background .2s;
}
.theme-btn:hover{color:var(--green);text-shadow:var(--glow-green)}
.theme-btn.active{
  color:var(--green);background:rgba(0,220,0,.1);
  text-shadow:var(--glow-green);
}
.led{
  width:8px;height:8px;border-radius:50%;background:var(--green);
  box-shadow:var(--glow-green);animation:pulse 2s ease-in-out infinite;
}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* tiny equalizer — bounces while ambience is playing */
.amb-icon{display:inline-flex;align-items:flex-end;gap:2px;width:13px;height:11px;opacity:.3;transition:opacity .25s;color:var(--green)}
.amb-icon i{display:block;width:3px;height:30%;background:currentColor;border-radius:1px;animation:amb-bounce 1.1s ease-in-out infinite}
.amb-icon i:nth-child(2){animation-delay:.16s}
.amb-icon i:nth-child(3){animation-delay:.32s}
.amb-icon.playing{opacity:1;filter:drop-shadow(0 0 4px rgba(0,220,0,.6))}
.amb-icon:not(.playing) i{animation-play-state:paused}
@keyframes amb-bounce{0%,100%{height:25%}50%{height:100%}}

 /* ---------- Floating music button ---------- */
 #musicButton{
   position:fixed;bottom:1.05rem;left:50%;transform:translateX(-50%);
   z-index:9960;cursor:pointer;
   display:inline-flex;align-items:center;gap:.55rem;
   font-family:var(--vt);font-size:.7rem;letter-spacing:.18em;
   color:var(--green);background:rgba(6,10,8,.9);
   border:1px solid var(--green-dim);padding:.45rem 1rem;
   text-transform:uppercase;transition:all .2s;
   box-shadow:0 0 14px rgba(0,220,0,.18);
   user-select:none;-webkit-user-select:none;
 }
 #musicButton:hover{color:var(--green);border-color:var(--green);box-shadow:var(--glow-green);text-shadow:var(--glow-green)}
 #musicButton:active{transform:translateX(-50%) scale(.96)}
 #musicButton.playing{color:var(--red);border-color:var(--red);box-shadow:var(--glow-red);text-shadow:0 0 8px rgba(255,0,0,.5)}
 #musicButton .music-eq{display:inline-flex;align-items:flex-end;gap:2px;width:12px;height:11px;pointer-events:none}
 #musicButton .music-eq i{display:block;width:2px;height:30%;background:currentColor;animation:mb-eq 1s ease-in-out infinite}
 #musicButton .music-eq i:nth-child(2){animation-delay:.18s}
 #musicButton .music-eq i:nth-child(3){animation-delay:.36s}
 #musicButton .music-eq i:nth-child(4){animation-delay:.54s}
 #musicButton:not(.playing) .music-eq i{animation-play-state:paused;height:25%}
 @keyframes mb-eq{0%,100%{height:25%}50%{height:100%}}
 @media (max-width:760px){
   #musicButton{bottom:.8rem;padding:.5rem 1.1rem}
 }

 /* ---------- Views ---------- */
.view{display:none}
.view.active{display:block;animation:view-in .5s ease}
.hero.view.active{display:flex}
@keyframes view-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.nav-right{display:flex;align-items:center;gap:.8rem}

/* ---------- Contents navigation ---------- */
.contents{
  display:flex;flex-wrap:wrap;gap:.4rem;
  padding:.5rem 1.2rem .75rem;border-top:1px solid var(--line);
}
.contents-link{
  font-size:.62rem;letter-spacing:.14em;color:var(--dim);
  border:1px solid var(--line-bright);padding:.3rem .7rem;
  transition:all .2s;white-space:nowrap;
}
.contents-link:hover{color:var(--green);border-color:var(--green-dim)}
.contents-link.active{
  color:var(--green);border-color:var(--green);
  background:rgba(0,220,0,.1);box-shadow:var(--glow-green);text-shadow:var(--glow-green);
  animation:sel-pulse 2.4s ease-in-out infinite;
}
@keyframes sel-pulse{
  0%,100%{background:rgba(0,220,0,.06);box-shadow:var(--glow-green)}
  50%{background:rgba(0,220,0,.16);box-shadow:0 0 18px rgba(0,220,0,.55)}
}
.nav-toggle{
  font-family:var(--vt);font-size:1.05rem;letter-spacing:.12em;color:var(--green);
  background:transparent;border:1px solid var(--line-bright);padding:.28rem .7rem;
  transition:all .2s;white-space:nowrap;display:none;
}
.nav-toggle:hover{color:var(--red);border-color:var(--red);box-shadow:var(--glow-red)}
.side-panel{display:none}

/* ---------- Hero ---------- */
.hero{
  min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:6.5rem 1.2rem 4rem;position:relative;
}
.hero-meta{
  width:100%;max-width:1080px;
  display:flex;justify-content:space-between;gap:1rem;
  font-size:.7rem;letter-spacing:.16em;color:var(--dim);
  padding:0 .2rem;margin-bottom:2.2rem;
}
.hero-meta span:last-child{text-align:right}
.hero-badge{
  display:inline-flex;align-items:center;gap:.55rem;
  font-size:.72rem;letter-spacing:.2em;color:var(--green);
  border:1px solid var(--green-dim);padding:.3rem 1rem;margin-bottom:1.6rem;
  text-shadow:var(--glow-green);box-shadow:inset 0 0 14px rgba(0,220,0,.06);
}
.hero h1{
  font-family:var(--vt);font-weight:400;line-height:.92;
  font-size:clamp(3.4rem,13.5vw,10.5rem);
  letter-spacing:.02em;color:#f2f2f2;
  opacity:0;transform:translateY(18px);
  transition:opacity .8s ease,transform .8s ease;
}
body.loaded .hero h1{
  opacity:1;transform:none;
  animation:title-bloom 5s ease-in-out infinite;
  will-change:text-shadow;
}
@keyframes title-bloom{
  0%,100%{text-shadow:0 0 18px rgba(200,0,0,.25),0 0 4px rgba(200,0,0,.4)}
  50%{text-shadow:0 0 42px rgba(200,0,0,.6),0 0 10px rgba(200,0,0,.85)}
}
body.loaded .hero h1:nth-of-type(2){transition-delay:.12s;animation-delay:2.5s}
.hero-sub{
  margin-top:1.8rem;min-height:1.6em;
  font-family:var(--vt);font-size:clamp(1.2rem,2.6vw,1.75rem);
  color:var(--green);letter-spacing:.08em;text-shadow:var(--glow-green);
}
.hero-actions{
  margin-top:2.6rem;display:flex;gap:1.1rem;flex-wrap:wrap;justify-content:center;
}
.hero-hint{
  margin-top:3.2rem;font-size:.68rem;letter-spacing:.22em;color:var(--dim);
  text-transform:uppercase;
}

/* ---------- Glitch title ---------- */
.glitch{position:relative;display:inline-block}
.glitch::before,.glitch::after{
  content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;
  overflow:hidden;pointer-events:none;opacity:.85;
}
.glitch::before{color:var(--red);animation:glitch-a 3.2s infinite linear alternate-reverse;clip-path:inset(0 0 62% 0)}
.glitch::after{color:var(--cyan);animation:glitch-b 2.7s infinite linear alternate-reverse;clip-path:inset(62% 0 0 0)}
@keyframes glitch-a{
  0%{transform:translate(0,0)}
  8%{transform:translate(-3px,-2px)}
  9%{transform:translate(2px,1px)}
  10%{transform:translate(0,0)}
  78%{transform:translate(0,0)}
  79%{transform:translate(3px,-1px)}
  80%{transform:translate(-2px,2px)}
  81%{transform:translate(0,0)}
  100%{transform:translate(0,0)}
}
@keyframes glitch-b{
  0%{transform:translate(0,0)}
  6%{transform:translate(3px,2px)}
  7%{transform:translate(-2px,-1px)}
  8%{transform:translate(0,0)}
  62%{transform:translate(0,0)}
  63%{transform:translate(-3px,2px)}
  64%{transform:translate(2px,-2px)}
  65%{transform:translate(0,0)}
  100%{transform:translate(0,0)}
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-block;font-family:var(--vt);font-size:clamp(1.15rem,2vw,1.4rem);
  letter-spacing:.1em;padding:.7rem 1.7rem;
  border:1px solid var(--green);color:var(--green);
  background:transparent;position:relative;overflow:hidden;
  text-shadow:none;transition:all .2s;
}
.btn::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,transparent 40%,rgba(0,220,0,.28) 50%,transparent 60%);
  transform:translateX(-120%);transition:transform .45s ease;
}
.btn:hover{background:rgba(0,220,0,.08);box-shadow:var(--glow-green),inset 0 0 18px rgba(0,220,0,.06);text-shadow:var(--glow-green)}
.btn:hover::before{transform:translateX(120%)}
.btn-primary{background:rgba(0,220,0,.1)}
.btn-ghost{border-color:#3a3a3a;color:var(--text)}
.btn-ghost:hover{border-color:var(--red);color:var(--red);background:rgba(200,0,0,.06);box-shadow:var(--glow-red)}
.btn-ghost::before{background:linear-gradient(100deg,transparent 40%,rgba(200,0,0,.25) 50%,transparent 60%)}

/* ---------- Ticker ---------- */
.ticker{
  overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:var(--bg-soft);white-space:nowrap;padding:.55rem 0;
  position:relative;
}
.ticker-track{display:inline-block;will-change:transform;animation:ticker 60s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{display:inline-block;font-family:var(--vt);font-size:1.15rem;letter-spacing:.1em;color:#8a8a8a}
.ticker-item::after{content:"●";color:var(--red);margin:0 1.4rem;opacity:.75}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- Sections ---------- */
.section{max-width:1080px;margin:0 auto;padding:clamp(4rem,9vw,7rem) var(--pad);scroll-margin-top:4.5rem}
.section-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}
.section-title{
  font-family:var(--vt);font-weight:400;font-size:clamp(1.7rem,4vw,2.5rem);
  letter-spacing:.06em;color:#f0f0f0;white-space:nowrap;
}
.section-title .red{color:var(--red)}
.section-line{
  flex:1;height:1px;
  background:linear-gradient(90deg,transparent,var(--green-dim) 40%,var(--line-bright) 75%,transparent);
  background-size:220% 100%;animation:line-shift 7s linear infinite;
}
@keyframes line-shift{from{background-position:180% 0}to{background-position:-40% 0}}
.section-sub{color:var(--dim);font-size:.85rem;letter-spacing:.06em;margin-bottom:2.4rem}

/* ---------- About ---------- */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.about-copy p{margin-bottom:1.15rem;font-size:clamp(.88rem,1.1vw,.98rem);color:#c9c9c9}
.about-copy p.dim{color:var(--dim);font-size:.85rem}
.about-quote{
  margin-top:1.8rem;font-family:var(--vt);font-size:clamp(1.15rem,2.2vw,1.5rem);
  color:var(--red);text-shadow:var(--glow-red);letter-spacing:.05em;
}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.stat{
  border:1px solid var(--line);background:var(--panel);
  padding:1.4rem 1.1rem;position:relative;
  transition:border-color .25s,box-shadow .25s;
}
.stat::before,.stat::after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--green);transition:border-color .25s}
.stat::before{top:-1px;left:-1px;border-right:0;border-bottom:0}
.stat::after{bottom:-1px;right:-1px;border-left:0;border-top:0}
.stat:hover{border-color:var(--green-dim);box-shadow:var(--glow-soft)}
.stat:hover::before,.stat:hover::after{border-color:var(--green)}
.stat-num{
  display:block;font-family:var(--vt);font-size:clamp(2.4rem,5vw,3.4rem);
  color:var(--green);line-height:1;text-shadow:var(--glow-green);
}
.stat-label{display:block;margin-top:.5rem;font-size:.62rem;letter-spacing:.18em;color:var(--dim)}

 /* ---------- Intel ---------- */
 .intel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:1.2rem}
 .intel-item{
   border:1px solid var(--line);background:var(--panel);
   padding:1rem 1.1rem;position:relative;overflow:hidden;
   transition:border-color .25s,box-shadow .25s;
 }
 .intel-item:hover{border-color:var(--green-dim);box-shadow:var(--glow-soft)}
 .intel-label{
   display:block;font-size:.58rem;letter-spacing:.2em;color:var(--dim);
   text-transform:uppercase;margin-bottom:.4rem;
 }
 .intel-value{
   display:block;font-family:var(--vt);font-size:clamp(.95rem,2vw,1.15rem);
   color:#e0e0e0;letter-spacing:.08em;word-break:break-all;
   text-shadow:0 0 10px rgba(0,220,0,.25);
 }
 .intel-value.glow{color:var(--green);text-shadow:var(--glow-green)}
 .intel-value.hot{color:var(--red);text-shadow:var(--glow-red)}
 .intel-value.loc{color:var(--cyan);text-shadow:0 0 12px rgba(0,216,255,.4)}
 .intel-foot{margin-top:1.4rem;font-size:.6rem;letter-spacing:.16em;color:var(--dim);text-align:center}

 /* ---------- The Story (a calm page — no scares, no random events) ---------- */
 .story-view{min-height:100vh}
 .story-wrap{
   display:grid;grid-template-columns:minmax(0,280px) 1fr;
   gap:clamp(1.5rem,4vw,3rem);align-items:start;
 }
 .story-credits-head{
   font-size:.62rem;letter-spacing:.24em;color:var(--dim);
   text-align:center;margin-bottom:.6rem;
 }
 .story-credits-box{
   height:min(540px,64vh);overflow:hidden;position:relative;
   border:1px solid var(--line-bright);background:var(--panel);
 }
 .story-credits-box::before,
 .story-credits-box::after{
   content:"";position:absolute;left:0;right:0;height:46px;z-index:1;
   pointer-events:none;
 }
 .story-credits-box::before{top:0;background:linear-gradient(to bottom,var(--bg),rgba(4,4,4,0))}
 .story-credits-box::after{bottom:0;background:linear-gradient(to top,var(--bg),rgba(4,4,4,0))}
 .story-credits-track{
   display:flex;flex-direction:column;
   animation:story-credits 26s linear infinite;
 }
 .story-credits-set{
   display:flex;flex-direction:column;gap:.95rem;
   padding:1.4rem 1.1rem;text-align:center;
   font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;
   color:#8f8f8f;line-height:1.5;
 }
 .story-credits-set .sc-sep{color:#3a3a3a;letter-spacing:.4em}
 .story-credits-set .sc-thanks{
   color:var(--green);font-weight:700;letter-spacing:.24em;
   margin-top:.6rem;text-shadow:var(--glow-green);
 }
 @keyframes story-credits{
   0%{transform:translateY(0)}
   100%{transform:translateY(-50%)}
 }
 .story-body{display:flex;flex-direction:column;gap:1.4rem}
 .story-card{
   border:1px solid var(--line);background:var(--panel);
   padding:clamp(1.2rem,3vw,2rem);
 }
  .story-kicker{
    font-family:var(--vt);font-size:.85rem;letter-spacing:.22em;
    color:var(--green);text-shadow:var(--glow-green);margin-bottom:1.1rem;
  }
  .story-headline{
    font-family:var(--vt);font-size:clamp(1rem,2.2vw,1.3rem);
    color:var(--text);letter-spacing:.06em;line-height:1.3;
    margin:-.4rem 0 1rem;
  }
  .story-rule{
    height:1px;background:linear-gradient(90deg,var(--green-dim),transparent);
    border:0;margin:1.4rem 0;
  }
 .story-para{margin:0 0 1.4rem}
 .story-para p{margin:0 0 .9rem;color:#bcbcbc;line-height:1.8}
 .story-para p:last-child{margin-bottom:0}
 .story-signoff{
   font-family:var(--vt);font-size:1.1rem;color:var(--dim);
   text-align:right;letter-spacing:.1em;margin-top:1rem;
 }
 .story-games{
   display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
   gap:1rem;
 }
 .story-game{
   display:flex;flex-direction:column;gap:.3rem;
   border:1px solid var(--line-bright);background:#070707;padding:1.1rem 1.1rem 1.2rem;
   color:var(--text);text-decoration:none;position:relative;overflow:hidden;
   transition:border-color .25s,box-shadow .25s,transform .25s;
 }
 .story-game::before{
   content:"";position:absolute;top:0;left:0;right:0;height:2px;
   background:repeating-linear-gradient(90deg,var(--green) 0 14px,var(--green-dim) 14px 20px);
 }
 a.story-game:hover{
   border-color:var(--green-dim);transform:translateY(-2px);
   box-shadow:inset 0 0 24px rgba(0,220,0,.05);
 }
 .story-game-title{font-family:var(--vt);font-size:1.05rem;color:var(--green);letter-spacing:.12em;text-shadow:var(--glow-green)}
 .story-game-note{font-size:.74rem;color:var(--dim);letter-spacing:.04em}
 .story-game-more::before{background:repeating-linear-gradient(90deg,#3a3a3a 0 14px,#1a1a1a 14px 20px)}
 .story-game-more .story-game-title{color:#8f8f8f;text-shadow:none}
 @media(max-width:820px){
   .story-wrap{grid-template-columns:1fr}
   .story-credits-box{height:240px}
 }

 /* ---------- History ---------- */
.timeline{
  --tl-pad:clamp(1.4rem,3vw,2.2rem);
  position:relative;margin-left:1rem;
  border-left:1px solid var(--line-bright);
  display:grid;gap:2.4rem;padding-left:var(--tl-pad);
}
.t-entry{position:relative}
.t-entry::before{
  content:"";position:absolute;
  left:calc(-1 * var(--tl-pad) - 5px);top:.45rem;
  width:9px;height:9px;background:var(--bg);
  border:1px solid var(--green);transform:rotate(45deg);
}
.t-entry-last::before{background:var(--red);border-color:var(--red);box-shadow:var(--glow-red)}
.t-year{font-family:var(--vt);font-size:1.3rem;color:var(--green);letter-spacing:.12em;text-shadow:var(--glow-green)}
.t-entry-last .t-year{color:var(--red);text-shadow:var(--glow-red)}
.t-title{font-size:.72rem;letter-spacing:.18em;color:#e0e0e0;margin:.35rem 0 .5rem}
.t-body p{font-size:.86rem;color:#a8a8a8;max-width:60ch}

/* ---------- Concerns ---------- */
.concerns{border:1px solid var(--line);background:var(--panel)}
.concern{border-bottom:1px solid var(--line)}
.concern:last-child{border-bottom:0}
.concern summary{
  list-style:none;display:flex;align-items:baseline;gap:.8rem;
  font-family:var(--vt);font-size:1.3rem;letter-spacing:.08em;color:#dcdcdc;
  padding:1.05rem 1.4rem;transition:color .2s;user-select:none;
}
.concern summary::-webkit-details-marker{display:none}
.concern summary::before{content:"[ + ]";color:var(--green);font-size:1rem;width:2.4em;flex:none}
.concern[open] summary::before{content:"[ - ]";color:var(--red)}
.concern summary:hover,.concern[open] summary{color:var(--green)}
.concern-body{
  padding:0 1.4rem 1.2rem 3.4rem;font-size:.85rem;color:#b4b4b4;line-height:1.85;
  border-left:2px solid var(--line-bright);margin-left:1.4rem;
}

/* ---------- Signal Intercept ---------- */
.signal-box{border:1px solid var(--line-bright);background:#050505;padding:1.4rem 1.5rem;max-width:780px}
.signal-label{font-family:var(--vt);font-size:1.3rem;color:var(--green);letter-spacing:.12em;text-shadow:var(--glow-green);display:block;margin-bottom:.9rem}
.signal-row{
  display:flex;align-items:center;gap:.6rem;
  border:1px solid var(--line-bright);background:#000;
  padding:.7rem .9rem;
}
.signal-prompt{font-family:var(--vt);font-size:1.4rem;color:var(--green)}
.type-in{
  flex:1;background:transparent;border:0;outline:0;
  font-family:var(--vt);font-size:1.4rem;color:#f0f0f0;
  letter-spacing:.1em;min-width:0;caret-color:var(--green);
}
.type-in::placeholder{color:#333}
.signal-hint{font-size:.62rem;letter-spacing:.16em;color:#3d3d3d;margin-top:.8rem;text-transform:uppercase}
.signal-send{
  font-family:var(--vt);font-size:1.1rem;letter-spacing:.12em;color:var(--green);
  border:1px solid var(--green-dim);background:transparent;padding:.35rem .9rem;
  transition:all .2s;white-space:nowrap;
}
.signal-send:hover{background:rgba(0,220,0,.1);box-shadow:var(--glow-green)}
.signal-send:disabled{color:#3a3a3a;border-color:var(--line-bright);pointer-events:none}
.signal-keys{display:none;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
body.touch-device .signal-keys,
.signal-box.focused .signal-keys{display:flex}
.signal-key{
  font-family:var(--vt);font-size:1.05rem;letter-spacing:.1em;
  color:var(--dim);background:#000;border:1px solid var(--line-bright);
  padding:.25rem .8rem;transition:all .2s;touch-action:manipulation;
}
.signal-key:hover,.signal-key:active{color:var(--green);border-color:var(--green);text-shadow:var(--glow-green);box-shadow:var(--glow-green)}
.signal-key:active{transform:translateY(1px)}
.ai-log{margin-top:.9rem;display:flex;flex-direction:column;gap:.75rem;max-height:320px;overflow-y:auto}
.ai-line{font-family:var(--vt);font-size:1.15rem;line-height:1.6;word-break:break-word}
.ai-you{color:#b8b8b8}
.ai-it{color:var(--green);text-shadow:var(--glow-green)}
.signal-disclosure{
  margin-top:1rem;font-size:.58rem;letter-spacing:.06em;color:#5a5a5a;line-height:1.7;
  border-top:1px dashed var(--line-bright);padding-top:.7rem;
}

/* ---------- Dev ---------- */
.simpler-redirect{
  border:1px solid var(--green-dim);background:var(--panel);
  padding:1.4rem 1.6rem;margin-bottom:2.4rem;position:relative;
  box-shadow:inset 0 0 40px rgba(51,255,51,.05), 0 0 24px rgba(51,255,51,.08);
}
.simpler-redirect::before{
  content:"1993";position:absolute;top:.6rem;right:1rem;
  font-family:var(--vt);letter-spacing:.2em;color:var(--dim);font-size:.9rem;
}
.dev-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.dev-card{border:1px solid var(--line);background:var(--panel);padding:1.6rem}
.dev-card-title{font-family:var(--vt);font-weight:400;font-size:1.3rem;color:var(--green);letter-spacing:.12em;margin-bottom:1rem}
.dev-card-title.mt{margin-top:1.6rem}
.dev-list{display:grid;gap:.6rem}
.dev-list li{font-size:.8rem;color:#bcbcbc}
.dev-list a{color:var(--green);border-bottom:1px solid var(--green-dim)}
.dev-copy{font-family:var(--mono);font-size:.8rem;color:var(--green);background:transparent;border:1px solid var(--green-dim);padding:.1rem .5rem;transition:all .2s}
.dev-copy:hover{box-shadow:var(--glow-green)}
.dev-note{font-size:.76rem;color:var(--dim);line-height:1.7;margin-bottom:1rem}

/* ---------- Sessions ---------- */
.sessions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.session{
  border:1px solid var(--line);background:var(--panel);
  padding:1.6rem 1.4rem 1.3rem;position:relative;
  transition:transform .3s,box-shadow .3s,border-color .3s;
  display:flex;flex-direction:column;gap:1rem;
}
.session::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--green-dim),transparent);
}
.session:hover{transform:translateY(-6px);box-shadow:var(--glow-soft)}
.session:nth-child(2):hover,.session:nth-child(2):hover .session-code{border-color:var(--green-dim)}
.session:nth-child(3):hover{border-color:var(--dark-red);box-shadow:0 12px 40px rgba(200,0,0,.08)}
.session:nth-child(3)::before{background:linear-gradient(90deg,var(--dark-red),transparent)}
.session-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}
.session-code{font-family:var(--vt);font-size:1.15rem;letter-spacing:.12em;color:#8a8a8a}
.session-status{font-size:.6rem;letter-spacing:.16em;padding:.18rem .5rem;border:1px solid}
.session-status.ok{color:var(--green);border-color:var(--green-dim)}
.session-status.warn{color:#ffb000;border-color:#5c4000}
.session-status.danger{color:var(--red);border-color:var(--dark-red)}
.session-name{font-family:var(--vt);font-weight:400;font-size:clamp(1.4rem,2.2vw,1.8rem);color:#f0f0f0;letter-spacing:.05em}
.session-points{font-size:.78rem;color:#b8b8b8;display:grid;gap:.55rem}
.session-points li{position:relative;padding-left:1rem}
.session-points li::before{content:"▸";position:absolute;left:0;color:var(--red)}
.session-progress{position:relative;height:14px;border:1px solid var(--line-bright);background:#000}
.bar{
  position:absolute;top:0;left:0;bottom:0;width:var(--w);
  background:repeating-linear-gradient(90deg,var(--green) 0 6px,#0a7a1c 6px 9px);
  opacity:.75;
}
.session:nth-child(3) .bar{background:repeating-linear-gradient(90deg,var(--red) 0 6px,#5c0000 6px 9px)}
.bar-label{position:absolute;top:50%;left:.5rem;transform:translateY(-50%);font-size:.55rem;letter-spacing:.14em;color:#000;font-weight:700}
.session-login{
  font-family:var(--vt);font-size:1.05rem;color:var(--dim);letter-spacing:.08em;
  border-top:1px dashed var(--line-bright);padding-top:.9rem;margin-top:auto;
}

/* ---------- Terminal ---------- */
.terminal{
  max-width:780px;margin:0 auto;
  border:1px solid var(--line-bright);background:#050505;
  box-shadow:0 24px 80px rgba(0,0,0,.85);
}
.terminal-bar{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  background:#0b0b0b;border-bottom:1px solid var(--line-bright);
  padding:.55rem 1rem;font-size:.66rem;letter-spacing:.18em;color:var(--dim);
}
.dots{display:flex;gap:.4rem}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.dot-red{background:var(--red)}
.dot-green{background:var(--green);animation:blink 2s steps(1) infinite}
.dot-dim{background:#333}
#termStatus{color:var(--green);letter-spacing:.12em}
.terminal-body{padding:clamp(1.2rem,3vw,2rem);min-height:280px;display:flex;flex-direction:column}
.term-lines{flex:1}
.term-line{margin-bottom:1.1rem;line-height:1.75}
.term-q{color:#e8e8e8;font-size:clamp(.92rem,1.3vw,1.05rem)}
.term-meta{color:var(--dim);font-size:.68rem;letter-spacing:.14em;margin-top:.4rem}
.term-answer{color:var(--green);text-shadow:var(--glow-green)}
.term-answer.warn{color:var(--red);text-shadow:var(--glow-red)}
.term-options{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.4rem}
.term-opt{
  font-family:var(--vt);font-size:1.3rem;letter-spacing:.08em;
  border:1px solid #333;background:transparent;color:var(--text);
  padding:.35rem 1.3rem;transition:all .18s;position:relative;
}
.term-opt:hover,.term-opt.active{border-color:var(--green);color:var(--green);box-shadow:var(--glow-green)}
.term-opt:hover::before,.term-opt.active::before{content:">";position:absolute;left:-1.1rem;top:50%;transform:translateY(-50%);color:var(--green)}
.term-prompt{display:inline-flex;gap:.5rem;align-items:center;font-family:var(--vt);font-size:1.25rem;color:var(--green)}
.term-prompt .block{width:.6em;height:1.15em;background:var(--green);animation:blink 1s steps(1) infinite}

.stage-launch{margin-top:1.6rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.stage-btn{
  font-family:var(--vt);font-size:1.4rem;letter-spacing:.08em;
  border:1px solid var(--red);color:var(--red);background:transparent;
  padding:.5rem 1.5rem;cursor:pointer;transition:all .18s;position:relative;
}
.stage-btn:hover{border-color:var(--red);background:rgba(255,31,31,.12);box-shadow:0 0 14px rgba(255,31,31,.45)}
.stage-btn:hover::before{content:">";position:absolute;left:-1.2rem;top:50%;transform:translateY(-50%);color:var(--red)}
.stage-hint{font-size:.95rem;color:var(--dim);letter-spacing:.03em}

/* ---------- Evidence ---------- */
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.shot{
  border:1px solid var(--line);background:var(--panel);position:relative;
  padding:1rem 1rem 1.2rem;transition:border-color .3s,box-shadow .3s;
}
.shot:hover{border-color:var(--green-dim);box-shadow:var(--glow-soft)}
.shot-frame{
  position:relative;border:1px solid var(--line-bright);background:#000;
  overflow:hidden;line-height:0;
}
.shot-frame::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0 3px,rgba(0,0,0,.16) 3px 6px);
  box-shadow:inset 0 0 60px rgba(0,0,0,.5);
}
.shot-frame img{width:100%;height:auto;display:block}
.shot-cam{
  position:absolute;top:.6rem;left:.7rem;font-size:.6rem;letter-spacing:.14em;
  color:#ff6a6a;text-shadow:0 0 6px rgba(255,0,0,.6);
}
.shot-sig{
  position:absolute;top:.6rem;right:.7rem;font-size:.6rem;letter-spacing:.14em;
  color:var(--green);text-shadow:var(--glow-green);
}
.shot-cap{margin-top:.9rem;display:flex;flex-direction:column;gap:.35rem;line-height:1.6}
.shot-id{font-size:.6rem;letter-spacing:.2em;color:var(--green)}
.shot-desc{font-size:.72rem;color:#9a9a9a}

/* ---------- Ambience ---------- */
.player{border:1px solid var(--line);background:var(--panel);max-width:760px}
.player-head{
  display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;
  border-bottom:1px solid var(--line);padding:.85rem 1.2rem;
}
.player-led{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:var(--glow-green);animation:pulse 2s ease-in-out infinite}
.player.playing .player-led{background:var(--red);box-shadow:var(--glow-red)}
.player-title{font-family:var(--vt);font-size:1.25rem;letter-spacing:.1em;color:#e0e0e0;flex:1;min-width:0}
.player-status{font-size:.6rem;letter-spacing:.16em;color:var(--dim)}
.player.playing .player-status{color:var(--green);text-shadow:var(--glow-green)}
.player-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.2rem}
.player-btn{
  font-family:var(--vt);font-size:1.3rem;letter-spacing:.12em;color:var(--green);
  border:1px solid var(--green);background:transparent;padding:.5rem 1.4rem;transition:all .2s;
}
.player-btn:hover{background:rgba(0,220,0,.1);box-shadow:var(--glow-green);text-shadow:var(--glow-green)}
.player-btn.ghost{border-color:#3a3a3a;color:var(--text)}
.player-btn.ghost:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 14px rgba(0,216,255,.22)}
.player-btn.on{color:var(--red);border-color:var(--red);box-shadow:var(--glow-red)}
.player-note{font-size:.62rem;letter-spacing:.08em;color:#5a5a5a;line-height:1.6;flex:1;min-width:200px}

/* ---------- Quotes ---------- */
.quotes{display:grid;gap:1.4rem}
.quote{
  border:1px solid var(--line);background:var(--panel);
  padding:1.5rem 1.6rem;position:relative;
  border-left:3px solid var(--dark-red);
  transition:border-color .3s,box-shadow .3s;
}
.quote:hover{border-left-color:var(--red);box-shadow:var(--glow-soft)}
.quote-text{font-family:var(--vt);font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.6;color:#dcdcdc}
.quote-by{
  margin-top:.9rem;font-size:.62rem;letter-spacing:.16em;color:var(--green);
  border-top:1px dashed var(--line-bright);padding-top:.7rem;
}

/* ---------- Requirements ---------- */
.req-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.req{
  border:1px solid var(--line);background:var(--panel);
  padding:1.4rem 1.5rem;position:relative;
  transition:border-color .3s,box-shadow .3s;
}
.req::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green-dim),transparent)}
.req:hover{border-color:var(--green-dim);box-shadow:var(--glow-soft)}
.req-title{font-family:var(--vt);font-weight:400;font-size:1.25rem;letter-spacing:.12em;color:var(--green);margin-bottom:1rem}

/* ---------- Game-style keyboard cursor (TAB / ENTER) ---------- */
.contents-link.kb-target{
  color:var(--red);border-color:var(--red);background:rgba(200,0,0,.1);
  box-shadow:var(--glow-red);text-shadow:var(--glow-red);
  animation:kb-blink .9s steps(1) infinite;
}
.side-link.kb-target{
  color:var(--red);border-left-color:var(--red);background:rgba(200,0,0,.08);
  text-shadow:var(--glow-red);animation:kb-blink .9s steps(1) infinite;
}
@keyframes kb-blink{50%{opacity:.4}}

/* ---------- The Archive (secret LOGS) ---------- */
.logs-lock{border:1px dashed var(--red);background:rgba(120,0,0,.07);padding:3rem 1.5rem;text-align:center}
.logs-lock-text{font-family:var(--vt);font-size:clamp(1.2rem,2.6vw,1.7rem);color:var(--red);line-height:1.75;text-shadow:var(--glow-red)}
.logs-hint{margin-top:1.8rem;font-size:.7rem;letter-spacing:.28em;color:var(--dim)}
.logs-keys{
  display:inline-block;min-width:1.7rem;padding:.12rem .45rem;margin:0 .2rem;
  border:1px solid var(--red);color:var(--red);font-family:var(--vt);font-size:1.15rem;
  animation:kb-blink 1.7s steps(1) infinite;
}
.logs-keys + .logs-keys{animation-delay:.2s}
.logs-keys + .logs-keys + .logs-keys{animation-delay:.4s}
.logs-keys + .logs-keys + .logs-keys + .logs-keys{animation-delay:.6s}
.logs-lock-foot{margin-top:1.6rem;font-size:.62rem;letter-spacing:.12em;color:#5a5a5a}
.logs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.logs-entry{border:1px solid var(--line);background:var(--panel);padding:1.3rem 1.5rem;position:relative;transition:border-color .3s,box-shadow .3s}
.logs-entry:hover{border-color:var(--dark-red);box-shadow:var(--glow-soft)}
.logs-entry::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--red),transparent)}
.logs-id{font-size:.6rem;letter-spacing:.2em;color:var(--red);text-shadow:var(--glow-red)}
.logs-body{margin-top:.7rem;font-size:.8rem;color:#9a9a9a;line-height:1.75}
.logs-return{margin-top:1rem;grid-column:1/-1;text-align:center;font-family:var(--vt);font-size:1rem;color:var(--green);letter-spacing:.14em;text-shadow:var(--glow-green)}

/* ---------- Download ---------- */
.download-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1.6rem;align-items:start}
.release,.side{border:1px solid var(--line);background:var(--panel);position:relative}
.releases-col{display:grid;gap:1.6rem;min-width:0}
.release{overflow:hidden}
.release.rem::before{background:repeating-linear-gradient(90deg,#b00000 0 14px,#4a0000 14px 20px)}
.release::before{
  content:"";position:absolute;top:0;left:0;right:0;height:3px;
  background:repeating-linear-gradient(90deg,var(--green) 0 14px,var(--green-dim) 14px 20px);
}
.release-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.8rem 1.8rem 1rem}
.tag{
  display:inline-block;font-size:.6rem;letter-spacing:.2em;padding:.2rem .6rem;margin-bottom:.8rem;
  border:1px solid var(--green-dim);color:var(--green);
}
.tag-green{background:rgba(0,220,0,.06)}
.release-version{font-family:var(--vt);font-weight:400;font-size:clamp(2rem,4vw,2.8rem);color:#f0f0f0;line-height:1}
.release-date{font-size:.7rem;color:var(--dim);letter-spacing:.12em;margin-top:.4rem}
.release-icon{color:var(--green);opacity:.85}
.release-icon svg{width:52px;height:52px;filter:drop-shadow(var(--glow-green))}
.release-assets{padding:0 1.8rem 1.2rem;display:grid;gap:.8rem}
.dots-anim::after{content:"";animation:dots 1.2s steps(4) infinite}
@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.asset-btn{
  font-family:var(--vt);font-size:1.15rem;letter-spacing:.1em;color:var(--green);
  border:1px solid var(--green);padding:.4rem 1.2rem;background:transparent;
  transition:all .2s;white-space:nowrap;
}
.asset-btn:hover{background:rgba(0,220,0,.1);box-shadow:var(--glow-green);text-shadow:var(--glow-green)}
.platform-options{
  padding:0 1.8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;
}
.platform-card{
  border:1px solid var(--line);background:#070707;padding:1.2rem;
  display:flex;flex-direction:column;gap:.8rem;position:relative;
}
.platform-card.is-current{border-color:var(--green-dim);background:#050d05;box-shadow:inset 0 0 24px rgba(0,220,0,.05)}
.platform-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.platform-head .tag{margin-bottom:0}
.platform-os{font-family:var(--vt);font-size:1.7rem;letter-spacing:.12em;color:#f0f0f0;line-height:1}
.platform-desc{font-size:.72rem;color:var(--dim);letter-spacing:.05em;line-height:1.6}
.platform-desc b{color:#b0b0b0;font-weight:400}
.platform-btn{
  font-family:var(--vt);font-size:1.3rem;letter-spacing:.12em;color:var(--green);text-align:center;
  border:1px solid var(--green);padding:.55rem .8rem;background:transparent;transition:all .2s;
  display:block;
}
.platform-btn:hover{background:rgba(0,220,0,.1);box-shadow:var(--glow-green);text-shadow:var(--glow-green)}
.platform-btn[aria-disabled="true"]{color:#3a3a3a;border-color:var(--line-bright);pointer-events:none}
.platform-btn.platform-miss{color:var(--red);border-color:var(--dark-red)}
.platform-status{font-size:.62rem;color:var(--dim);letter-spacing:.1em;line-height:1.6;min-height:1em}
.platform-status.miss{color:#a05a5a}
.release-fallback{padding:0 1.8rem 1.2rem;display:flex;justify-content:center}
.release-note{
  margin:0 1.8rem 1.2rem;padding:.8rem 1rem;
  border:1px solid #5c4000;background:rgba(255,176,0,.04);
  font-size:.72rem;letter-spacing:.06em;color:#d8b45a;line-height:1.6;
}
.release-warn{
  margin:0 1.8rem 1.8rem;padding:.9rem 1rem;
  border:1px solid var(--dark-red);background:rgba(200,0,0,.05);
  font-size:.7rem;color:#c98a8a;line-height:1.8;letter-spacing:.04em;
}
.release-alpha{
  margin:0 1.8rem 1.2rem;padding:1.1rem 1.3rem;
  border:2px solid #e00;background:rgba(255,0,0,.1);
  font-family:var(--vt);font-weight:700;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:.14em;
  color:#ff4d4d;text-align:center;line-height:1.4;
  animation:alphaPulse 1.1s steps(2) infinite;
}
.release-alpha span{
  display:block;margin-top:.5rem;
  font-family:var(--ibm,'IBM Plex Mono',ui-monospace,monospace);font-weight:400;
  font-size:.72rem;letter-spacing:.05em;line-height:1.7;color:#e0a0a0;
}
@keyframes alphaPulse{50%{background:rgba(255,0,0,.2);box-shadow:0 0 22px rgba(255,0,0,.35)}}
.side{padding:1.8rem 1.6rem}
.side-title{
  font-family:var(--vt);font-weight:400;font-size:1.35rem;letter-spacing:.1em;
  color:var(--green);margin-bottom:1rem;
}
.side-title.mt{margin-top:1.8rem}
.feature-list{display:grid;gap:.55rem}
.feature-list li{font-size:.8rem;color:#bcbcbc}
.mark{color:var(--green);margin-right:.5rem}

/* ---------- Footer ---------- */
footer{padding:3rem var(--pad) 4rem;text-align:center;color:var(--dim)}
.footer-line{
  max-width:640px;height:1px;margin:0 auto 2rem;
  background:linear-gradient(90deg,transparent,var(--line-bright),transparent);
}
footer p{font-family:var(--vt);font-size:1.2rem;letter-spacing:.12em;color:#8a8a8a;margin-bottom:.4rem}
.footer-tag{color:var(--red);text-shadow:var(--glow-red)}
.footer-discord{
  font-family:var(--vt);font-size:1.1rem;letter-spacing:.12em;color:var(--green);
  background:transparent;border:1px solid var(--line-bright);padding:.5rem 1.1rem;
  margin-top:1.1rem;transition:all .2s;
}
.footer-discord:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:0 0 14px rgba(0,216,255,.22);text-shadow:0 0 12px rgba(0,216,255,.35)}
.footer-dim{font-family:var(--mono);font-size:.62rem;color:#3d3d3d;letter-spacing:.08em;margin-top:1.2rem}

/* ---------- Toast ---------- */
.toast{
  position:fixed;bottom:2rem;left:50%;transform:translate(-50%,20px);
  z-index:9970;font-family:var(--vt);font-size:1.2rem;letter-spacing:.1em;
  color:var(--green);background:#070707;border:1px solid var(--green);
  padding:.7rem 1.4rem;box-shadow:var(--glow-green);
  opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;
  text-align:center;
}
.toast.show{opacity:1;transform:translate(-50%,0)}
.toast.red{color:var(--red);border-color:var(--red);box-shadow:var(--glow-red)}

/* ---------- Modals ---------- */
body.modal-open{overflow:hidden}
.modal-overlay{
  position:fixed;inset:0;z-index:9960;background:rgba(0,0,0,.85);
  display:flex;align-items:center;justify-content:center;padding:1rem;
}
.modal-overlay.hidden{display:none}
.modal{
  background:#070707;border:1px solid var(--line-bright);
  box-shadow:0 0 0 1px #000,0 0 4rem rgba(200,0,0,.12);
  width:100%;max-width:36rem;max-height:88vh;display:flex;flex-direction:column;
}
.modal.wide{max-width:46rem}
.modal-head{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  border-bottom:1px solid var(--line);padding:.7rem 1.1rem;
}
.modal-title{font-family:var(--vt);font-weight:400;font-size:1.25rem;letter-spacing:.12em;color:var(--red)}
.modal-x{background:none;border:none;color:var(--dim);font-size:1rem;cursor:pointer;padding:.2rem .4rem;line-height:1}
.modal-x:hover{color:#fff}
.modal-body{padding:1.1rem;overflow-y:auto;color:#cfcfcf;font-size:.82rem;line-height:1.7}
.modal-body p{margin:0 0 .8rem}
.modal-body .red{color:#ff5a5a}
.modal-actions{
  display:flex;justify-content:flex-end;gap:.7rem;flex-wrap:wrap;
  border-top:1px solid var(--line);padding:.85rem 1.1rem;
}
.modal-btn{
  font-family:var(--vt);font-size:1.2rem;letter-spacing:.1em;color:var(--green);
  border:1px solid var(--green);background:transparent;padding:.55rem 1.2rem;cursor:pointer;transition:all .2s;
}
.modal-btn:hover{background:rgba(0,220,0,.1);box-shadow:var(--glow-green);text-shadow:var(--glow-green)}
.modal-btn.ghost{border-color:#3a3a3a;color:var(--text)}
.modal-btn.ghost:hover{border-color:var(--red);color:var(--red);background:rgba(200,0,0,.06);box-shadow:var(--glow-red)}

.guide-tabs{display:flex;border-bottom:1px solid var(--line)}
.guide-tab{
  flex:1;font-family:var(--vt);font-size:1.1rem;letter-spacing:.12em;color:var(--dim);
  background:none;border:none;padding:.6rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;
}
.guide-tab:hover{color:#fff}
.guide-tab[aria-selected="true"]{color:var(--green);border-bottom-color:var(--green)}
.guide-pane{padding:1.1rem}
.guide-steps{display:grid;gap:.9rem;counter-reset:step}
.guide-steps li{
  position:relative;padding-left:2.2rem;color:#bcbcbc;font-size:.78rem;line-height:1.65;counter-increment:step;
}
.guide-steps li::before{
  content:counter(step);position:absolute;left:0;top:.1rem;
  width:1.4rem;height:1.4rem;border:1px solid var(--green);color:var(--green);
  font-family:var(--vt);font-size:1rem;display:flex;align-items:center;justify-content:center;
}
.guide-steps b{color:#f0f0f0;font-weight:400}
.guide-steps code{
  background:#0d0d0d;border:1px solid var(--line-bright);padding:.05rem .35rem;color:var(--cyan);font-size:.72rem;
}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.reveal.in{opacity:1;transform:none}

/* ---------- Staggered reveals ---------- */
[data-stagger]>*{
  opacity:0;transform:translateY(22px);
  transition:opacity .65s ease,transform .65s ease,box-shadow .3s,border-color .3s;
}
[data-stagger].in>*{opacity:1;transform:none}

/* ---------- Element text scares ---------- */
.takeover{color:var(--red)!important;text-shadow:var(--glow-red)!important}
.revread{color:var(--red)!important;text-shadow:var(--glow-red)!important;transition:color .2s}
.shadow-copy{
  position:fixed;z-index:9963;pointer-events:none;color:var(--red);
  text-shadow:0 0 18px rgba(200,0,0,.6);
  transform:translate(-22px,6px) rotate(-2deg);
  opacity:.5;margin:0;
  transition:transform .9s ease,opacity .9s ease;
}

/* ---------- Mock popup (insult machine) ---------- */
.mock-pop{
  position:fixed;right:1.2rem;bottom:4.5rem;z-index:9968;
  width:min(340px,86vw);
  border:1px solid var(--red);background:#070707;
  box-shadow:0 0 3rem rgba(200,0,0,.2),var(--glow-soft);
  animation:mock-in .3s ease;
}
.mock-pop.hidden{display:none}
@keyframes mock-in{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
.mock-head{
  display:flex;justify-content:space-between;align-items:center;gap:.6rem;
  background:#0d0000;border-bottom:1px solid var(--dark-red);
  padding:.45rem .8rem;
}
.mock-title{font-family:var(--vt);font-size:1rem;letter-spacing:.16em;color:var(--red);text-shadow:var(--glow-red)}
.mock-x{background:none;border:none;color:var(--dim);font-size:.9rem;padding:.2rem .3rem;line-height:1}
.mock-x:hover{color:#fff}
.mock-body{
  font-family:var(--vt);font-size:1.25rem;letter-spacing:.06em;
  color:#e0e0e0;line-height:1.55;padding:1rem 1.1rem .4rem;min-height:2.4em;
}
.mock-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.5rem 1rem 1rem;flex-wrap:wrap}
.mock-btn{
  font-family:var(--vt);font-size:1rem;letter-spacing:.1em;color:var(--red);
  border:1px solid var(--dark-red);background:transparent;padding:.3rem .8rem;transition:all .2s;touch-action:manipulation;
}
.mock-btn:hover{background:rgba(200,0,0,.12);box-shadow:var(--glow-red)}
.mock-btn.ghost{color:var(--dim);border-color:var(--line-bright)}
.mock-btn.ghost:hover{color:var(--text);border-color:#555}

.detach-ghost{
  position:fixed!important;margin:0!important;pointer-events:none;
  box-sizing:border-box;z-index:78;
  opacity:.22;mix-blend-mode:screen;
  filter:hue-rotate(60deg) saturate(2);
  box-shadow:0 0 40px rgba(255,0,0,.4);
}

.nav-brand.nudged{
  position:relative;z-index:9972;
  animation:tqg-nudge 2.4s ease-in-out;
}
@keyframes tqg-nudge{
  0%{transform:translate(0,0)}
  18%{transform:translate(16vw,9vh) rotate(-3deg)}
  42%{transform:translate(38vw,24vh) rotate(2deg)}
  66%{transform:translate(12vw,15vh) rotate(-1deg)}
  100%{transform:translate(0,0)}
}

.inline-link{
  color:var(--green);text-decoration:underline;text-underline-offset:3px;
  text-shadow:var(--glow-green);transition:color .2s;
}
.inline-link:hover{color:var(--red);text-shadow:var(--glow-red)}

.ghost-nav{
  color:var(--red)!important;text-shadow:0 0 8px rgba(255,0,0,.6);
  opacity:0;animation:navghost-in 1.4s ease;
}
@keyframes navghost-in{
  0%{opacity:0;transform:translateX(-6px)}
  30%{opacity:1}
  80%{opacity:1}
  100%{opacity:0}
}

/* ---------- Card spotlight ---------- */
.spotlight::after{  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;z-index:1;
  background:radial-gradient(250px circle at var(--mx,50%) var(--my,50%),rgba(0,220,0,.09),transparent 70%);
  transition:opacity .35s ease;
}
.spotlight:hover::after{opacity:1}

/* ---------- Responsive ---------- */
@media(max-width:920px){
  .about-grid,.download-grid,.dev-grid{grid-template-columns:1fr}
  .sessions-grid{grid-template-columns:1fr;max-width:520px;margin:0 auto}
  .req-grid{grid-template-columns:1fr 1fr}
  .contents{display:none}
  .nav-toggle{display:block}
  .side-panel{
    display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;
    width:min(300px,84vw);z-index:9890;background:rgba(4,4,4,.97);
    border-left:1px solid var(--line-bright);padding:5rem 1.4rem 1.4rem;
    overflow-y:auto;transform:translateX(105%);transition:transform .35s ease;
  }
  body.panel-open .side-panel{transform:translateX(0)}
  .side-head{font-family:var(--vt);font-size:1.3rem;color:#e0e0e0;letter-spacing:.12em;margin-bottom:1rem}
  .side-links{display:flex;flex-direction:column}
  .side-link{
    font-family:var(--vt);font-size:1.35rem;letter-spacing:.14em;color:#9a9a9a;
    padding:.6rem .7rem;border-left:2px solid transparent;transition:all .2s;
  }
  .side-link:hover{color:var(--green);border-left-color:var(--green);background:rgba(0,220,0,.05)}
  .side-link.active{color:var(--green);border-left-color:var(--green);text-shadow:var(--glow-green)}
  .side-foot{margin-top:auto;padding-top:1.4rem;font-size:.6rem;letter-spacing:.16em;color:#3d3d3d}
  .nav-right .nav-status{display:none}
  .hud-tr{display:none}
}
@media(max-width:600px){
  .hud{display:none}
  .hero-meta{flex-direction:column;align-items:center}
  .stats{grid-template-columns:1fr 1fr}
  .asset-row{flex-direction:column;align-items:flex-start}
  .platform-options{grid-template-columns:1fr}
  .term-options{flex-direction:column}
  .term-opt{text-align:center}
  .gallery{grid-template-columns:1fr}
  .req-grid{grid-template-columns:1fr}
  .logs-grid{grid-template-columns:1fr}
  .player-controls{flex-direction:column;align-items:stretch}
  .player-btn{text-align:center}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.01s!important}
  html{scroll-behavior:auto}
  .cursor{display:none!important}
  .crt .beam{display:none}
}

/* ---------- Strobe burst ---------- */
#strobeWhite{
  position:fixed;inset:0;z-index:9992;background:#ff1f1f;
  opacity:0;pointer-events:none;
}
#strobeWhite.go{opacity:1}

/* ---------- Evaporating cards ---------- */
.evaporate{
  animation:evaporate 600ms steps(6) forwards !important;
  transition:none !important;
}
@keyframes evaporate{
  0%{filter:blur(0) brightness(1);opacity:1;clip-path:inset(0 0 0 0 round 0)}
  100%{filter:blur(5px) brightness(1.6);opacity:.04;clip-path:inset(34% 22% 44% 28% round 45%)}
}

/* ---------- Static takeover ---------- */
.static-scare{
  position:fixed;inset:0;z-index:9980;pointer-events:none;
  opacity:0;visibility:hidden;
}
.static-scare.go{opacity:1;visibility:visible}
.static-scare canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;mix-blend-mode:screen;opacity:.8}
.static-scare .face{
  position:absolute;inset:0;justify-content:center;gap:clamp(1rem,4vh,2.5rem);
  mix-blend-mode:screen;opacity:0;
}
.static-scare .face.go{opacity:1;animation:static-face-in .06s steps(2) infinite}
@keyframes static-face-in{
  50%{opacity:.75;transform:translate(2px,-3px) scale(.98)}
}

/* ---------- Cursor theft ---------- */
body.no-cursor,body.no-cursor *{cursor:none !important}
.fake-cursor{
  position:fixed;top:0;left:0;z-index:9999;pointer-events:none;
  color:var(--red);font-size:22px;line-height:1;
  mix-blend-mode:difference;opacity:0;
  text-shadow:0 0 12px rgba(255,0,0,.7),0 0 24px rgba(255,0,0,.35);
  transition:opacity .3s ease;
}
.fake-cursor.on{opacity:.9}

/* ---------- Afterimage (post-blink imprint) ---------- */
.afterimage{
  position:fixed;z-index:9988;pointer-events:none;opacity:0;
  mix-blend-mode:screen;filter:blur(2px) brightness(1.7);
}
.afterimage-eyes{display:flex;gap:26px}
.afterimage-eyes span{
  width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 50% 45%,rgba(255,60,60,.9),rgba(160,0,0,.5) 60%,rgba(0,0,0,0));
  box-shadow:0 0 30px rgba(255,0,0,.5);
}
.afterimage-mouth{
  width:120px;height:52px;margin-top:16px;border-radius:50% 50% 10% 10% / 100% 100% 0% 0%;
  background:rgba(120,0,0,.35);border:2px solid rgba(255,60,60,.6);border-bottom-width:0;
  box-shadow:0 0 24px rgba(255,0,0,.4);
}

/* ---------- CRT glare (fake room reflection) ---------- */
.crt-glare{
  position:fixed;inset:0;z-index:9945;pointer-events:none;
  mix-blend-mode:screen;opacity:.2;
  background:
    radial-gradient(120% 90% at 15% var(--glare-y,8%),rgba(120,140,255,.10),transparent 55%),
    radial-gradient(100% 80% at 88% 20%,rgba(255,120,180,.06),transparent 50%),
    radial-gradient(120% 100% at 50% 105%,rgba(80,80,80,.14),transparent 60%),
    radial-gradient(90% 70% at 5% 95%,rgba(90,120,220,.07),transparent 50%);
  animation:glare-breathe 9s ease-in-out infinite;
  will-change:opacity;
}
@keyframes glare-breathe{
  0%,100%{opacity:.14}
  50%{opacity:.26}
}

/* ---------- Downloads link glow ---------- */
.contents-link.dl-glow{
  color:var(--red);border-color:var(--red);
  background:rgba(200,0,0,.12);
  box-shadow:var(--glow-red),0 0 18px rgba(255,0,0,.35);
  text-shadow:var(--glow-red);
  animation:dl-pulse 1.6s ease-in-out infinite;
}
.contents-link.dl-glow:hover{color:#ff9090;border-color:var(--red)}
.side-link.dl-glow{
  color:var(--red);border-left-color:var(--red);
  background:rgba(200,0,0,.12);
  text-shadow:var(--glow-red);
  box-shadow:inset 0 0 16px rgba(200,0,0,.35);
  animation:dl-pulse 1.6s ease-in-out infinite;
}
@keyframes dl-pulse{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.45)}
}

/* ---------- Nav number hints ---------- */
.link-num{
  display:inline-block;min-width:1.1rem;margin-right:.35rem;
  font-size:.58rem;letter-spacing:0;color:#5a5a5a;
  border:1px solid #3d3d3d;text-align:center;
}
.side-link .link-num{font-size:.72rem;min-width:1.35rem;margin-right:.5rem;color:#7a7a7a}
.side-link.dl-glow .link-num{color:var(--red);border-color:var(--red)}

/* ---------- Lights out ---------- */
.lights-out{
  position:fixed;inset:0;z-index:9965;pointer-events:none;
  background:radial-gradient(120% 120% at 50% 50%,rgba(0,0,0,.05),rgba(0,0,0,.82) 75%);
  opacity:0;transition:opacity 1.2s ease;
}
.lights-out.on{opacity:1}
body.lights-out main{filter:brightness(.55) saturate(.7)}
body.lights-out .crt-glare{opacity:.55;animation:none}
body.lights-out .blink{animation:blink 1s steps(1) infinite}

/* ---------- Bossfight stage 1/8 ---------- */
.bossfight{
  position:fixed;inset:0;z-index:9992;background:#000;overflow:hidden;
  display:none;font-family:var(--vt);
}
.bossfight.go{display:block}
.bossfight::before{
  content:"";position:absolute;inset:0;z-index:10;pointer-events:none;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,0) 1px 3px);
  animation:bf-scan 1.1s steps(4) infinite;
}
@keyframes bf-scan{50%{transform:translateY(2px)}}
.bossfight::after{
  content:"";position:absolute;inset:0;z-index:10;pointer-events:none;
  background:radial-gradient(ellipse at 50% 42%,rgba(0,0,0,0) 48%,rgba(0,0,0,.72) 100%);
}
.bossfight .bf-arena{position:absolute;inset:0}
.bossfight .bf-floor{
  position:absolute;left:0;right:0;bottom:0;height:86px;z-index:1;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,rgba(0,0,0,0) 1px 38px),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
}
.bossfight .bf-floor::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,rgba(0,220,0,.55),transparent);
  box-shadow:0 0 10px rgba(0,220,0,.5);
}
.bossfight .bf-floor::after{
  content:"";position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none;
  background:repeating-linear-gradient(45deg,rgba(200,0,0,.14) 0 10px,rgba(0,0,0,0) 10px 20px);
  mask-image:linear-gradient(180deg,#000,transparent);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent);
}
.bossfight .bf-face{
  position:absolute;top:0;left:0;right:0;z-index:3;
  display:flex;justify-content:center;align-items:flex-start;padding-top:4px;
  pointer-events:none;transition:opacity .6s ease;
  transform:scale(.55);transform-origin:top center;
}
.bossfight .bf-face .face-text{font-size:clamp(.8rem,1.8vw,1.3rem)}
.bossfight .bf-face.gone{opacity:0}
.bossfight .bf-face.attacking .face-eyes span{
  animation:eye-jitter .08s steps(2) infinite;
  box-shadow:0 0 clamp(2.6rem,9vw,7rem) rgba(255,0,0,1),inset 0 0 2rem rgba(0,0,0,.7);
}
.bossfight .bf-face.attacking .face-mouth{animation:jaw .07s steps(2) infinite}
.bossfight .bf-timer{
  position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:4;
  color:#fff;font-size:clamp(2.6rem,7vw,4.2rem);letter-spacing:.14em;
  text-shadow:0 0 26px rgba(255,255,255,.75);pointer-events:none;
}
.bossfight .bf-timer.warn{color:#ff3b3b;text-shadow:0 0 26px rgba(255,0,0,.9);animation:bf-timer-flicker .12s steps(2) infinite}
@keyframes bf-timer-flicker{50%{opacity:.55}}
.bossfight .bf-hud{
  position:absolute;top:14px;left:16px;right:16px;z-index:5;
  display:flex;justify-content:space-between;align-items:center;
  color:var(--green);font-size:clamp(.85rem,1.6vw,1.15rem);letter-spacing:.18em;
  text-shadow:0 0 12px rgba(0,220,0,.55);pointer-events:none;
}
.bossfight .bf-hud-survive::before{content:"▸ ";animation:bf-hud-blink 1s steps(1) infinite}
@keyframes bf-hud-blink{50%{content:""}}
.bossfight .bf-piston{
  position:absolute;z-index:2;background:#26262c;border:2px solid #8a8a92;
  box-shadow:0 0 26px rgba(255,255,255,.12);will-change:transform;
}
.bossfight .bf-piston .bf-piston-eye{
  position:absolute;top:-9px;left:50%;transform:translateX(-50%);
  width:34px;height:12px;background:#0a0000;border:1px solid #ff2a2a;
  border-radius:8px 8px 0 0;box-shadow:0 0 12px rgba(255,0,0,.4);
}
.bossfight .bf-piston .bf-piston-eye::after{
  content:"";position:absolute;left:4px;right:4px;top:2px;bottom:2px;
  background:#ff1f1f;border-radius:6px 6px 0 0;
  box-shadow:0 0 10px rgba(255,31,31,.9);
}
.bossfight .bf-piston.warn{border-color:#ff5a5a;box-shadow:0 0 34px rgba(255,31,31,.55)}
.bossfight .bf-piston.warn .bf-piston-eye::after{animation:bf-eye-blink .1s steps(2) infinite}
@keyframes bf-eye-blink{50%{opacity:.15}}
.bossfight .bf-piston.slamming .bf-piston-eye::after{background:#fff;box-shadow:0 0 18px #fff}
.bossfight .bf-teeth{position:absolute;left:0;right:0;bottom:-18px;height:18px;pointer-events:none}
.bossfight .bf-tooth{position:absolute;bottom:0;width:0;height:0;pointer-events:none;
  border-left:9px solid transparent;border-right:9px solid transparent;
  border-top:18px solid #e8e8ee;filter:drop-shadow(0 2px 4px rgba(255,255,255,.35))}
.bossfight .bf-spike{position:absolute;width:0;height:0;pointer-events:none}
.bossfight .bf-spike.f{border-left:14px solid transparent;border-right:14px solid transparent;border-bottom:32px solid #fff;filter:drop-shadow(0 0 7px rgba(255,255,255,.5))}
.bossfight .bf-spike.c{border-left:14px solid transparent;border-right:14px solid transparent;border-top:150px solid #fff;filter:drop-shadow(0 0 7px rgba(255,255,255,.5))}

/* player character */
.bossfight .bf-player{
  position:absolute;z-index:5;width:26px;height:36px;
  will-change:transform;pointer-events:none;
}
.bossfight .bf-fig{position:absolute;inset:0;transition:transform .1s linear;transform-origin:50% 100%}
.bossfight .bf-player.jump .bf-fig{transform:scaleY(1.18) scaleX(.88)}
.bossfight .bf-player.land .bf-fig{transform:scaleY(.68) scaleX(1.16)}
.bossfight .bf-player.crouch .bf-fig{transform:scaleY(.45) scaleX(1.2)}
.bossfight .bf-player.dash .bf-fig{transform:scaleX(1.25) scaleY(.92)}
.bossfight .bf-vis{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  transition:transform .08s linear;
}
.bossfight .bf-player.flip .bf-vis{transform:scaleX(-1)}
.bossfight .bf-head{
  position:absolute;top:2px;width:16px;height:13px;
  background:linear-gradient(180deg,#f5f5fa,#b9b9c4);
  border:1px solid #e8e8ee;border-radius:50% 50% 42% 42%;
  box-shadow:0 0 8px rgba(255,255,255,.7),inset 0 -2px 0 rgba(0,0,0,.25);
}
.bossfight .p-eye{
  position:absolute;top:5px;width:3px;height:4px;background:#000;border-radius:50%;
  box-shadow:0 0 3px rgba(0,0,0,.8);
}
.bossfight .p-eye-l{left:3px}
.bossfight .p-eye-r{right:3px}
.bossfight .bf-body{
  position:absolute;top:15px;width:26px;height:15px;
  background:linear-gradient(180deg,#1a1a20,#0c0c10);
  border:1px solid #3a3a44;border-radius:2px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 10px rgba(255,255,255,.25),inset 0 0 6px rgba(0,0,0,.9);
}
.bossfight .p-mark{
  color:var(--green);font-size:11px;line-height:1;letter-spacing:0;
  text-shadow:0 0 6px rgba(0,220,0,.9);
}
.bossfight .bf-vis::before,.bossfight .bf-vis::after{
  content:"";position:absolute;bottom:0;width:5px;height:7px;
  background:linear-gradient(180deg,#f2f2f8,#9a9aa6);
  border-radius:2px 2px 1px 1px;
}
.bossfight .bf-vis::before{left:4px;transform-origin:top center}
.bossfight .bf-vis::after{right:4px;transform-origin:top center}
.bossfight .bf-player.running .bf-vis::before{animation:bf-leg-l .18s steps(2) infinite}
.bossfight .bf-player.running .bf-vis::after{animation:bf-leg-r .18s steps(2) infinite}
@keyframes bf-leg-l{50%{transform:rotate(-38deg) translateY(2px)}}
@keyframes bf-leg-r{50%{transform:rotate(38deg) translateY(2px)}}
.bossfight .bf-player.invuln{animation:bf-blink .22s steps(2) infinite}
@keyframes bf-blink{50%{opacity:.2}}
.bossfight .bf-player.dash-glow{filter:drop-shadow(0 0 10px rgba(255,255,255,.9))}

/* fx layers */
.bossfight .bf-shot{
  position:absolute;z-index:5;color:var(--green);font-size:15px;line-height:1;
  text-shadow:0 0 8px rgba(0,220,0,.95),0 0 18px rgba(0,220,0,.5);
  pointer-events:none;will-change:transform;
}
.bossfight .bf-bolt{
  position:absolute;z-index:5;width:12px;height:12px;border-radius:50%;
  background:radial-gradient(circle at 50% 42%,#ff9d9d,#ff1f1f 45%,#3a0000 100%);
  box-shadow:0 0 14px rgba(255,31,31,.95),inset 0 0 4px rgba(0,0,0,.6);
  pointer-events:none;will-change:transform;
}
.bossfight .bf-bolt::after{
  content:"";position:absolute;left:50%;top:4px;transform:translateX(-50%);
  width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 4px #fff;
}
.bossfight .bf-beam-warn{
  position:absolute;top:0;bottom:86px;z-index:4;width:6px;
  background:rgba(255,0,0,.35);box-shadow:0 0 12px rgba(255,0,0,.5);
  animation:bf-warn-pulse .18s steps(2) infinite;pointer-events:none;
}
@keyframes bf-warn-pulse{50%{background:rgba(255,0,0,.7);box-shadow:0 0 22px rgba(255,0,0,.9)}}
.bossfight .bf-beam{
  position:absolute;top:0;bottom:86px;z-index:4;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,31,31,0),rgba(255,31,31,.25) 8%,rgba(255,31,31,.85) 100%);
  box-shadow:0 0 34px rgba(255,0,0,.75),inset 0 0 18px rgba(255,0,0,.4);
}
.bossfight .bf-beam::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:10px;
  background:#fff;box-shadow:0 0 22px rgba(255,0,0,.95);
}
.bossfight .bf-px{
  position:absolute;z-index:6;width:5px;height:5px;pointer-events:none;
  background:#fff;box-shadow:0 0 6px rgba(255,255,255,.9);
}
.bossfight .bf-px.red{background:#ff3b3b;box-shadow:0 0 6px rgba(255,60,60,.9)}
.bossfight .bf-px.green{background:var(--green);box-shadow:0 0 6px rgba(0,220,0,.9)}
.bossfight .bf-ghost{
  position:absolute;z-index:4;width:26px;height:36px;pointer-events:none;
  border:1px solid rgba(255,255,255,.5);border-radius:3px;
  background:rgba(255,255,255,.08);
  animation:bf-ghost-fade .3s linear forwards;
}
@keyframes bf-ghost-fade{to{opacity:0}}
.bossfight .bf-badge{
  position:absolute;z-index:5;width:46px;height:46px;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#fff,#c9c9d4);
  color:#000;display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:700;letter-spacing:.05em;
  box-shadow:0 0 30px rgba(255,255,255,.95);opacity:0;pointer-events:none;
}
.bossfight .bf-badge.show{opacity:1;animation:bf-badge-pulse .8s ease-in-out infinite}
@keyframes bf-badge-pulse{50%{transform:scale(1.18);box-shadow:0 0 46px #fff}}
.bossfight .bf-touch{
  position:absolute;left:0;right:0;bottom:0;z-index:6;
  display:none;justify-content:space-between;align-items:flex-end;
  padding:0 18px 14px;pointer-events:none;
}
body.touch-device .bossfight .bf-touch{display:flex}
.bossfight .bf-touch .bf-group{display:flex;gap:10px;pointer-events:none}
.bossfight .bf-btn{
  pointer-events:auto;font-family:var(--vt);color:#fff;font-size:1.05rem;
  background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.5);
  padding:16px 26px;letter-spacing:.12em;border-radius:8px;
  touch-action:none;user-select:none;-webkit-user-select:none;
  box-shadow:0 0 16px rgba(255,255,255,.12);
}
.bossfight .bf-btn:active,.bossfight .bf-btn.press{background:rgba(255,255,255,.26)}
.bossfight .bf-crouch{font-size:.9rem;padding:16px 18px}
.bossfight .bf-dash{border-color:rgba(0,220,0,.6);color:var(--green);box-shadow:0 0 16px rgba(0,220,0,.2)}
.bossfight .bf-fire{border-color:rgba(0,220,0,.6);color:var(--green);font-size:1.3rem;padding:14px 22px;box-shadow:0 0 16px rgba(0,220,0,.2)}
.bossfight .bf-flash{position:absolute;inset:0;z-index:7;background:rgba(255,0,0,.55);opacity:0;pointer-events:none}
.bossfight .bf-flash.go{animation:redflash .3s ease-out}
.bossfight .bf-msg{
  position:absolute;left:0;right:0;top:30%;text-align:center;z-index:8;
  color:#fff;font-size:clamp(1.2rem,4vw,2.4rem);letter-spacing:.22em;
  text-shadow:0 0 26px rgba(255,255,255,.85);opacity:0;transition:opacity .3s;pointer-events:none;
}
.bossfight .bf-msg.show{opacity:1}

.bossfight .bf-arena.bf-shake{animation:bf-arena-shake .26s linear}
@keyframes bf-arena-shake{
  0%,100%{transform:translate(0,0)}
  25%{transform:translate(-7px,4px)}
  50%{transform:translate(6px,-6px)}
  75%{transform:translate(-4px,3px)}
}

@keyframes face-in{
  0%{transform:translate(0,0) scale(1)}
  50%{transform:translate(2px,-2px) scale(1.02)}
  100%{transform:translate(-2px,1px) scale(.99)}
}
.bossfight .bf-face .face{animation:face-in .09s steps(2) infinite}

/* ---------------------------------------------------------------
   THE SIMPLER TIMES — warm, melt, pre-boot.
   The whole page goes amber, the hero melts, an amber band rolls
   down over the screen, recedes into the prequel's boot screen, and
   the disk boots itself. Pure CSS/JS, all local assets.
   --------------------------------------------------------------- */

/* the page underneath turns amber while it warms */
body.warming{
  --bg:#060400;--bg-soft:#0e0902;--panel:#0e0902;--line:#201406;--line-bright:#32200a;
  --text:#ffb020;--dim:#7a4c0e;--green:#ffb020;--green-dim:#7a4c0e;
  --glow-green:0 0 12px rgba(255,176,32,.35);
}
body.warming .hero h1{
  color:#ffd660;
  text-shadow:0 0 24px rgba(255,176,32,.55),0 0 64px rgba(255,176,32,.28);
  transition:color 1s ease,text-shadow 1s ease;
}
body.warming .hud,body.warming .nav-status{color:#ffb020}

/* the melt — the title slips and stretches downward */
@keyframes melt-title{
  0%{transform:scale(1) skewX(0);filter:blur(0);opacity:1}
  100%{transform:scale(1.3,.42) skewX(7deg) translateY(8vh);filter:blur(2px);opacity:.5}
}
.hero h1.melt,.section-title.melt{animation:melt-title 1.7s ease-in forwards;transform-origin:50% 0}
.hero h1.melt::before,.hero h1.melt::after,.section-title.melt::before,.section-title.melt::after{animation:inherit}

.melt-drip{
  position:fixed;top:-14vh;width:4px;z-index:150;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,176,32,0),#ffb020);
  opacity:0;animation:meltdrip 1.5s linear forwards;
}
@keyframes meltdrip{0%{opacity:0}20%{opacity:.85}100%{top:115vh;opacity:.35}}

/* the transit overlay — first the amber band, then the boot screen */
.sig-overlay{
  position:fixed;inset:0;z-index:210;overflow:hidden;
  background:#000;color:var(--green);
  font-family:var(--mono);
  opacity:0;pointer-events:none;
  display:flex;align-items:center;justify-content:center;
  transition:opacity .2s ease;
}
.sig-overlay.go{opacity:1;pointer-events:auto}
.sig-overlay.arrive{z-index:10050;transition:opacity .35s ease}
.sig-overlay .hidden{display:none !important}
.sig-static{position:absolute;inset:0;width:100%;height:100%;opacity:.55;filter:grayscale(1) contrast(1.1)}
.sig-crt{
  position:absolute;inset:0;pointer-events:none;
  background:
    repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px),
    radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);
  animation:sig-flicker .12s steps(2) infinite;
}
@keyframes sig-flicker{0%{opacity:.86}50%{opacity:1}100%{opacity:.9}}
.sig-inner{
  position:relative;z-index:2;text-align:center;
  padding:1.5rem;text-shadow:0 0 12px rgba(0,220,0,.45);
}
.sig-title{
  font-family:var(--vt);font-size:clamp(1.7rem,5.5vw,3.4rem);
  letter-spacing:.2em;color:var(--green);
  animation:sig-flicker .16s steps(2) infinite;
}
.sig-sub{
  margin-top:1.1rem;font-size:clamp(.85rem,1.8vw,1.1rem);
  letter-spacing:.14em;color:var(--dim);
}
.sig-pct{
  margin-top:1.4rem;font-family:var(--vt);
  font-size:clamp(1.4rem,4vw,2.4rem);color:#66ff66;
  animation:sig-flicker .1s steps(3) infinite;
}

/* the source site explodes — a clean flash and shards, then the signal drops */
.explode-flash{
  position:fixed;inset:0;z-index:205;pointer-events:none;background:#fff;
  opacity:0;animation:explode-flash .7s ease-out forwards;
}
@keyframes explode-flash{0%{opacity:0}12%{opacity:.95}100%{opacity:0}}
.explode-frag{
  position:fixed;top:50%;left:50%;z-index:205;pointer-events:none;
  width:4px;height:4px;opacity:0;
  transform:translate(-50%,-50%) translate(0,0) rotate(0);
  animation:explode-frag .75s cubic-bezier(.15,.6,.3,1) forwards;
}
@keyframes explode-frag{
  0%{opacity:1;transform:translate(-50%,-50%) translate(0,0) rotate(0)}
  100%{opacity:0;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(var(--rot))}
}
body.exploding{filter:brightness(2.1) saturate(0);transition:filter .1s steps(2)}


/* the two sites swap — green drains away while amber rises in */
.melt-drain,.melt-amber{
  position:fixed;left:0;right:0;z-index:140;pointer-events:none;height:0;
}
.melt-drain{
  top:0;background:linear-gradient(180deg,#00dc00 0%,rgba(0,220,0,.55) 55%,rgba(0,220,0,0) 100%);
  box-shadow:0 0 50px rgba(0,220,0,.3);
}
.melt-amber{
  bottom:0;background:linear-gradient(0deg,#ffb020 0%,rgba(255,176,32,.55) 55%,rgba(255,176,32,0) 100%);
  box-shadow:0 0 50px rgba(255,176,32,.3);
}
body.melting .melt-drain{height:100%;transition:height 3.4s cubic-bezier(.6,.05,.4,1)}
body.melting .melt-amber{height:100%;transition:height 3.4s cubic-bezier(.6,.05,.4,1)}
.melt-drip.green{background:linear-gradient(180deg,rgba(0,220,0,0),#00dc00)}

/* ---------------------------------------------------------------
   MAINTENANCE TERMINAL — type ` or [ TERM ]. A real prompt.
   --------------------------------------------------------------- */
.mterm-toggle{
  font-family:var(--mono);font-size:.78rem;letter-spacing:.08em;
  color:var(--green);background:transparent;border:1px solid var(--line-bright);
  padding:.15rem .55rem;cursor:pointer;
  transition:color .15s,border-color .15s,box-shadow .15s;
}
.mterm-toggle:hover{color:#fff;border-color:var(--green);box-shadow:0 0 10px rgba(0,220,0,.3)}

.mterm{
  position:fixed;top:8vh;left:50%;transform:translateX(-50%);
  width:min(680px,94vw);max-height:82vh;z-index:150;
  display:flex;flex-direction:column;
  background:rgba(1,8,1,.98);font-family:var(--mono);
  font-size:clamp(.8rem,1.5vw,.98rem);
  color:var(--green);opacity:0;pointer-events:none;
  border:1px solid var(--line-bright);
  box-shadow:0 0 0 1px rgba(0,220,0,.12),0 18px 60px rgba(0,0,0,.7);
  transition:opacity .2s ease;
}
.mterm.go{opacity:1;pointer-events:auto}
.mterm.dragging{transform:none;transition:none;cursor:grabbing}
.mterm-head{
  flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:.4rem .7rem;border-bottom:1px solid var(--green-dim);
  background:#021002;color:#66ff66;
  font-family:var(--vt);letter-spacing:.1em;font-size:clamp(.8rem,1.5vw,.95rem);
  cursor:grab;user-select:none;
}
.mterm-head-r{display:flex;align-items:center;gap:.6rem;color:var(--green-dim)}
.mterm-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mterm-close{
  flex:0 0 auto;width:1.5rem;height:1.5rem;line-height:1;
  display:flex;align-items:center;justify-content:center;
  color:var(--green);border:1px solid var(--line-bright);
  font-size:.85rem;cursor:pointer;
  transition:color .15s,background .15s,border-color .15s;
}
.mterm-close:hover{color:#fff;background:rgba(0,220,0,.15);border-color:var(--green)}
.mterm-out{
  flex:1;overflow-y:auto;padding:.6rem .8rem;line-height:1.55;
  white-space:pre-wrap;min-height:8rem;max-height:58vh;
  scrollbar-width:thin;scrollbar-color:var(--green-dim) #000;
}
.mterm-out::-webkit-scrollbar{width:10px;background:#000}
.mterm-out::-webkit-scrollbar-thumb{background:var(--green-dim);border:2px solid #000}
.mterm-line{
  flex:0 0 auto;display:flex;align-items:center;gap:.4rem;
  padding:.5rem .8rem .7rem;border-top:1px solid var(--green-dim);
}
.mterm-prompt{color:#66ff66;text-shadow:0 0 8px rgba(0,220,0,.6)}
.mterm-input{
  flex:1;background:transparent;border:0;outline:0;
  color:var(--green);font-family:var(--mono);font-size:1em;caret-color:var(--green);
}
.mterm-input::selection{background:var(--green);color:#000}
.t-echo{color:var(--dim)}
.t-in{color:#8cff8c}
.t-ok{color:var(--green)}
.t-sys{color:var(--dim)}
.t-err{color:var(--red);text-shadow:0 0 8px rgba(200,0,0,.4)}
.t-red{color:var(--red)}
.t-amber{color:#ffb020}

@media (prefers-reduced-motion:reduce){
  .hero h1.melt,.section-title.melt,.melt-drip,.mterm-drip{animation:none !important}
  body.melting .melt-drain,body.melting .melt-amber{transition:none;height:100%}
  .sig-crt,.sig-title,.sig-pct,.explode-frag{animation:none !important}
  .explode-frag{opacity:0 !important}
  .explode-flash{display:none}
  body.exploding{filter:none}
}

/* ---------- Mobile: no zoom-jumps, big tap targets, phone-friendly windows ---------- */
html{
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior:none;
}
body{overscroll-behavior:none}
pre{max-width:100%;overflow-x:auto}
a,button,input,textarea,select,.term-opt,.session,.stat,.contents-link,.t-entry,.amb-icon{
  touch-action:manipulation;
}

@media(max-width:760px){
  .mterm{top:2vh;left:50%;width:96vw;max-height:95vh;box-shadow:0 0 0 1px rgba(0,220,0,.15)}
  .mterm-out{max-height:78vh}
  .mterm-head{cursor:default}
  .mterm .drag-hint{display:none}
  body.touch-device .mterm-head{cursor:default}
  input[type="text"],input:not([type]),textarea{font-size:16px !important}
  .hud-bl,.hud-br{padding-bottom:max(0px,env(safe-area-inset-bottom))}
  header.nav{padding-top:max(.4rem,env(safe-area-inset-top))}
}

/* ---------- Paper edition (THE STORY transforms the whole site) ---------- */
.paper-wipe{
  position:fixed;inset:0;z-index:9999;pointer-events:none;
  transform:scaleY(1);transform-origin:center;
  transition:transform .48s cubic-bezier(.7,0,.2,1);
  will-change:transform,filter;
}
.paper-wipe.go{
  transform:scaleY(.012);
  box-shadow:0 0 70px 6px rgba(255,255,255,.9);
}
.paper-wipe.go.flash{animation:line-flash .48s ease-out}
.paper-wipe.out{
  transform:scaleY(1);box-shadow:none;
  transition:transform .5s cubic-bezier(.3,0,.2,.85);
}
@keyframes line-flash{
  0%{filter:brightness(3.4) saturate(0)}
  100%{filter:brightness(1) saturate(1)}
}
@media (prefers-reduced-motion:reduce){
  .paper-wipe,.paper-wipe.go,.paper-wipe.out{transition:none}
  .paper-wipe.go.flash{animation:none}
}

body.paper{
  --bg:#efe9db;
  --bg-soft:#e7dfcf;
  --panel:#f6f1e4;
  --line:#cbc0a8;
  --line-bright:#b0a489;
  --text:#2b2620;
  --dim:#7a705d;
  --green:#3a7d44;
  --green-dim:#b7c9a2;
  --red:#b03a2e;
  --dark-red:#7d241d;
  --cyan:#23647e;
  --glow-green:0 0 12px rgba(58,125,68,.28);
  --glow-red:0 0 12px rgba(176,58,46,.3);
  --glow-soft:0 0 24px rgba(0,0,0,.25);
  --paper-flash:#efe9db;
  background:var(--bg);color:var(--text);
}
body.paper .crt{display:none}
body.paper .hero h1{color:#26221c}
body.paper .glitch::before{color:var(--red)}
body.paper .glitch::after{color:var(--cyan)}
body.paper .nav{background:rgba(246,241,228,.96);border-bottom-color:var(--line)}
body.paper .nav-brand{color:#26221c;text-shadow:none}
body.paper .ticker-item{color:#6b6150}
body.paper .section-title,
body.paper .t-title,
body.paper .session-name,
body.paper .release-version,
body.paper .platform-os,
body.paper .player-title{color:#26221c;text-shadow:none}
body.paper .intel-value{color:#26221c;text-shadow:none}
body.paper .intel-value.glow{color:var(--green);text-shadow:var(--glow-green)}
body.paper .intel-value.hot{color:var(--red);text-shadow:var(--glow-red)}
body.paper .intel-value.loc{color:var(--cyan);text-shadow:var(--glow-green)}
body.paper .platform-card,
body.paper .story-game,
body.paper .modal,
body.paper .release,
body.paper .session,
body.paper .player,
body.paper .stat,
body.paper .dev-card,
body.paper .story-card{background:var(--panel)}
body.paper .platform-card.is-current{background:#eef4e4;border-color:#b7c9a2;box-shadow:inset 0 0 24px rgba(58,125,68,.07)}
body.paper .platform-card.is-current .platform-os{color:var(--green)}
body.paper .dev-list li,
body.paper .feature-list li,
body.paper .guide-steps,
body.paper .story-para p{color:#3d382f}
body.paper .guide-steps b{color:#26221c}
body.paper .player-note,
body.paper .dev-note,
body.paper .signal-hint,
body.paper .logs-lock-foot,
body.paper .footer-dim,
body.paper .side-foot{color:#7a705d}
body.paper .logs-body,
body.paper .shot-desc,
body.paper .footer p{color:#5f5747}
body.paper .release-note{color:#6b5325;border-color:#c9a94f;background:rgba(201,169,79,.1)}
body.paper .contents-link,
body.paper .side-link{color:#6b6150}
body.paper .contents-link.active{color:var(--green);border-color:var(--green);background:rgba(58,125,68,.12)}
body.paper .btn-ghost{border-color:var(--line-bright);color:var(--text)}
body.paper .btn-primary{background:rgba(58,125,68,.1);color:var(--green)}
body.paper .btn-primary:hover{background:rgba(58,125,68,.16)}
body.paper .modal-overlay{background:rgba(43,38,32,.5)}
body.paper .guide-tab:hover{color:#26221c}
body.paper .link-num{color:#7a705d;border-color:#b0a489}
body.paper .side-link .link-num{color:#7a705d}
body.paper .mterm{background:rgba(246,241,228,.99);color:var(--green);border-color:var(--line-bright);box-shadow:0 0 0 1px rgba(58,125,68,.2),0 18px 60px rgba(43,38,32,.5)}
body.paper .mterm-head{border-bottom-color:var(--line)}
body.paper .mterm-out{color:#3d382f}
body.paper .mterm-prompt{color:var(--green);text-shadow:var(--glow-green)}
body.paper .mterm-input{color:var(--green)}
body.paper .scare.giant,
body.paper .scare{display:none}

/* --- Paper edition: swap fonts, drop the terminal chrome --- */
body.paper{
  --mono:Georgia,"Times New Roman",Times,serif;
  --vt:Georgia,"Times New Roman",Times,serif;
}
body.paper .crt{display:none}
body.paper .ticker{display:none}
body.paper .hud{display:none}
body.paper .glitch{animation:none}
body.paper .glitch::before,
body.paper .glitch::after{display:none}
body.paper .hero h1{animation:none !important;text-shadow:none !important;letter-spacing:.01em}
body.paper .melt,
body.paper .melt-drip,
body.paper .mterm-drip{animation:none !important}
body.paper .led{box-shadow:none;animation:none}
body.paper .whisper,
body.paper .ghostLine{display:none}
body.paper .section-title .red{display:none}
body.paper .story-kicker,
body.paper .story-game-title,
body.paper .nav-brand{letter-spacing:.05em}
body.paper .hero-sub,
body.paper .about-quote{font-style:italic}

/* nav as clean paper links, not terminal tabs */
body.paper .contents-link,
body.paper .side-link{
  border:none;background:transparent;padding:.3rem .15rem;border-radius:0;
  border-bottom:1px solid transparent;letter-spacing:.1em;
}
body.paper .contents-link:hover,
body.paper .side-link:hover{color:var(--green);border-bottom-color:var(--green-dim)}
body.paper .contents-link.active,
body.paper .side-link.active{color:var(--green);background:transparent;border-bottom-color:var(--green);box-shadow:none;text-shadow:none;animation:none}
body.paper .link-num{display:none}
body.paper .nav-toggle{color:var(--green);border-color:var(--line-bright);background:var(--panel)}
body.paper .theme-switch{background:var(--panel);border-color:var(--line-bright)}
body.paper .theme-btn{color:#6b6150}
body.paper .theme-btn:hover{color:var(--green)}
body.paper .theme-btn.active{color:var(--green);background:rgba(58,125,68,.12);text-shadow:none}
/* buttons, chips, tags: flat paper buttons */
body.paper .btn,
body.paper .asset-btn,
body.paper .platform-btn{background:rgba(58,125,68,.07);box-shadow:none}
body.paper .btn::before{display:none}
body.paper .btn-primary{background:rgba(58,125,68,.1)}
body.paper .btn-primary:hover,
body.paper .asset-btn:hover,
body.paper .platform-btn:hover{background:rgba(58,125,68,.15);box-shadow:none;text-shadow:none}
body.paper .btn-ghost{background:transparent}
body.paper .btn-ghost::before{display:none}
body.paper .btn-ghost:hover{background:rgba(176,58,46,.05);box-shadow:none}
body.paper .tag{border-color:var(--line-bright);color:var(--green);background:transparent}
body.paper .hero-badge{border-color:var(--green-dim);background:rgba(58,125,68,.06);box-shadow:none}
body.paper .platform-desc b{color:#26221c}
body.paper .platform-btn[aria-disabled="true"]{color:#9a8f7a;border-color:var(--line);background:transparent}
body.paper .dev-copy{background:rgba(58,125,68,.06);border-color:var(--line-bright)}
body.paper .dev-copy:hover{box-shadow:none}
body.paper #musicButton{background:var(--panel);border-color:var(--line-bright);box-shadow:none}
body.paper .side-panel{background:rgba(246,241,228,.99);border-left-color:var(--line)}

/* ---------- Yangon Times — the paper edition ---------- */
/* nav chip: paper look even inside the dark site */
.contents-link.paper-link,
.side-link.paper-link{
  background:#efe9db;color:#2b2620;border:1px solid #b0a489;
  font-family:Georgia,"Times New Roman",serif;font-weight:700;
  letter-spacing:.09em;
}
.contents-link.paper-link:hover,
.side-link.paper-link:hover{color:#3a7d44;border-color:#3a7d44;background:#f7f2e6}
.contents-link.paper-link.active,
.side-link.paper-link.active{color:#2b2620;border-color:#3a7d44;background:#efe9db;box-shadow:none;text-shadow:none;animation:none}
body.paper .contents-link.paper-link,
body.paper .side-link.paper-link{
  background:#efe9db;color:#2b2620;border:1px solid #b0a489;padding:.3rem .7rem;letter-spacing:.09em;
}
body.paper .contents-link.paper-link.active,
body.paper .side-link.paper-link.active{border-color:#3a7d44}

/* newspaper masthead inside the story page */
.story-masthead{
  border-top:3px double #26221c;border-bottom:3px double #26221c;
  padding:1.1rem 0;text-align:center;margin-bottom:1.5rem;
  background:rgba(255,255,255,.4);
}
.story-masthead-name{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.8rem,5vw,3.1rem);font-weight:900;
  color:#26221c;letter-spacing:.12em;line-height:1;margin:0 0 .55rem;
}
.story-dateline{
  font-family:Georgia,"Times New Roman",serif;font-size:.66rem;
  letter-spacing:.2em;color:#7a705d;margin:0;
}
.story-card .story-para + .story-para{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:1.5rem}
.story-card .story-para:first-of-type p:first-child::first-letter{
  font-family:Georgia,"Times New Roman",serif;font-weight:900;
  font-size:3.2em;line-height:.8;float:left;padding:.02em .12em 0 0;color:#26221c;
}

/* ---------- Mobile + portrait: easier nav, nothing cut off ---------- */
@media(max-width:920px){
  .side-panel{
    overscroll-behavior:contain;
    padding-top:4.6rem;
    padding-bottom:calc(1.4rem + env(safe-area-inset-bottom));
  }
  .side-link{
    font-size:1.15rem;letter-spacing:.09em;padding:.65rem .8rem;
    white-space:normal;overflow-wrap:break-word;word-break:break-word;
  }
}
@media(max-width:600px){
  .section-head{flex-direction:column;align-items:flex-start;gap:.4rem}
  .section-line{width:100%;flex:none}
  .hero h1{font-size:clamp(2.5rem,11.5vw,3.4rem)}
  .contents-link.paper-link,.side-link.paper-link{font-size:.6rem}
}

/* ---------- Style presets (mterm: STYLE <dark|retro|crt|old>) ---------- */
body.style-retro{
  --bg:#060400;--bg-soft:#0e0902;--panel:#0e0902;
  --line:#201406;--line-bright:#32200a;
  --text:#ffb020;--dim:#7a4c0e;
  --green:#ffb020;--green-dim:#7a4c0e;
  --red:#ff3c3c;--dark-red:#8a2010;--cyan:#ffcf7d;
  --glow-green:0 0 16px rgba(255,176,32,.5);
  --glow-red:0 0 16px rgba(255,60,60,.45);
  --glow-soft:0 0 30px rgba(255,176,32,.3);
}
body.style-retro .crt .vignette{background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6) 100%),linear-gradient(rgba(255,176,32,.04),rgba(255,176,32,.04))}
body.style-retro .crt .beam{background:linear-gradient(to bottom,transparent,rgba(255,176,32,.06) 42%,rgba(255,176,32,.16) 50%,rgba(255,176,32,.06) 58%,transparent)}
body.style-retro .crt .sweep{background:linear-gradient(to bottom,transparent 0%,rgba(255,176,32,.02) 46%,rgba(255,176,32,.06) 50%,rgba(255,176,32,.02) 54%,transparent 100%)}
body.style-retro .mterm-prompt{color:#ffb020;text-shadow:0 0 8px rgba(255,176,32,.7)}

/* ADVANCED CRT — heavy tube: RGB mask, tight scanlines, fast flicker, banding, curved dark edges */
body.style-crt .crt{animation:crt-flicker 1.4s steps(3) infinite}
body.style-crt .crt::before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(90deg,rgba(255,0,0,.045) 0 1px,rgba(0,255,0,.045) 1px 2px,rgba(0,0,255,.045) 2px 3px);
}
body.style-crt .crt::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to bottom,transparent 62%,rgba(0,0,0,.55) 100%),linear-gradient(to top,transparent 62%,rgba(0,0,0,.35) 100%);
}
body.style-crt .crt .scanlines{background:repeating-linear-gradient(to bottom,rgba(0,0,0,0) 0 1px,rgba(0,0,0,.42) 1px 3px)}
body.style-crt .crt .vignette{
  background:radial-gradient(ellipse at center,transparent 44%,rgba(0,0,0,.78) 100%),linear-gradient(rgba(0,220,0,.05),rgba(0,220,0,.05));
  animation:vignette-breathe 2.4s ease-in-out infinite;
}
body.style-crt .crt .beam{
  height:9vh;top:-10vh;
  background:linear-gradient(to bottom,transparent,rgba(0,220,0,.14) 44%,rgba(0,220,0,.34) 50%,rgba(0,220,0,.14) 56%,transparent);
  animation:beam 3.2s linear infinite;
}
body.style-crt .crt .sweep{
  height:14vh;top:-16vh;
  background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.07) 46%,rgba(255,255,255,.16) 50%,rgba(255,255,255,.07) 54%,transparent 100%);
  animation:sweep 3.8s linear infinite;
}

/* OLD — a 2010-style site: white pages, Times New Roman, blue links, grey XP buttons */
body.style-old{
  --bg:#ffffff;--bg-soft:#f4f4f4;--panel:#ffffff;
  --line:#cccccc;--line-bright:#999999;
  --text:#000000;--dim:#555555;
  --green:#0000EE;--green-dim:#0000EE;
  --red:#AA0000;--dark-red:#7a0000;--cyan:#0000EE;
  --glow-green:0 0 0 transparent;
  --glow-red:0 0 0 transparent;
  --glow-soft:0 0 0 transparent;
  --mono:"Times New Roman",Times,serif;
  --vt:"Times New Roman",Times,serif;
}
body.style-old .crt{display:none}
body.style-old .hud{display:none}
body.style-old .glitch::before,body.style-old .glitch::after{display:none}
body.style-old .glitch,body.style-old .hero h1,body.style-old .melt,body.style-old .melt-drip,body.style-old .mterm-drip{animation:none !important}
body.style-old .hero h1{color:#000;text-shadow:none}
body.style-old .led{animation:none;box-shadow:none}
body.style-old .nav{background:#ffffff;border-bottom:1px solid #cccccc}
body.style-old .nav-brand{color:#000;text-shadow:none;letter-spacing:.02em}
body.style-old .ticker{background:#ffffff;border-color:#cccccc}
body.style-old .ticker-item{color:#000}
body.style-old .section-title,body.style-old .t-title,body.style-old .session-name,
body.style-old .release-version,body.style-old .platform-os,body.style-old .player-title,
body.style-old .intel-value{color:#000;text-shadow:none;letter-spacing:.02em}
body.style-old .section-line{background:#cccccc;animation:none}
body.style-old .section-sub{color:#444}
body.style-old a{color:#0000EE}
body.style-old a:visited{color:#551A8B}
body.style-old .contents-link:not(.paper-link),
body.style-old .side-link:not(.paper-link){
  background:none;border:0;padding:.2rem .3rem;font-size:.72rem;
  letter-spacing:.03em;color:#0000EE;
}
body.style-old .contents-link:not(.paper-link):hover,
body.style-old .side-link:not(.paper-link):hover{color:#0000EE;text-decoration:underline}
body.style-old .contents-link:not(.paper-link).active,
body.style-old .side-link:not(.paper-link).active{
  color:#0000EE;background:none;border:0;border-bottom:2px solid #0000EE;
  box-shadow:none;text-shadow:none;animation:none;
}
body.style-old .contents-link.dl-glow,body.style-old .side-link.dl-glow{
  color:#0000EE;background:none;border:0;box-shadow:none;text-shadow:none;animation:none;
}
body.style-old .link-num{display:none}
body.style-old .btn,body.style-old .asset-btn,body.style-old .platform-btn,body.style-old .dev-copy{
  background:#ece9d8;color:#000;border:1px outset #a5a5a5;border-radius:0;
  box-shadow:none;text-shadow:none;
}
body.style-old .btn::before,body.style-old .btn-ghost::before{display:none}
body.style-old .btn:hover,body.style-old .asset-btn:hover,body.style-old .platform-btn:hover{background:#e3e0cd;box-shadow:none;text-shadow:none}
body.style-old .btn-ghost:hover{background:#e3e0cd;color:#000}
body.style-old .tag{border:1px solid #999;color:#000;background:none}
body.style-old .hero-badge{border:1px solid #0000EE;color:#0000EE;background:none;box-shadow:none}
body.style-old .release,body.style-old .platform-card,body.style-old .session,
body.style-old .player,body.style-old .stat,body.style-old .dev-card,
body.style-old .modal{background:#ffffff;border:1px solid #000}
body.style-old .platform-card.is-current{background:#eef3ff;border-color:#0000EE}
body.style-old .release::before,body.style-old .story-game::before{background:repeating-linear-gradient(90deg,#999999 0 14px,#ffffff 14px 20px)}
body.style-old .stat-num,body.style-old .about-quote,body.style-old .hero-sub{color:#0000EE;text-shadow:none}
body.style-old .dev-list li,body.style-old .feature-list li,body.style-old .guide-steps,
body.style-old .story-para p,body.style-old .platform-desc{color:#000}
body.style-old .release-note{color:#333;border-color:#999;background:#fff}
body.style-old .modal-overlay{background:rgba(0,0,0,.4)}
body.style-old .modal-body{color:#000}
body.style-old .mterm{background:#f0f0f0;color:#000;border:1px outset #a5a5a5;box-shadow:none}
body.style-old .mterm-head{border-bottom-color:#ccc}
body.style-old .mterm-prompt{color:#0000EE;text-shadow:none}
body.style-old .mterm-out{color:#000}
body.style-old .guide-tab{color:#000}
body.style-old .guide-tab:hover{color:#0000EE}
body.style-old .guide-tab[aria-selected="true"]{color:#0000EE;border-bottom-color:#0000EE}
body.style-old .side-panel{background:#ffffff;border-left-color:#ccc}
body.style-old .side-head{color:#000}
body.style-old .side-foot,body.style-old .footer-dim{color:#555}
body.style-old footer p{color:#000}
body.style-old .whisper,body.style-old .ghostLine{display:none}
/* keep the Yangon Times chip paper-colored even inside the OLD style */
body.style-old .contents-link.paper-link,body.style-old .contents-link.paper-link:visited,
body.style-old .side-link.paper-link,body.style-old .side-link.paper-link:visited{color:#2b2620}

/* neptune productions imprint → hub link */
.nep-link{color:inherit;text-decoration:none;cursor:pointer;pointer-events:auto}
.nep-link:hover{text-decoration:underline}

/* ---------- Forum — the TQG webring ---------- */
/* nav chip: warm webring look even inside the dark site */
.contents-link.forum-link,
.side-link.forum-link{
  background:#fff8e7;color:#5e1f1f;border:1px solid #c0a878;
  font-family:"Comic Sans MS","Comic Sans",cursive;font-weight:700;
  letter-spacing:.09em;
}
.contents-link.forum-link:hover,
.side-link.forum-link:hover{color:#8a2b2b;border-color:#8a2b2b;background:#f3e9d2}
.contents-link.forum-link.active,
.side-link.forum-link.active{color:#8a2b2b;border-color:#8a2b2b;background:#f3e9d2;box-shadow:none;text-shadow:none;animation:none}
body.paper .contents-link.forum-link,
body.paper .side-link.forum-link,
body.forum .contents-link.forum-link,
body.forum .side-link.forum-link{background:#fff8e7;color:#5e1f1f;border:1px solid #c0a878;padding:.3rem .7rem}
body.paper .contents-link.forum-link.active,
body.paper .side-link.forum-link.active,
body.forum .contents-link.forum-link.active,
body.forum .side-link.forum-link.active{border-color:#8a2b2b}

/* body.forum — cozy retro webring theme */
body.forum{
  --bg:#f3e9d2;--bg-soft:#ecdfc4;--panel:#fff8e7;
  --line:#d9c49a;--line-bright:#c0a878;
  --text:#3b2f1e;--dim:#8a744f;
  --green:#3a6b35;--green-dim:#7a9a6f;
  --red:#8a2b2b;--dark-red:#5e1b1b;--cyan:#2c5e7a;
  --glow-green:none;--glow-red:none;--glow-soft:none;
  --mono:"Trebuchet MS","Segoe UI",Verdana,sans-serif;
  --vt:"Comic Sans MS","Comic Sans",cursive;
}
body.forum .crt{display:none}
body.forum .hud{display:none}
body.forum .glitch::before,body.forum .glitch::after{display:none}
body.forum .glitch,body.forum .hero h1,body.forum .melt,body.forum .melt-drip,body.forum .mterm-drip{animation:none !important}
body.forum .hero h1{color:#5e1f1f;text-shadow:none}
body.forum .led{animation:none;box-shadow:none}
body.forum .nav{background:rgba(243,233,210,.97);border-bottom:2px solid #8a2b2b}
body.forum .nav-brand{color:#5e1f1f;text-shadow:none;letter-spacing:.03em}
body.forum .theme-switch{background:#fff8e7;border-color:#c0a878}
body.forum .theme-btn{color:#8a744f}
body.forum .theme-btn:hover{color:#8a2b2b}
body.forum .theme-btn.active{color:#8a2b2b;background:#f3e9d2;text-shadow:none}
body.forum .ticker{background:#8a2b2b;border:0}
body.forum .ticker-item{color:#f3e9d2}
body.forum .section-title,body.forum .t-title,body.forum .session-name,
body.forum .release-version,body.forum .platform-os,body.forum .player-title,
body.forum .intel-value{color:#5e1f1f;text-shadow:none}
body.forum .section-line{background:linear-gradient(90deg,transparent,#c9a227 40%,#b07f2e 75%,transparent);animation:none}
body.forum .section-sub{color:#6b5a3a}
body.forum a{color:#0000cc}
body.forum a:visited{color:#6a2c91}
body.forum .contents-link:not(.paper-link):not(.forum-link),
body.forum .side-link:not(.paper-link):not(.forum-link){
  background:#fff8e7;border:1px solid #c0a878;color:#3b2f1e;
}
body.forum .contents-link:not(.paper-link):not(.forum-link):hover,
body.forum .side-link:not(.paper-link):not(.forum-link):hover{color:#8a2b2b;border-color:#8a2b2b}
body.forum .contents-link:not(.paper-link):not(.forum-link).active,
body.forum .side-link:not(.paper-link):not(.forum-link).active{
  background:#f3e9d2;color:#8a2b2b;border-color:#8a2b2b;box-shadow:none;text-shadow:none;animation:none;
}
body.forum .link-num{display:none}
body.forum .btn,body.forum .asset-btn,body.forum .platform-btn,body.forum .dev-copy{
  background:linear-gradient(to bottom,#fdf6e3,#e9dcbe);
  color:#3b2f1e;border:1px solid #b07f2e;border-radius:6px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 3px rgba(90,60,20,.25);
  text-shadow:none;
}
body.forum .btn:hover,body.forum .asset-btn:hover,body.forum .platform-btn:hover{background:linear-gradient(to bottom,#fff9ec,#eedfc0);box-shadow:none;color:#5e1f1f}
body.forum .btn::before,body.forum .btn-ghost::before{display:none}
body.forum .btn-ghost:hover{color:#5e1f1f}
body.forum .tag{border:1px solid #b07f2e;color:#6b5a3a;background:#fff8e7}
body.forum .hero-badge{border:1px solid #c9a227;color:#8a2b2b;background:#fff8e7;box-shadow:none;text-shadow:none}
body.forum .release,body.forum .platform-card,body.forum .session,
body.forum .player,body.forum .stat,body.forum .dev-card,body.forum .modal{background:#fff8e7;border:1px solid #c0a878}
body.forum .platform-card.is-current{background:#fbf3dc;border-color:#c9a227}
body.forum .release::before,body.forum .story-game::before{background:repeating-linear-gradient(90deg,#8a2b2b 0 14px,#c9a227 14px 20px)}
body.forum .stat-num,body.forum .hero-sub,body.forum .about-quote{color:#8a2b2b;text-shadow:none}
body.forum .dev-list li,body.forum .feature-list li,body.forum .guide-steps,
body.forum .story-para p,body.forum .platform-desc{color:#3b2f1e}
body.forum .release-note{color:#6b5a3a;border-color:#c9a227;background:#fbf3dc}
body.forum .modal-overlay{background:rgba(60,40,10,.5)}
body.forum .modal-body{color:#3b2f1e}
body.forum .mterm{background:#fff8e7;color:#3b2f1e;border:1px solid #c0a878;box-shadow:0 18px 60px rgba(60,40,10,.4)}
body.forum .mterm-head{border-bottom-color:#c0a878}
body.forum .mterm-prompt{color:#8a2b2b;text-shadow:none}
body.forum .mterm-out{color:#3b2f1e}
body.forum .guide-tab{color:#3b2f1e}
body.forum .guide-tab:hover{color:#8a2b2b}
body.forum .guide-tab[aria-selected="true"]{color:#8a2b2b;border-bottom-color:#8a2b2b}
body.forum .side-panel{background:rgba(243,233,210,.99);border-left-color:#c0a878}
body.forum .side-head{color:#5e1f1f}
body.forum .side-foot,body.forum .footer-dim{color:#8a744f}
body.forum footer p{color:#6b5a3a}
body.forum .whisper,body.forum .ghostLine{display:none}
body.forum #musicButton{background:#fff8e7;border-color:#c0a878;color:#8a2b2b;box-shadow:none}

/* forum UI */
.forum-wrap{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:1.4rem;align-items:start}
.forum-auth{
  border:1px solid #c0a878;background:#fff8e7;border-radius:8px;
  padding:1.1rem;display:flex;flex-direction:column;gap:.8rem;
  box-shadow:0 2px 8px rgba(90,60,20,.12);
}
.forum-auth-head{
  font-family:"Comic Sans MS","Comic Sans",cursive;font-size:.95rem;
  color:#8a2b2b;letter-spacing:.12em;border-bottom:2px solid #8a2b2b;
  padding-bottom:.5rem;
}
.forum-auth-form{display:flex;flex-direction:column;gap:.7rem}
.forum-auth-form label{
  display:flex;flex-direction:column;gap:.25rem;
  font-size:.62rem;letter-spacing:.12em;color:#6b5a3a;
}
.forum-auth-form input{
  font-family:inherit;font-size:.85rem;color:#3b2f1e;background:#fffdf5;
  border:1px solid #b58e5a;border-radius:4px;padding:.5rem .6rem;
}
.forum-auth-form button{
  font-family:"Comic Sans MS","Comic Sans",cursive;font-size:.9rem;
  background:linear-gradient(to bottom,#fdf6e3,#e9dcbe);color:#5e1f1f;
  border:1px solid #b07f2e;border-radius:6px;padding:.55rem;cursor:pointer;
}
.forum-auth-form button:hover{background:linear-gradient(to bottom,#fff9ec,#eedfc0)}
.forum-hint{font-size:.68rem;color:#8a744f;line-height:1.5;margin:0}
.forum-identity{
  display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
  border-top:1px dashed #c0a878;padding-top:.8rem;
}
.forum-identity-label{font-size:.6rem;letter-spacing:.12em;color:#8a744f}
.forum-identity-name{font-weight:700;color:#5e1f1f;font-size:.9rem}
.forum-identity-change{
  margin-left:auto;font-family:"Comic Sans MS","Comic Sans",cursive;
  font-size:.7rem;background:none;border:1px solid #c0a878;
  border-radius:4px;padding:.2rem .5rem;color:#8a744f;cursor:pointer;
}
.forum-identity-change:hover{color:#8a2b2b;border-color:#8a2b2b}
.forum-chat{display:flex;flex-direction:column;min-width:0}
.forum-banner{
  display:flex;justify-content:space-between;align-items:center;gap:.6rem;
  background:linear-gradient(to bottom,#9b3b3b,#8a2b2b);
  border:1px solid #5e1f1f;border-bottom:0;border-radius:8px 8px 0 0;
  padding:.6rem .9rem;
}
.forum-banner-title{
  font-family:"Comic Sans MS","Comic Sans",cursive;font-size:1.05rem;
  color:#f3e9d2;letter-spacing:.04em;
}
.forum-banner-count{font-size:.66rem;letter-spacing:.12em;color:#e6c98f}
.forum-msgs{
  height:min(480px,60vh);overflow-y:auto;overscroll-behavior:contain;
  background:#fffdf5;border:1px solid #c0a878;
  padding:.8rem;display:flex;flex-direction:column;gap:.55rem;
}
.forum-msg{border:1px solid #e0cfae;border-radius:6px;background:#fff8e7;padding:.55rem .7rem}
.forum-msg-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}
.forum-avatar{width:22px;height:22px;border-radius:50%;border:1px solid #c0a878}
.forum-who{font-weight:700;color:#5e1f1f;font-size:.8rem}
.forum-when{margin-left:auto;font-size:.6rem;color:#8a744f;letter-spacing:.04em}
.forum-msg-body{font-size:.84rem;color:#3b2f1e;line-height:1.65;overflow-wrap:break-word}
.forum-msg-body code{background:#f3e9d2;border:1px solid #d9c49a;border-radius:3px;padding:0 .25rem;font-size:.78rem}
.forum-msg-body img.forum-img{max-width:100%;max-height:260px;border:1px solid #c0a878;border-radius:4px;margin-top:.3rem;display:block}
.forum-msg-actions{display:flex;gap:.35rem;margin-top:.45rem;padding-top:.4rem;border-top:1px solid #e0cfae}
.forum-action{
  font-family:"Comic Sans MS","Comic Sans",cursive;font-size:.68rem;
  background:none;border:1px solid #d9c49a;border-radius:4px;
  padding:.15rem .45rem;color:#8a744f;cursor:pointer;transition:all .15s;
}
.forum-action:hover{color:#5e1f1f;border-color:#b07f2e;background:rgba(243,233,210,.6)}
.forum-like-btn:hover{color:#3a6b35;border-color:#3a6b35}
.forum-dislike-btn:hover{color:#8a2b2b;border-color:#8a2b2b}
.forum-reply-btn:hover{color:#2c5e7a;border-color:#2c5e7a}
.forum-replies{margin-top:.4rem;border-left:2px solid #d9c49a;padding-left:.6rem}
.forum-replies.hidden{display:none}
.forum-msg-reply{background:rgba(255,253,245,.95);border-color:#e8dcc5}
.forum-reply-form{display:flex;gap:.4rem;align-items:stretch;margin-top:.5rem;padding:.45rem;background:#f3e9d2;border-radius:5px}
.forum-reply-input{
  flex:1;min-width:0;font-family:inherit;font-size:.8rem;color:#3b2f1e;
  background:#fffdf5;border:1px solid #b58e5a;border-radius:4px;padding:.35rem .5rem;
}
.forum-reply-send,.forum-reply-cancel{
  font-family:"Comic Sans MS","Comic Sans",cursive;font-size:.75rem;cursor:pointer;
  background:linear-gradient(to bottom,#fdf6e3,#e9dcbe);color:#5e1f1f;
  border:1px solid #b07f2e;border-radius:5px;padding:.3rem .6rem;
}
.forum-reply-cancel{background:none;color:#8a744f;border-color:#c0a878}
.forum-reply-send:hover{background:linear-gradient(to bottom,#fff9ec,#eedfc0)}
.forum-reply-cancel:hover{color:#8a2b2b;border-color:#8a2b2b}
.forum-empty{font-size:.8rem;color:#8a744f;text-align:center;padding:1.5rem 0;margin:0}
.forum-compose{
  display:flex;gap:.5rem;align-items:stretch;
  background:#f3e9d2;border:1px solid #c0a878;border-top:0;border-radius:0 0 8px 8px;
  padding:.6rem;
}
.forum-compose input[type="text"]{
  flex:1;min-width:0;font-family:inherit;font-size:.86rem;color:#3b2f1e;
  background:#fffdf5;border:1px solid #b58e5a;border-radius:4px;padding:.5rem .6rem;
}
.forum-compose button{
  font-family:"Comic Sans MS","Comic Sans",cursive;font-size:.85rem;cursor:pointer;
  background:linear-gradient(to bottom,#fdf6e3,#e9dcbe);color:#5e1f1f;
  border:1px solid #b07f2e;border-radius:6px;padding:.45rem .8rem;white-space:nowrap;
}
.forum-compose button:hover{background:linear-gradient(to bottom,#fff9ec,#eedfc0)}
.forum-status{
  font-size:.66rem;letter-spacing:.12em;color:#8a744f;padding:.45rem .3rem 0;min-height:1em;
}
.forum-status.show{color:#5e1f1f;font-weight:700}
@media(max-width:820px){
  .forum-wrap{grid-template-columns:1fr}
  .forum-auth{max-width:520px}
  .forum-compose{flex-wrap:wrap}
  .forum-compose input[type="text"]{flex:1 1 100%;order:0}
}

/* forum fancy (v2.05): cursive headings, gold ornaments, ruled-paper chat */
body.forum{background:radial-gradient(circle at 50% 0%,#fbf3dc,#f3e9d2 72%)}
body.forum .section-title{
  font-family:var(--fancy);font-weight:400;letter-spacing:.01em;
  color:#5e1f1f;white-space:normal;font-size:clamp(1.7rem,4vw,2.8rem);
}
body.forum .section-title .red{display:none}
body.forum .section-title::after{content:"\2726";color:#c9a227;margin-left:.55rem;font-size:.75em;vertical-align:.25em}
body.forum .forum-banner{border-bottom:3px double #c9a227}
body.forum .forum-banner-title{
  font-family:var(--fancy);font-weight:400;font-size:1.5rem;
  letter-spacing:.01em;text-shadow:0 1px 1px rgba(0,0,0,.45);
}
body.forum .forum-banner-count::before{content:"— "}
body.forum .forum-banner-count::after{content:" —"}
body.forum .forum-auth{
  border:1px solid #c0a878;border-radius:10px;
  box-shadow:3px 3px 0 rgba(138,43,43,.08),inset 0 0 0 4px #fffdf5,inset 0 0 0 5px #e4d3ae;
}
body.forum .forum-auth::before{
  content:"\2726 \2766 \2726";display:block;text-align:center;color:#c9a227;
  font-size:1rem;letter-spacing:.55em;border-bottom:1px dashed #c0a878;
  padding-bottom:.5rem;margin:-.25rem 0 .35rem;
}
body.forum .forum-auth-head{font-family:var(--fancy);font-size:1.05rem;letter-spacing:.02em;color:#5e1f1f;border-bottom-color:#c9a227}
body.forum .forum-identity-name{font-family:var(--fancy);font-weight:400;font-size:1.04rem;letter-spacing:.01em;color:#7a2222}
body.forum .forum-avatar{border:2px solid #c9a227;box-shadow:0 0 0 2px #8a2b2b}
body.forum .forum-msg{
  border-radius:10px;box-shadow:2px 3px 0 rgba(138,43,43,.07);
}
body.forum .forum-who{font-family:var(--fancy);font-weight:400;font-size:1.04rem;letter-spacing:.01em;color:#7a2222}
body.forum .forum-when{font-style:italic;color:#a0835a}
body.forum .forum-msgs{
  background-color:#fffdf5;
  background-image:repeating-linear-gradient(to bottom,transparent 0 28px,rgba(138,43,43,.055) 28px 29px);
}
body.forum .forum-msg{background:rgba(255,248,231,.97);border:1px solid #e0cfae}

/* forum banner animation (v2.04): slow 5s shine sweep + 4.5s title breathe */
.forum-banner{position:relative;overflow:hidden}
.forum-banner::after{
  content:"";position:absolute;top:-10%;left:-70%;width:45%;height:120%;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.38) 50%,transparent 100%);
  transform:skewX(-20deg);pointer-events:none;
  animation:forum-shine 5s ease-in-out infinite;
}
@keyframes forum-shine{
  0%{left:-70%}
  55%{left:135%}
  100%{left:135%}
}
.forum-banner-title{
  display:inline-block;
  animation:forum-breathe 4.5s ease-in-out infinite;
}
@keyframes forum-breathe{
  0%,100%{opacity:.9;text-shadow:0 0 0 rgba(243,233,210,0)}
  50%{opacity:1;text-shadow:0 0 14px rgba(243,233,210,.55)}
}

/* ---------- Performance ---------- */
body.perf-low .crt{animation:none}
body.perf-low .crt .beam,body.perf-low .crt .sweep{display:none}
body.perf-low .crt .vignette{animation:none}
body.perf-low .hero h1{animation:title-bloom-step 6s steps(2,end) infinite}
@keyframes title-bloom-step{
  0%{text-shadow:0 0 18px rgba(200,0,0,.25),0 0 4px rgba(200,0,0,.4)}
  50%{text-shadow:0 0 42px rgba(200,0,0,.6),0 0 10px rgba(200,0,0,.85)}
  100%{text-shadow:0 0 18px rgba(200,0,0,.25),0 0 4px rgba(200,0,0,.4)}
}
body.perf-low .section-line{animation:none}
body.perf-low .ticker-track{animation-duration:110s}
body.perf-low #ash{opacity:.45}
@media (prefers-reduced-motion: reduce){
  body.loaded .hero h1{animation:none;text-shadow:0 0 24px rgba(200,0,0,.4)}
  .crt{animation:none}
  .crt .vignette{animation:none}
  .crt .beam,.crt .sweep{display:none}
  .ticker-track{animation:none}
  .section-line{animation:none}
  .glitch::before,.glitch::after{animation:none}
  #ash{opacity:.4}
  .forum-banner::after,.forum-banner-title{animation:none}
}
.story-para p,.about-copy p{content-visibility:auto;contain-intrinsic-size:auto 64px}