/* Прелендинг bbsplash-play: тёмный тил и золото, системные шрифты, префикс pl-. Не связано с сайтом. */
:root {
  color-scheme: dark;
  --night: #082F38;
  --night-2: #0E3F4A;
  --line: #2C6672;
  --text: #F3F1EA;
  --text-2: #B9CDD1;
  --gold: #F2C14E;
  --on-gold: #1A1405;
}
* { box-sizing: border-box; }
html { background: var(--night); }
body {
  margin: 0;
  background: var(--night);
  color: var(--text);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.45;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}
.pl-main { max-width: 520px; margin: 0 auto; padding: 16px 20px 32px; }
.pl-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.pl-brand { font-size: 0.9375rem; font-weight: 600; color: var(--text-2); }
.pl-age {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  min-width: 28px; height: 28px; padding: 0 4px; border: 2px solid var(--text); font-weight: 800; font-size: 0.8125rem;
}
.pl-h1 { margin: 0 0 12px; font-size: clamp(2rem, 1.4rem + 3vw, 3rem); line-height: 1.05; font-weight: 800; letter-spacing: -0.02em; }
.pl-status { margin: 0 0 24px; font-size: 1.1875rem; line-height: 1.45; }
.pl-facts { margin: 0 0 8px; padding: 0; }
.pl-facts div { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--line); font-size: 0.9375rem; font-weight: 600; }
.pl-facts div:first-child { border-top: 1px solid var(--line); }
.pl-facts dt { color: var(--text-2); }
.pl-facts dd { margin: 0; text-align: right; }
.pl-src { margin: 0 0 24px; font-size: 0.8125rem; color: var(--text-2); }
.pl-cta-wrap { margin: 0 0 24px; }
.pl-cta {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 56px;
  background: var(--gold); color: var(--on-gold); border-radius: 8px;
  font-size: 1.0625rem; font-weight: 800; line-height: 1; text-decoration: none; border: 0;
}
.pl-cta:hover { background: var(--text); }
.pl-cta:focus-visible, .pl-legal a:focus-visible { outline: 3px solid var(--text); outline-offset: 3px; }
.pl-fine { margin: 8px 0 0; font-size: 0.8125rem; color: var(--text-2); }
.pl-blocked { margin: 0 0 24px; padding: 16px; border: 1px solid var(--line); border-radius: 8px; background: var(--night-2); font-size: 1.1875rem; font-weight: 600; }
.pl-blocked[hidden] { display: none; }
.pl-notes { margin: 0 0 24px; padding: 0; list-style: none; font-size: 0.9375rem; font-weight: 600; }
.pl-notes li { padding: 6px 0; border-bottom: 1px solid var(--line); }
.pl-legal { display: flex; gap: 12px; align-items: flex-start; margin-top: 8px; font-size: 0.8125rem; line-height: 1.45; color: var(--text-2); }
.pl-legal p { margin: 0; }
.pl-legal a { color: var(--text); text-decoration: underline; }