/* Base variables and resets (new) */

:root{
  --bg:#000;
  --green-1:#00ff41;
  --green-2:#39ff14;
  --green-3:#7cffb2;
  --muted:#0b0b0b;
  --glass: rgba(0,0,0,0.45);
  --accent: var(--green-1);
  --scroll-bg: rgba(6,6,6,0.75);
  --scroll-thumb: rgba(40,40,40,0.9);
  --scroll-thumb-hover: rgba(64,64,64,0.98);
  --scroll-track-glow: rgba(57,255,20,0.04);
  font-family: 'UnifrakturCook', Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing:border-box}
html,body{height:100%;margin:0;background:var(--bg);color:var(--green-1);overflow:hidden}
html,body{
  background:
    linear-gradient(rgba(0,0,0,0.68), rgba(0,0,0,0.68)),
    url('/Saint Monti & Lovequincyy.jpg') center/cover no-repeat fixed;
  background-blend-mode: normal;
  color:var(--green-1);
  height:100%;
  margin:0;
  overflow:hidden;
}

canvas#matrix{position:fixed;inset:0;z-index:0}

/* accessibility helpers */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* small responsive defaults */
@media (max-width:640px){
  canvas#matrix{filter:contrast(1.1)}
}