:root {
  --bg-top: #6f6f6f;
  --bg-mid: #3d3d3d;
  --bg-bottom: #000000;
  --panel: rgba(22, 22, 22, 0.78);
  --panel-border: rgba(255, 255, 255, 0.10);
  --btn-yellow: #f0e21a;
  --btn-text: #000;
  --btn-shadow: rgba(0, 0, 0, 0.45);
}

* { box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  overflow: hidden;
  background: linear-gradient(180deg, var(--bg-top) 0%, var(--bg-mid) 48%, var(--bg-bottom) 100%);
}


.menu-btn:hover {
  box-shadow: inset 0 0 20px 10px #F0E219;
  box-sizing: border-box;
}