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

html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: #0b0b1a;
  font-family: 'Segoe UI', system-ui, sans-serif;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}

#gameCanvas {
  display: block;
  margin: 0 auto;
  max-width: 100vw;
  max-height: 100vh;
  object-fit: contain;
}

#score-display {
  position: fixed;
  top: 14px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 38px;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 0 20px rgba(255,255,255,0.3);
  z-index: 10;
  pointer-events: none;
}

.sendmessage {
  position: fixed; inset: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  background: radial-gradient(ellipse at center, rgba(20,20,50,0.95), rgba(10,10,26,0.98));
  z-index: 100; color: #fff; text-align: center;
}
.sendmessage h1 {
  font-size: 36px; font-weight: 900;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #48dbfb, #a55eea);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.sendmessage p { font-size: 16px; color: rgba(255,255,255,0.6); margin-bottom: 28px; }
.niokbutton {
  width: 70px; height: 70px;
  background: linear-gradient(135deg, #48dbfb, #a55eea);
  border-radius: 50%; cursor: pointer;
  box-shadow: 0 0 30px rgba(72,219,251,0.4);
  position: relative;
}
.niokbutton::after {
  content: '';
  position: absolute;
  left: 55%; top: 50%;
  transform: translate(-40%, -50%);
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #fff;
}

#game-over-overlay {
  position: fixed; inset: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  background: rgba(10,10,26,0.92);
  z-index: 100; color: #fff; text-align: center;
  cursor: pointer;
}
#game-over-overlay.hidden { display: none; }
.game-over-text {
  font-size: 42px; font-weight: 900;
  background: linear-gradient(135deg, #ff6b6b, #feca57);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  margin-bottom: 12px;
}
.game-over-score { font-size: 24px; font-weight: 700; color: rgba(255,255,255,0.8); margin-bottom: 8px; }
.game-over-hint { font-size: 14px; color: rgba(255,255,255,0.4); }