#gdrpre{
    --bg-deep:#04070e;
    --bg-mid:#08141f;
  }
  #gdrpre,#gdrpre *{margin:0;padding:0;box-sizing:border-box}
  #gdrpre{position:fixed;inset:0;z-index:99999;overflow:hidden;cursor:crosshair;background:var(--bg-deep);transition:opacity .6s ease}
  #gdrpre.gdrpre-hide{opacity:0;pointer-events:none}
  #gdrpre{
    font-family:'Courier New',monospace;
    background:radial-gradient(ellipse 130% 95% at 50% 42%, var(--bg-mid) 0%, var(--bg-deep) 72%);
  }
  
  #gdrpre-ascii{display:block;position:absolute;inset:0;width:100%;height:100%}

  /* CRT scanlines + winieta */
  .gdrpre-crt{
    position:fixed;inset:0;pointer-events:none;z-index:2;
    background:
      repeating-linear-gradient(to bottom,
        rgba(0,0,0,0) 0px, rgba(0,0,0,0) 2px,
        rgba(0,0,0,.24) 3px, rgba(0,0,0,.24) 4px);
    mix-blend-mode:multiply;
  }
  .gdrpre-vignette{
    position:fixed;inset:0;pointer-events:none;z-index:3;
    background:radial-gradient(ellipse 95% 95% at 50% 50%,
      rgba(0,0,0,0) 50%, rgba(1,3,10,.72) 100%);
  }

  /* ---------- motto na dole ---------- */
  .gdrpre-tag{
    position:fixed;left:50%;bottom:30px;transform:translateX(-50%);
    z-index:4;display:flex;align-items:center;gap:22px;
    color:#5fc4e6;font-size:11px;letter-spacing:.5em;text-indent:.5em;
    text-transform:uppercase;font-family:'Courier New',monospace;
    text-shadow:0 0 14px rgba(79,214,255,.6);white-space:nowrap;
    opacity:0;animation:gdrpreFadein 2.6s ease 2.6s forwards;
  }
  .gdrpre-tag::before,.gdrpre-tag::after{
    content:"";display:block;width:64px;height:1px;
    background:linear-gradient(90deg, transparent, #2f86a8);
  }
  .gdrpre-tag::after{background:linear-gradient(90deg, #2f86a8, transparent)}
  .gdrpre-tag .gdrpre-sep{opacity:.55}
  @keyframes gdrpreFadein{to{opacity:.9}}

  /* ---------- preloader: ASCII progress bar ---------- */
  .gdrpre-loader{
    position:fixed;left:50%;bottom:88px;transform:translateX(-50%);
    z-index:5;text-align:center;font-family:'Courier New',monospace;
    user-select:none;
  }
  .gdrpre-bar{
    color:#4fd6ff;font-size:14px;letter-spacing:2px;white-space:pre;
    text-shadow:0 0 10px rgba(79,214,255,.55);
    transition:opacity .55s ease, filter .55s ease, transform .55s ease;
  }
  .gdrpre-bar .gdrpre-pct{color:#a9ecff;margin-left:14px}
  .gdrpre-bar.done{
    opacity:0;filter:blur(6px);transform:translateY(-8px);
    pointer-events:none;
  }

  /* ---------- CLICK HERE TO ENTER ---------- */
  .gdrpre-enter{
    position:absolute;left:50%;top:0;transform:translate(-50%,0);
    background:none;border:0;cursor:pointer;
    font-family:'Courier New',monospace;font-size:15px;
    letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;
    color:#d6f6ff;white-space:nowrap;
    opacity:0;visibility:hidden;padding:10px 18px;
  }
  .gdrpre-enter.show{
    visibility:visible;
    animation:
      gdrpreEnterIn .9s ease forwards,
      gdrpreBreathe 3.2s ease-in-out 1s infinite;
  }
  /* pulsuje i oddycha: jaśniej/ciemniej + delikatna skala,
     w szczycie ~ tak jasny jak logo, nie jaśniejszy */
  @keyframes gdrpreEnterIn{
    from{opacity:0;transform:translate(-50%,10px)}
    to  {opacity:.85;transform:translate(-50%,0)}
  }
  @keyframes gdrpreBreathe{
    0%,100%{
      opacity:.55;transform:translate(-50%,0) scale(1);
      color:#8fd4e6;
      text-shadow:0 0 8px rgba(79,214,255,.32);
    }
    50%{
      opacity:.95;transform:translate(-50%,0) scale(1.03);
      color:#eafcff;
      text-shadow:0 0 16px rgba(120,230,255,.75), 0 0 34px rgba(57,255,166,.30);
    }
  }
  .gdrpre-enter:focus-visible{outline:1px dashed #4fd6ff;outline-offset:6px}

  /* czarne przejście po kliknięciu ENTER */
  .gdrpre-fade-out{
    position:fixed;inset:0;background:#000;z-index:9;
    opacity:0;pointer-events:none;transition:opacity .7s ease;
  }
  .gdrpre-fade-out.on{opacity:1;pointer-events:all}

  @media (prefers-reduced-motion: reduce){
    .gdrpre-tag{animation:none;opacity:.9}
    .gdrpre-enter.show{animation:none;opacity:.85;visibility:visible;color:#d6f6ff}
    .gdrpre-bar{transition:none}
  }