:root{
  --bg1:#0b0c14;
  --bg2:#140e09;
  --bg3:#0e141a;
  --bg4:#0a0f12;
  --panel: rgba(28,18,12,.78);
  --border: rgba(255, 214, 140, .42);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.74);
  --gold: #ffd773;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color:var(--text);
  overflow:hidden;
  background: linear-gradient(180deg, var(--bg1), var(--bg2) 35%, var(--bg3) 70%, var(--bg4));
}
.hidden{display:none !important}
a{color:var(--gold); text-decoration:none}
a:hover{text-decoration:underline}