.first-win button { color: var(--ink); }
.customer-list button b,
.customer-list button small,
.event b,
.event small { display: block; }
.customer-list button b,
.event b { margin-bottom: 4px; }
.truth,
.pill { min-height: 28px; align-items: center; justify-content: center; line-height: 1.15; text-align: center; padding: 6px 10px; }
.checkitem { align-items: center; }
.checkitem .pill { min-width: 122px; max-width: 210px; }
.map-note { margin: -10px 0 12px; }
.map.gotham { background-color: #dce6e8; background-image: radial-gradient(circle at 75% 20%, rgba(255,204,61,.3), transparent 17%), linear-gradient(27deg, transparent 47%, #b9c8cc 48%, #b9c8cc 52%, transparent 53%), linear-gradient(128deg, transparent 46%, #b9c8cc 47%, #b9c8cc 51%, transparent 52%); }
.map.gotham::before { content: "GOTHAM RIVER"; position: absolute; inset: 44% -10% auto; padding: 7px; transform: rotate(-7deg); background: #9bc8df; color: #29617c; font-size: .65rem; font-weight: 900; letter-spacing: .16em; text-align: center; }
.place { position: absolute; z-index: 2; padding: 5px 7px; border: 1px solid #93a4a8; border-radius: 5px; background: rgba(255,255,255,.92); color: #28383c; font-size: .58rem; font-weight: 900; letter-spacing: .08em; }
.manor { left: 8%; top: 12%; }.riddler { right: 8%; top: 15%; }.cave { left: 12%; bottom: 10%; }.city { right: 13%; bottom: 12%; }
.map.gotham .pin { z-index: 4; }
.map.gotham .pin b { position: absolute; width: 90px; left: 28px; top: 34px; transform: rotate(45deg); color: #20313a; font-size: .56rem; letter-spacing: .06em; }
@media (max-width: 980px) {
  .logo img { display: none; }
  .logo::before { content: ""; display: block; width: 32px; height: 32px; background: url('/favicon-32x32.png?v=20260904-sol-lettermark') center/contain no-repeat; }
  .logo { padding: 6px; }
}