html, body { margin: 0; height: 100%; overflow: hidden; background: #f2f5f7; font-family: system-ui, sans-serif; }
#game { display: block; width: 100vw; height: 100vh; touch-action: none; }
#score { position: fixed; left: 12px; bottom: 12px; font-size: 20px; font-weight: 700; color: #333; }
#board { position: fixed; right: 12px; top: 12px; margin: 0; padding: 10px 14px; min-width: 140px;
  list-style: none; background: #0008; color: #fff; border-radius: 6px; font-size: 14px; }
#board .me { color: #ffd54f; }
#overlay { position: fixed; inset: 0; display: grid; place-items: center; background: #0006; }
#overlay[hidden] { display: none; }
.panel { background: #fff; padding: 24px; border-radius: 10px; display: grid; gap: 12px; min-width: 260px; text-align: center; }
.panel h1 { margin: 0; font-size: 22px; }
.panel input, .panel button { font-size: 16px; padding: 8px 12px; border-radius: 6px; border: 1px solid #ccc; }
.panel button { background: #2e7d32; color: #fff; border: 0; cursor: pointer; }