@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap');

:root{
  --accent:#2F9E1B;
  --accent-soft: rgba(47,158,27,.4);
  --text:#d1ffd1;
  --muted:#9ab59a;
}

*{ box-sizing:border-box; }
html, body { margin:0; height:100%; background:#061006; font-family:'Orbitron', system-ui, sans-serif; color:var(--text); }

#c{
  display:block;
  width:100vw;
  height:100vh;
}

/* HUD overlay */
#overlay{
  position:fixed; left:12px; top:12px; z-index:10;
  background:rgba(8,16,8,.65);
  border:1px solid var(--accent-soft);
  backdrop-filter: blur(3px);
  padding:10px 12px; border-radius:10px; user-select:none;
}
#overlay h1{ margin:0 0 6px 0; font-size:16px; color:var(--accent); text-shadow:0 0 8px rgba(47,158,27,.6);}
#overlay p{ margin:4px 0; font-size:12px; color:var(--muted); }
#overlay b{ color:#ffd47a; }
#overlay button{
  appearance:none; cursor:pointer; font:inherit; color:var(--text);
  background:#112411; border:1px solid var(--accent); border-radius:8px; padding:6px 10px;
}
#overlay button:hover{ background:#153015; }

.hidden{ display:none; }