/* Rhythm Tap */
body { background: #1a1a2e; }
.container { max-width: 520px; margin: 24px auto; color: #fff; }
h1 { text-align: center; text-shadow: 0 0 12px #e91e63; margin: 10px 0 4px; font-size: 24px; }
.instructions { text-align: center; color: #9aa0b5; font-size: 13px; margin: 4px 0 16px; }

.lanes { display: flex; justify-content: center; gap: 12px; margin: 8px 0 18px; }

.lane {
  width: 76px;
  height: 400px;
  background: linear-gradient(#12121f, #23233a);
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  transition: box-shadow .12s;
  cursor: pointer;
  border: 1px solid #2e2e48;
}

/* 判定线 */
.lane::after {
  content: '';
  position: absolute;
  left: 0; right: 0;
  top: 360px;
  height: 3px;
  background: rgba(233, 30, 99, .85);
  box-shadow: 0 0 10px rgba(233, 30, 99, .9);
}

.lane .note {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 34px;
  height: 16px;
  border-radius: 8px;
  background: linear-gradient(90deg, #e91e63, #ff6090);
  box-shadow: 0 0 10px rgba(233, 30, 99, .8);
}

.start-btn {
  display: block;
  margin: 0 auto;
  padding: 12px 26px;
  font-size: 15px;
  background: #e91e63;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  min-width: 300px;
}
.start-btn:hover { background: #c2185b; }