/* 1xslots-casino11.online — архетип radar, namespace rdr */

:root{
  --bg:#1f1f1f;          /* основной тёмный фон */
  --bg-deep:#060606;     /* подвал, глубокие подложки */
  --surface:#262626;     /* панели, карточки */
  --surface-2:#303031;   /* вложенные блоки, строки таблиц */
  --line:#363636;        /* границы */
  --gold:#fde4a5;        /* фирменное шампанское золото, главный акцент */
  --gold-2:#c9a339;      /* насыщенное золото, обводки и цифры */
  --gold-3:#937527;      /* тёмное золото, тени и низ градиента */
  --blue:#23507d;        /* фирменный синий */
  --blue-2:#367aba;      /* светлый синий, ссылки и подсветка */
  --blue-deep:#19405f;   /* глубокий синий, подложки */
  --green:#088c4f;       /* успех, подтверждения */
  --text:#e8e8e8;
  --text-2:#d9d9d9;
  --muted:#9b9b9b;
  --muted-2:#878787;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Commissioner",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16.5px;
  line-height:1.72;
  overflow-x:hidden;
}

h1,h2,h3,.rdr-num,.rdr-brand-mark{
  font-family:"Arsenal","Commissioner",Georgia,serif;
  font-weight:700;
  letter-spacing:.005em;
}

a{color:var(--blue-2);text-decoration:none}
a:hover{color:var(--gold)}
p{margin:0 0 1.05em}

/* ---------- радарная подложка: концентрические кольца ---------- */
.rdr-sweep{
  position:relative;
  background:
    radial-gradient(circle at 50% 0,rgba(35,80,125,.30) 0,rgba(35,80,125,0) 62%),
    repeating-radial-gradient(circle at 50% 0,
      rgba(201,163,57,.16) 0 1px,
      rgba(201,163,57,0) 1px 86px);
}
.rdr-sweep::after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,rgba(201,163,57,0),var(--gold-2),rgba(201,163,57,0));
}

/* линейка-засечки — сквозной мотив радара */
.rdr-ticks{
  height:9px;
  background-image:linear-gradient(90deg,var(--gold-3) 0 1px,transparent 1px 100%);
  background-size:14px 9px;
  opacity:.55;
}

.rdr-wrap{max-width:1140px;margin:0 auto;padding:0 22px}

/* ---------- шапка: крупная кнопка-блок и две мелкие рядом ---------- */
.rdr-header{
  position:sticky;top:0;z-index:40;
  background:var(--surface);
  border-bottom:1px solid var(--line);
  box-shadow:0 10px 26px rgba(6,6,6,.55);
}
.rdr-headbar{
  display:flex;align-items:center;gap:18px;
  padding:11px 0;
}
.rdr-logo{display:flex;align-items:center;gap:11px;margin-right:auto;min-width:0}
.rdr-dish{
  width:40px;height:40px;flex:0 0 40px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid var(--gold-2);
  background:radial-gradient(circle at 50% 50%,rgba(35,80,125,.55) 0,rgba(6,6,6,.9) 72%);
}
.rdr-brand-mark{font-size:1.24rem;line-height:1.05;color:var(--gold);display:block}
.rdr-brand-sub{font-size:.7rem;color:var(--muted);letter-spacing:.09em;text-transform:uppercase}

.rdr-cta-zone{display:flex;align-items:stretch;gap:10px}
.rdr-btn-block{
  display:flex;flex-direction:column;justify-content:center;
  padding:9px 26px;border-radius:9px;
  background:linear-gradient(180deg,#fde4a5 0%,#c9a339 100%);
  color:var(--bg-deep);
  border:1px solid var(--gold-3);
  box-shadow:0 5px 0 var(--gold-3);
  font-weight:700;
  min-width:186px;
  text-align:center;
}
.rdr-btn-block:hover{color:var(--bg-deep);filter:brightness(1.07)}
.rdr-btn-block span{display:block;font-size:1.02rem;line-height:1.2}
.rdr-btn-block em{display:block;font-style:normal;font-size:.68rem;opacity:.78;letter-spacing:.05em}

.rdr-mini-col{display:flex;flex-direction:column;gap:6px;justify-content:center}
.rdr-btn-mini{
  display:block;padding:5px 15px;border-radius:7px;
  background:var(--surface-2);
  border:1px solid var(--gold-2);
  color:var(--text);
  font-size:.82rem;line-height:1.35;text-align:center;white-space:nowrap;
}
.rdr-btn-mini:hover{background:var(--blue-deep);color:var(--gold)}

/* ---------- hero ---------- */
.rdr-hero{padding:38px 0 30px}
.rdr-hero h1{
  font-size:2.22rem;line-height:1.2;margin:0 0 14px;color:var(--text);
}
.rdr-hero h1 i{font-style:normal;color:var(--gold)}
.rdr-lead{font-size:1.06rem;color:var(--text-2);max-width:62ch;margin-bottom:20px}

.rdr-kpi{
  display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin:0 0 24px;
}
.rdr-kpi div{
  position:relative;
  padding:15px 13px 13px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:50px 50px 9px 9px;
  text-align:center;
}
.rdr-kpi div::before{
  content:"";position:absolute;left:50%;top:7px;transform:translateX(-50%);
  width:26px;height:26px;border-radius:50%;
  border:1px dashed rgba(201,163,57,.5);
}
.rdr-kpi .rdr-num{display:block;font-size:1.3rem;color:var(--gold);margin-top:16px}
.rdr-kpi small{display:block;font-size:.76rem;color:var(--muted);line-height:1.4;margin-top:3px}

.rdr-heroflex{display:grid;grid-template-columns:1.25fr .9fr;gap:26px;align-items:center}

/* ---------- баннеры по кольцам ---------- */
.rdr-ring{
  position:relative;margin:0 0 6px;
  padding:16px;
  border-radius:14px;
  background:
    repeating-radial-gradient(circle at 50% 50%,
      rgba(201,163,57,.13) 0 1px,
      rgba(201,163,57,0) 1px 34px),
    var(--surface);
  border:1px solid var(--line);
}
.rdr-ring::before,.rdr-ring::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
}
.rdr-ring::before{
  inset:6px;border:1px solid rgba(201,163,57,.22);
  border-radius:12px;
}
.rdr-ring::after{
  width:13px;height:13px;top:-7px;left:50%;margin-left:-7px;
  background:var(--gold-2);border:2px solid var(--bg);
}
.rdr-ring img{display:block;width:100%;max-width:100%;height:auto;border-radius:9px}
.rdr-ring figcaption{
  margin-top:10px;font-size:.82rem;color:var(--muted);
  padding-left:14px;border-left:2px solid var(--gold-3);
}
.rdr-ring-wide{margin:26px 0 8px}

