@font-face {
  font-family: 'ArcadeClassic';
  src: url('./assets/arcade-classic.ttf');
}

* {
  font-family: 'ArcadeClassic';
}

.title {
  font-size: 3.5rem;
}

.controls > p {
  font-family: 'ArcadeClassic', ui-monospace, monospace;
}

#breakout {
  background-color: black;
  cursor: none;
}

#play-button {
  background-color: green;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-size: 1.3rem;
}

/* 响应式：小屏等比缩放画布，避免横向溢出 */
#breakout {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

body { overflow-x: hidden; }

@media (max-width: 700px) {
  .title { font-size: 2rem; }
  .controls { display: none; }
}
/* 与站点一致的深色底 */
body { background: #0b1020; color: #e8ecff; margin: 0; padding: 16px; }
/* GitHub 图标在深色底上反色，避免看不清 */
a[href*="github.com"] img { filter: invert(1); opacity: .75; }
a[href*="github.com"]:hover img { opacity: 1; }