/* ════════════════════════════════════════════
   edvGO · INTRO overlay (CRT boot → noise → neon wash)
   Ausgelagert aus index.html für strikte CSP (kein 'unsafe-inline').
   ════════════════════════════════════════════ */
#intro{position:fixed;inset:0;z-index:200;background:#000;overflow:hidden;}
#intro.gone{opacity:0;pointer-events:none;transition:opacity .8s ease;}
#cz{position:absolute;inset:0;will-change:transform;transform-origin:0 0;background:radial-gradient(78% 78% at 50% 46%, #ead9c8 0%, #dcc4ae 100%);}
#monitorBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(60px) saturate(1.02);transform:scale(1.22);}
#monitorImg{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;}
#glow0{position:absolute;border-radius:9%/12%;pointer-events:none;opacity:0;box-shadow:0 0 7vmin 1.4vmin rgba(70,110,255,.45);transition:opacity .5s ease;}
#cboot{position:absolute;overflow:hidden;opacity:0;border-radius:2.2%/2.9%;
  background:radial-gradient(120% 130% at 50% 44%,#3a39d6 0%,var(--crt-blue) 46%,#241f9e 76%,#18135f 100%);
  box-shadow:inset 0 0 5vmin rgba(8,5,52,.85),inset 0 0 1.2vmin rgba(150,160,255,.25);}
#ccanvas{position:absolute;left:50%;top:50%;width:1280px;height:960px;transform:translate(-50%,-50%) scale(var(--cscale,.3));transform-origin:center;}
.cscr{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3%;padding:6% 9%;color:var(--cream);}
.cscr .lg{width:33%;}
.cscr .lg img{width:100%;filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(180,190,255,.5));}
.cscr .sub{text-align:center;font-family:'VT323',monospace;line-height:1.08;font-size:30px;letter-spacing:.05em;}
.cscr .sub .dim{color:var(--cream-dim);}
.cscr .bw{margin-top:1.5%;width:60%;}
.cscr .bar{position:relative;height:40px;border:3px solid var(--cream);border-radius:3px;padding:6px;display:flex;gap:5px;overflow:hidden;box-shadow:0 0 18px rgba(180,190,255,.35);}
.cscr .bar i{flex:1 1 0;background:var(--cream);border-radius:2px;opacity:0;box-shadow:0 0 8px rgba(220,225,255,.6);}
.cscr .bar i.on{opacity:1;}
.cscr .lt{margin-top:3%;text-align:center;font-family:'VT323',monospace;font-size:32px;letter-spacing:.06em;color:#fff;text-shadow:0 0 16px rgba(150,160,255,.6);line-height:1.06;}
.cscr .lt .pct{color:var(--cream-dim);}
.cscr .cp{margin-top:3%;text-align:center;font-family:'VT323',monospace;font-size:21px;letter-spacing:.03em;color:var(--cream-dim);line-height:1.05;}
.cfx{position:absolute;inset:0;pointer-events:none;border-radius:inherit;}
.cfx.scan{background:repeating-linear-gradient(rgba(0,0,0,0) 0 2px,rgba(0,0,0,.16) 2px 4px);mix-blend-mode:multiply;}
.cfx.vig{background:radial-gradient(118% 118% at 50% 48%,transparent 52%,rgba(6,3,34,.85) 100%);}
.cfx.glass{mix-blend-mode:screen;opacity:.9;background:linear-gradient(133deg,rgba(220,228,255,.16) 0%,rgba(220,228,255,.05) 16%,transparent 34%);}
.cfx.glare{mix-blend-mode:screen;background:radial-gradient(42% 30% at 30% 14%,rgba(210,222,255,.22),transparent 62%);}
#noise{position:absolute;inset:0;opacity:0;}
#noise canvas{width:100%;height:100%;display:block;}
#nwash{position:absolute;inset:0;opacity:0;z-index:3;transform-origin:50% 50%;background:
  radial-gradient(60% 80% at 28% 38%,rgba(116,255,58,.55),transparent 60%),
  radial-gradient(70% 90% at 74% 66%,rgba(155,107,255,.62),transparent 62%),
  radial-gradient(120% 120% at 50% 50%,rgba(10,4,30,.15),rgba(2,2,8,.96) 92%);}
.nlaser{position:absolute;left:-20%;right:-20%;height:2px;opacity:0;top:34%;background:linear-gradient(90deg,transparent,var(--neon-g),transparent);box-shadow:var(--glow-g);}
.nlaser.v{top:62%;background:linear-gradient(90deg,transparent,var(--neon-v),transparent);box-shadow:var(--glow-v);}
#iflash{position:absolute;inset:0;opacity:0;z-index:4;mix-blend-mode:screen;background:radial-gradient(circle at 50% 50%,#f2fff4 0%,rgba(150,255,130,.7) 16%,rgba(155,107,255,.25) 42%,transparent 68%);}
#ipl{position:absolute;height:2px;background:#cfe6ff;box-shadow:0 0 22px 5px #bcd9ff;opacity:0;transform:scaleX(.15);z-index:6;}
#skip{position:absolute;right:20px;bottom:18px;z-index:20;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.08em;color:#8c8ca6;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 15px;cursor:pointer;background:rgba(0,0,0,.4);transition:.18s;}
#skip:hover{color:#fff;border-color:var(--neon-g);box-shadow:var(--glow-g);}
#replayIntro{position:fixed;right:16px;bottom:14px;z-index:90;font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.08em;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer;background:rgba(0,0,0,.3);transition:.2s;opacity:.6;}
#replayIntro:hover{opacity:1;color:#fff;border-color:var(--neon-g);}

/* ── kompaktes INTRO (Handy + Portrait-Tablet): bildschirmfüllender Boot ── */
@media(max-width:900px){
  #monitorBg,#monitorImg,#glow0{display:none;}
  #cz{background:#000;}
  #ccanvas{left:0;top:0;width:100%;height:100%;transform:none;}
  .cscr{padding:clamp(40px,9vh,80px) 7% calc(40px + env(safe-area-inset-bottom));gap:clamp(16px,3vh,30px);justify-content:center;}
  .cscr .lg{width:min(56%,240px);}
  .cscr .sub{font-size:clamp(17px,5vw,25px);}
  .cscr .bw{width:min(92%,340px);margin-top:0;}
  .cscr .bar{height:30px;gap:3px;padding:5px;}
  .cscr .lt{font-size:clamp(16px,4.4vw,24px);}
  .cscr .cp{font-size:clamp(11px,3.2vw,15px);}
  #skip{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));}
}