.school-count {
  position: fixed;
  right: 16px;
  top: calc(28px + env(safe-area-inset-top));
  margin: 0;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.1em;
  color: var(--muted);
  pointer-events: none;
}

@media (min-width: 761px) {
  .school-count { right: 32px; top: 40px; font-size: 12px; }
}

/* スマホは右上が魚で埋まりやすいので、下の遊び方の上に置く */
@media (max-width: 760px) {
  .school-count {
    top: auto;
    bottom: calc(66px + env(safe-area-inset-bottom));
    left: 0;
    right: 0;
    text-align: center;
  }
}