/* ---------- секции ---------- */
.rdr-sec{padding:30px 0 6px;border-top:1px solid var(--line)}
.rdr-sec:first-of-type{border-top:0}
.rdr-sec h2{
  position:relative;
  font-size:1.52rem;line-height:1.28;margin:0 0 15px;padding-left:34px;
  color:var(--text);
}
.rdr-sec h2::before{
  content:"";position:absolute;left:0;top:.28em;
  width:20px;height:20px;border-radius:50%;
  border:2px solid var(--gold-2);
  background:radial-gradient(circle at 50% 50%,var(--gold) 0 3px,transparent 3px);
}
.rdr-sec h3{
  font-size:1.09rem;margin:22px 0 9px;color:var(--gold);
  padding-bottom:5px;
  border-bottom:1px dotted rgba(201,163,57,.42);
}

.rdr-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rdr-cols-side{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:start}

/* карточки-засечки */
.rdr-marks{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:16px 0 18px}
.rdr-marks article{
  padding:14px 15px;border-radius:9px;
  background:var(--surface);
  border:1px solid var(--line);
  border-top:2px solid var(--gold-3);
}
.rdr-marks h4{
  margin:0 0 6px;font-size:.95rem;color:var(--gold);
  font-family:"Arsenal",Georgia,serif;font-weight:700;
}
.rdr-marks p{margin:0;font-size:.9rem;color:var(--text-2)}

/* плашки */
.rdr-note{
  background:linear-gradient(180deg,rgba(35,80,125,.4),rgba(25,64,95,.25));
  border:1px solid var(--blue);
  border-left:4px solid var(--blue-2);
  border-radius:8px;padding:13px 16px;margin:16px 0;
  font-size:.94rem;color:var(--text-2);
}
.rdr-ok{color:var(--green)}
.rdr-acc{color:var(--gold)}
.rdr-fig{color:var(--gold-2)}

/* таблицы */
.rdr-scroll{overflow-x:auto;margin:16px 0 8px;border:1px solid var(--line);border-radius:10px}
.rdr-tbl{width:100%;border-collapse:collapse;min-width:560px;font-size:.92rem}
.rdr-tbl caption{
  caption-side:top;text-align:left;padding:11px 14px;
  color:var(--muted);font-size:.82rem;background:var(--bg-deep);
}
.rdr-tbl th,.rdr-tbl td{padding:10px 13px;border-bottom:1px solid var(--line);text-align:left}
.rdr-tbl thead th{
  background:var(--blue-deep);color:var(--gold);
  font-family:"Arsenal",Georgia,serif;font-size:.88rem;white-space:nowrap;
}
.rdr-tbl tbody tr:nth-child(odd){background:var(--surface)}
.rdr-tbl tbody tr:nth-child(even){background:var(--surface-2)}
.rdr-tbl tfoot td{background:var(--bg-deep);color:var(--gold);font-size:.92rem}

/* клуб — кольца развёртки */
.rdr-club{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0 10px}
.rdr-club div{
  text-align:center;padding:16px 8px 13px;
  border:1px solid var(--line);border-radius:50% 50% 10px 10px;
  background:var(--surface);
}
.rdr-club .rdr-step{
  display:block;font-family:"Arsenal",Georgia,serif;font-weight:700;
  color:var(--gold);font-size:1rem;margin-bottom:4px;
}
.rdr-club span{display:block;font-size:.79rem;color:var(--muted);line-height:1.45}

