body {
  margin: 0; background: #f6f6fa; font-family: sans-serif;
  display: flex; height: 100vh; width: 100vw;
}
.left, .right {
  flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.game-area {
  position: relative; width: 300px; height: 300px;
}
.main-img {
  width: 300px; height: 300px; border-radius: 50%; box-shadow: 0 3px 24px #aaa7;
  background: #fff; cursor: pointer; z-index: 1; position: relative; display: block;
}
.cursor {
  position: absolute; width: 24px; height: 24px; pointer-events: none;
  filter: drop-shadow(0 0 2px #3333);
}
.right {
  background: #e7e9fa; padding: 40px 20px;
  align-items: center; justify-content: flex-start;
}
.score {
  font-weight: 800; font-size: 28px; margin: 0 0 16px 0;
}
.info {
  margin-bottom: 18px;
  font-size: 16px;
  color: #444;
  line-height: 1.7;
}
.btn {
  font-size: 20px; padding: 12px 28px; margin-bottom: 24px;
  background: #4a90e2; color: #fff; border: none; border-radius: 8px; font-weight: 700;
  cursor: pointer;
}
.btn:disabled { background: #bbb; cursor: not-allowed; }
.btn-supporter {
  background: #f5a623;
  margin-bottom: 0;
}
.reset-btn {
  margin-top:40px;font-size:16px;color:#c00;background:#fff;border:1px solid #c00;
  border-radius:8px;padding:8px 18px;cursor:pointer;
}
.desc { margin-top: 40px; color: #999; font-size: 12px; }