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

html, body {
  width:100%;
  height:100%;
  background:#000;
  overflow:hidden;
  touch-action:none;
}

#wrapper {
  position:fixed;
  inset:0;
  background:#000;
}

canvas {
  display:block;
  cursor:pointer;
  position:absolute;
  top:0;
  left:0;
}

#ui {
  position:fixed;
  top:0;
  left:0;
  pointer-events:none;
  display:flex;
  flex-direction:column;
  align-items:center;
}

#score-wrap {
  margin-top:4%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  opacity:0;
  transition:opacity .4s;
}

#score-wrap.visible { opacity:1; }

#score {
  font-size:clamp(1.8rem, 7vmin, 3.5rem);
  font-weight:900;
  letter-spacing:.15em;
  line-height:1;
}

#score-label {
  font-style:italic;
  font-size:clamp(.6rem, 2vmin, .85rem);
  letter-spacing:.3em;
  opacity:.7;
}

.GameLanguageToggle {
  position:fixed;
  top:1em;
  right:1em;
  pointer-events:auto;
  display:flex;
  gap:0.5em;
  z-index:10;
}

.GameLanguageToggle button {
  border:1px solid rgba(255, 255, 255, 0.4);
  border-radius:5px;
  background:rgba(0, 0, 0, 0.5);
  color:#ffffff;
  padding:0.3em 0.6em;
  font-size:0.8rem;
  cursor:pointer;
}

.GameLanguageToggle button.active {
  background:rgba(255, 255, 255, 0.85);
  color:#000000;
}