/* логотипы провайдеров */
.rdr-studios{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 10px;
}
.rdr-studios img{
  display:block;width:100%;max-width:140px;height:auto;margin:0 auto;
  background:var(--surface-2);
  border:1px solid var(--line);border-radius:8px;padding:7px;
}

/* списки-засечки */
.rdr-list{list-style:none;margin:14px 0;padding:0}
.rdr-list li{
  position:relative;padding:0 0 0 26px;margin-bottom:9px;color:var(--text-2);
}
.rdr-list li::before{
  content:"";position:absolute;left:4px;top:.62em;
  width:9px;height:9px;border-radius:50%;
  border:2px solid var(--gold-2);
}

/* FAQ */
.rdr-faq details{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:9px;margin-bottom:9px;padding:0 15px;
}
.rdr-faq summary{
  cursor:pointer;padding:13px 0;color:var(--gold);
  font-family:"Arsenal",Georgia,serif;font-size:1rem;
  list-style:none;
}
.rdr-faq summary::-webkit-details-marker{display:none}
.rdr-faq summary::before{content:"◎ ";color:var(--gold-2)}
.rdr-faq details[open]{border-color:var(--gold-3)}
.rdr-faq p{margin:0 0 13px;color:var(--text-2);font-size:.95rem}

/* отзыв */
.rdr-quote{
  margin:20px 0;padding:16px 18px;
  background:var(--surface-2);
  border:1px solid var(--line);border-radius:10px 10px 10px 40px;
}
.rdr-quote p{margin:0 0 8px;font-size:.96rem;color:var(--text-2);font-style:italic}
.rdr-quote cite{font-style:normal;font-size:.83rem;color:var(--muted)}

/* CTA в теле */
.rdr-cta{
  text-align:center;padding:26px 18px;margin:24px 0 8px;
  border:1px solid var(--gold-3);border-radius:14px;
  background:
    repeating-radial-gradient(circle at 50% 50%,
      rgba(201,163,57,.12) 0 1px,
      rgba(201,163,57,0) 1px 40px),
    var(--surface);
}
.rdr-cta p{max-width:64ch;margin:0 auto 14px;color:var(--text-2)}
.rdr-cta-btn{
  display:inline-block;padding:13px 40px;border-radius:9px;
  background:linear-gradient(180deg,#fde4a5 0%,#c9a339 100%);
  color:var(--bg-deep);font-weight:700;font-size:1.03rem;
  border:1px solid var(--gold-3);box-shadow:0 5px 0 var(--gold-3);
}
.rdr-cta-btn:hover{color:var(--bg-deep);filter:brightness(1.07)}

/* блок сверки чисел */
.rdr-audit{
  margin:24px 0 0;padding:20px 20px 6px;
  background:var(--bg-deep);
  border:1px solid var(--line);border-radius:12px;
}
.rdr-audit h2{padding-left:34px}

/* подвал */
.rdr-footer{
  margin-top:34px;padding:26px 0 30px;
  background:var(--bg-deep);
  border-top:1px solid var(--gold-3);
  color:var(--muted);font-size:.87rem;
}
.rdr-footer p{margin:0 0 8px}
.rdr-legal{color:var(--muted-2)}
.rdr-age{
  display:inline-block;margin-top:6px;padding:7px 14px;
  border:1px solid var(--gold-3);border-radius:40px;color:var(--gold-2);font-size:.85rem;
}

@media (max-width:920px){
  .rdr-heroflex,.rdr-cols,.rdr-cols-side{grid-template-columns:1fr}
  .rdr-kpi{grid-template-columns:repeat(3,1fr)}
  .rdr-marks{grid-template-columns:1fr 1fr}
  .rdr-club{grid-template-columns:repeat(3,1fr)}
  .rdr-studios{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:640px){
  body{font-size:16px;line-height:1.68}
  .rdr-wrap{padding:0 14px}
  .rdr-headbar{flex-wrap:wrap;gap:9px;padding:9px 0}
  .rdr-logo{margin-right:auto}
  .rdr-brand-mark{font-size:1.05rem}
  .rdr-cta-zone{width:100%;order:3;gap:8px}
  .rdr-btn-block{flex:1 1 auto;min-width:0;padding:8px 10px}
  .rdr-btn-block span{font-size:.92rem}
  .rdr-mini-col{flex:0 0 auto}
  .rdr-btn-mini{padding:4px 11px;font-size:.76rem}
  .rdr-hero{padding:24px 0 20px}
  .rdr-hero h1{font-size:1.58rem}
  .rdr-lead{font-size:1rem}
  .rdr-kpi{grid-template-columns:1fr 1fr;gap:8px}
  .rdr-kpi .rdr-num{font-size:1.12rem}
  .rdr-sec h2{font-size:1.24rem;padding-left:28px}
  .rdr-sec h2::before{width:16px;height:16px}
  .rdr-marks,.rdr-club{grid-template-columns:1fr}
  .rdr-studios{grid-template-columns:1fr 1fr}
  .rdr-ring{padding:10px}
  .rdr-tbl{min-width:480px;font-size:.86rem}
  .rdr-cta-btn{padding:12px 22px;font-size:.96rem;width:100%}
  img{max-width:100%;height:auto}
}