* { margin:0; padding:0; box-sizing:border-box; }
body, html { width:100%; height:100%; overflow:hidden; background:#0b0c1c; font-family:sans-serif; }
canvas { display:block; touch-action:none; }


#settingsIcon{
  position:absolute; top:20px; right:20px; font-size:28px; cursor:pointer; z-index:10;
  color:#fff; background:rgba(255,255,255,0.1); padding:12px; border-radius:50%; transition:0.3s;
  box-shadow: 0 0 10px rgba(0,255,255,0.3);
}
#settingsIcon:hover{ background:rgba(255,255,255,0.3); transform: scale(1.1); }


#settingsMenu{
  position:absolute; top:60px; right:20px; background:rgba(0,0,0,0.9); padding:25px; border-radius:15px; display:none; color:white; z-index:10;
  box-shadow: 0 0 20px rgba(0,255,255,0.5);
}
#settingsMenu label, #settingsMenu select, #settingsMenu input, #settingsMenu button{
  display:block; margin:12px 0; font-size:16px;
}
#settingsMenu select, #settingsMenu input{
  padding:8px; border-radius:10px; border:none; outline:none;
  background:rgba(255,255,255,0.1); color:white;
}
#settingsMenu button{
  background:rgba(0,255,255,0.2); border:none; border-radius:12px; padding:10px 15px; color:white; cursor:pointer; font-weight:bold; transition:0.3s;
  box-shadow: 0 0 5px rgba(0,255,255,0.5);
}
#settingsMenu button:hover{ background:rgba(0,255,255,0.4); transform: scale(1.05); }


#credit{
  position:absolute;
  bottom:20px;
  right:20px;
  color:#fff;
  font-weight:bold;
  z-index:10;
  font-size:18px;
}