/* アーケード共通スタイル（games.css を補完） */
.arc-status {
  margin: 14px 0 0; padding: 10px 12px; border-radius: 12px;
  background: rgba(244,143,177,0.07); border: 1px solid rgba(244,143,177,0.25);
  color: #eee; font-size: .82rem; line-height: 1.5; text-align: center;
}
.arc-board {
  position: relative; margin-top: 14px; padding: 10px;
  background: #0d0d12; border: 1px solid #2a2a2a; border-radius: 16px;
}
.arc-canvas {
  display: block; width: 100%; height: auto; margin: 0 auto;
  background: #000; border-radius: 10px; touch-action: none;
}
.arc-hud {
  display: flex; justify-content: space-between; align-items: center;
  color: #ccc; font-size: .82rem; padding: 0 2px 8px;
}
.arc-hud b { color: #FFD54F; font-size: 1.02rem; }
.arc-overlay {
  position: absolute; inset: 0; z-index: 5; display: none;
  align-items: center; justify-content: center; text-align: center;
  background: rgba(0,0,0,0.78); border-radius: 16px;
}
.arc-overlay.show { display: flex; }
.arc-ov-inner { padding: 18px; }
.arc-ov-inner h3 { margin: 0 0 8px; color: #fff; font-size: 1.15rem; }
.arc-ov-score { color: #FFD54F; font-size: 1.05rem; font-weight: 700; margin-bottom: 6px; }
.arc-ov-note { color: #ccc; font-size: .84rem; margin-bottom: 14px; line-height: 1.5; }
.arc-start-btn {
  padding: 13px 34px; border: none; border-radius: 999px; cursor: pointer;
  background: linear-gradient(135deg, #F48FB1, #CE93D8); color: #1a1a1a;
  font-size: 1rem; font-weight: 700;
}
.arc-start-btn:active { transform: scale(0.97); }
.arc-pad { display: flex; gap: 10px; justify-content: center; margin-top: 12px; }
.arc-key {
  flex: 1; max-width: 92px; padding: 15px 0; border-radius: 12px; cursor: pointer;
  background: #1c1c24; border: 1px solid #333; color: #fff; font-size: 1.25rem;
  user-select: none; -webkit-user-select: none; touch-action: manipulation;
}
.arc-key:active { background: #333344; }
.arc-pad-hint { text-align: center; color: #777; font-size: .72rem; margin-top: 8px; }
@media (min-width: 700px) { .arc-pad-hint::after { content: "（キーボードでも操作できます）"; } }