html,body { margin:0; height:100%; background:#111; overflow:hidden; font-family:Arial, sans-serif; color:#ddd; }
#gameCanvas { width:100vw; height:100vh; display:none; } /* hidden until Play */
.crosshair {
  position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9; pointer-events:none;
  width:18px; height:18px; opacity:0.9; display:none;
}
.crosshair:before { content:""; display:block; width:2px; height:18px; background:#fff; }
.crosshair:after { content:""; display:block; width:18px; height:2px; background:#fff; transform:translateY(-8px); }

#menu {
  position:fixed; top:0; left:0; width:100%; height:100%;
  display:flex; flex-direction:column; justify-content:center; align-items:center;
  background:linear-gradient(135deg,#0b0b0b,#222);
}
#menu h1 { font-size:3em; margin-bottom:20px; color:#0b84ff; }
#menu input { padding:10px; font-size:1.2em; border-radius:8px; border:1px solid #444; margin-bottom:15px; background:#222; color:#fff; }
#menu button {
  padding:12px 24px; font-size:1.2em; border:none; border-radius:8px;
  background:#0b84ff; color:#fff; cursor:pointer; transition:background 0.2s;
}
#menu button:hover { background:#006ae0; }