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

* { margin:0; padding:0; box-sizing:border-box; }

html, body { height:100%; }

body {
  background:#06060f;
  display:flex; align-items:flex-start; justify-content:center;
  min-height:100dvh; font-family:'Orbitron',monospace; overflow:hidden; user-select:none;
}

#game-container { position:relative; }

#canvas {
  display:block; cursor:none; touch-action:none;
  width:100vw; max-width:360px; height:auto; aspect-ratio:9/16;
}

#debug-panel {
  position:absolute; bottom:0; left:0; right:0; z-index:10;
  background:#0a0a18ee; border:1px solid #ff450033; border-radius:4px;
  padding:8px 12px; font-family:'Share Tech Mono',monospace;
}
.debug-row { display:flex; align-items:center; gap:6px; margin:4px 0; flex-wrap:wrap; }
.debug-label { color:#ff4500aa; font-size:10px; letter-spacing:2px; min-width:70px; text-transform:uppercase; }
.dbtn {
  background:#161622; color:#aaa; border:1px solid #333; border-radius:3px;
  padding:3px 8px; font-size:11px; font-family:'Share Tech Mono',monospace; cursor:pointer;
}
.dbtn:hover { background:#222; color:#fff; }
.dbtn.active { background:#ff450044; color:#ffd700; border-color:#ff4500; }