/* =====================================================================
   RETRO TERMINAL STREAM PACK — DOS / Norton Commander design system
   Matches the Retro Terminal Portfolio template (same 4 CRT themes).
   Every piece takes ?theme=blue|amber|green|matrix
   ===================================================================== */
:root,[data-theme="blue"]{
  --bg:#0000aa; --frame:#00aaaa; --frame-h:#33ffff; --text:#aaaaaa; --bright:#ffffff;
  --accent:#ffff55; --exe:#55ff55;
  --sel-bg:#00aaaa; --sel-fg:#000000; --menu-bg:#00aaaa; --menu-fg:#000000; --hot:#ff5555;
  --glow:rgba(51,255,255,.45);
}
[data-theme="amber"]{
  --bg:#140800; --frame:#ff9500; --frame-h:#ffc061; --text:#cc7a10; --bright:#ffc061;
  --accent:#ffd98a; --exe:#ffd98a;
  --sel-bg:#ff9500; --sel-fg:#140800; --menu-bg:#ff9500; --menu-fg:#140800; --hot:#ffffff;
  --glow:rgba(255,149,0,.45);
}
[data-theme="green"]{
  --bg:#001400; --frame:#2fdd5c; --frame-h:#8dffa8; --text:#2fbb4e; --bright:#aaffbb;
  --accent:#ccffaa; --exe:#ffff88;
  --sel-bg:#2fdd5c; --sel-fg:#001400; --menu-bg:#2fdd5c; --menu-fg:#001400; --hot:#ffffff;
  --glow:rgba(47,221,92,.45);
}
[data-theme="matrix"]{
  --bg:#000000; --frame:#00ff41; --frame-h:#8dffb0; --text:#00c433; --bright:#d6ffd6;
  --accent:#8dffb0; --exe:#8dffb0;
  --sel-bg:#00ff41; --sel-fg:#000000; --menu-bg:#00330f; --menu-fg:#8dffb0; --hot:#ffffff;
  --glow:rgba(0,255,65,.55);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;overflow:hidden}
body{font-family:'VT323',monospace;color:var(--text);background:transparent}

/* ---------- CRT surface (opaque, for screens/backgrounds) ---------- */
.crtbg{position:absolute;inset:0;background:var(--bg)}
.crtfx::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:40;
  background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
.crtfx::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:39;
  background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.55) 100%)}

/* ---------- DOS double-line window ---------- */
.dwin{position:absolute;border:2px solid var(--frame);background:var(--bg);
  box-shadow:0 0 14px var(--glow), inset 0 0 0 1px var(--bg)}
.dwin::before{content:'';position:absolute;inset:4px;border:1px solid var(--frame);pointer-events:none}
.dwin .dtitle{position:absolute;top:-13px;left:50%;transform:translateX(-50%);
  background:var(--bg);color:var(--frame-h);padding:0 12px;font-size:22px;white-space:nowrap;
  text-shadow:0 0 6px var(--glow);z-index:2}
.dwin .dbody{position:absolute;inset:12px;overflow:hidden;font-size:21px;line-height:1.2}
/* transparent hole variant (for game/webcam) */
.dwin.hole{background:transparent;box-shadow:0 0 14px var(--glow)}
.dwin.hole::before{border-color:var(--frame)}

/* ---------- menubar / f-key bar ---------- */
.menubar{position:absolute;left:0;right:0;top:0;height:30px;background:var(--menu-bg);color:var(--menu-fg);
  display:flex;align-items:center;gap:26px;padding:0 14px;font-size:22px;z-index:5}
.menubar u{color:var(--hot);text-decoration:none;font-weight:bold}
.menubar .clock{margin-left:auto}
.fbar{position:absolute;left:0;right:0;bottom:0;height:30px;display:flex;gap:4px;
  align-items:center;padding:0 8px;font-size:21px;z-index:5;color:var(--text)}
.fbar b{color:var(--bright);font-weight:normal}
.fbar span{background:var(--menu-bg);color:var(--menu-fg);padding:0 10px;margin-right:8px;white-space:nowrap}

/* ---------- text bits ---------- */
.dim{color:var(--text)} .brt{color:var(--bright)} .acc{color:var(--accent)} .exe{color:var(--exe)}
.cursor{display:inline-block;width:.55em;height:1em;background:var(--bright);
  vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.selrow{background:var(--sel-bg);color:var(--sel-fg)}

/* ---------- progress bar [▓▓▓---] ---------- */
.pbar{font-size:22px;color:var(--bright);white-space:pre}

/* big display text */
.bigt{font-size:120px;line-height:1;color:var(--bright);text-shadow:0 0 18px var(--glow)}
.bigt .acc{text-shadow:0 0 18px var(--glow)}