.as-age-gate {
  position: fixed; inset: 0; z-index: 200;
  background: rgba(15, 13, 10, 0.82);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.as-age-gate.is-visible { display: flex; }
.as-age-gate__box {
  background: var(--as-dark);
  color: var(--as-text-on-dark);
  border-radius: 16px;
  padding: 40px 36px;
  max-width: 420px;
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.as-age-gate__mark { font-size: 34px; font-weight: 800; letter-spacing: -0.02em; }
.as-age-gate__mark span { background: var(--as-accent); color: var(--as-dark); padding: 2px 10px; border-radius: 8px; margin: 0 2px; }
.as-age-gate__title { font-size: 20px; font-weight: 700; }
.as-age-gate__body { font-size: 14.5px; line-height: 1.6; color: var(--as-text-on-dark-secondary); }
.as-age-gate__actions { display: flex; gap: 10px; padding-top: 6px; }
.as-age-gate__actions .as-btn { flex: 1; }
.as-age-gate__note { font-size: 12px; color: var(--as-text-on-dark-tertiary); }

.as-cookie-bar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 190;
  background: var(--as-dark);
  color: var(--as-text-on-dark);
  padding: 18px 24px;
  display: none;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  box-shadow: 0 -10px 30px rgba(20, 16, 14, 0.2);
}
.as-cookie-bar.is-visible { display: flex; }
.as-cookie-bar__text { font-size: 13.5px; line-height: 1.55; color: var(--as-text-on-dark-secondary); flex: 1; min-width: 240px; }
.as-cookie-bar__actions { display: flex; gap: 10px; flex: none; }