/* Web Access Gate — see docs/js/web-access-gate.js.
   Active only when body.web-access-gated is present. */

body.web-access-gated #welcomeGuestBtn { display: none !important; }
body.web-access-gated #welcomeAnonRoundsSection { display: none; }
body.web-access-gated .welcome-hint { display: none; }

.web-access-gate-notice {
  display: none;
  margin: 4px 0 14px;
  padding: 12px 14px;
  border-radius: 12px;
  background: rgba(74, 158, 255, 0.10);
  border: 1px solid rgba(74, 158, 255, 0.30);
  text-align: left;
}

body.web-access-gated .web-access-gate-notice {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.web-access-gate-notice__title {
  font-size: 0.95rem;
  font-weight: 600;
}

.web-access-gate-notice__body {
  font-size: 0.85rem;
  line-height: 1.4;
  opacity: 0.85;
}