/* plinko-casino2.xyz — архетип bracket (турнирная сетка), namespace bkt */

:root{
  --bg:#FFFFFF;          /* фон страницы — светлая тема, как на оригинале */
  --bg-soft:#FFF6F9;     /* очень светлая розовая подложка */
  --surface:#FFE6EF;     /* заливка секций и карточек */
  --surface-2:#FFD3E2;   /* вторая заливка, таблицы и выделенные блоки */
  --line:#FFB9D0;        /* границы, разделители, рамки таблиц */
  --pink:#FF6FA3;        /* основной акцент, фон главной кнопки */
  --pink-soft:#FF9FBD;   /* ховер, второстепенные акценты */
  --pink-mid:#E85F91;    /* активное состояние */
  --pink-deep:#D94F85;   /* нажатие */
  --plum:#4A1D2C;        /* основной текст */
  --plum-soft:#4E3441;   /* подписи, второстепенный текст */
  --gold:#FFBF19;        /* рейтинг, значки, акцент в цифрах */
  --green:#15AC24;       /* «да» в таблицах сравнения */
  --red:#E40539;         /* «нет» в таблицах сравнения */
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  margin:0;
  background:var(--bg);
  color:var(--plum);
  font-family:"Alegreya Sans",Verdana,sans-serif;
  font-size:17px;
  line-height:1.62;
}

.bkt-wrap{max-width:1140px;margin:0 auto;padding:0 20px}

/* ---------- шапка: турнирная сетка, лого слева, кнопки справа в рамке-группе ---------- */

.bkt-top{
  position:sticky;
  top:0;
  z-index:40;
  background:var(--bg);
  border-bottom:3px solid var(--line);
}

.bkt-top-in{
  max-width:1140px;
  margin:0 auto;
  padding:10px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.bkt-mark{display:flex;flex-direction:column;line-height:1.05}

.bkt-mark-name{
  font-family:"Seymour One",Georgia,serif;
  font-size:23px;
  color:var(--plum);
  letter-spacing:.02em;
}

.bkt-mark-name span{color:var(--pink-mid)}

.bkt-mark-sub{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--plum-soft);
  margin-top:4px;
}

/* рамка-группа: две кнопки сидят в одной скобке плей-офф */
.bkt-seat{
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px 8px 20px;
  border:2px solid var(--line);
  border-radius:4px 22px 22px 4px;
  background:var(--bg-soft);
  position:relative;
}

.bkt-seat::before{
  content:"";
  position:absolute;
  left:-14px;
  top:12px;
  bottom:12px;
  width:14px;
  border-left:2px solid var(--line);
  border-top:2px solid var(--line);
  border-bottom:2px solid var(--line);
  border-radius:4px 0 0 4px;
}

.bkt-btn,
.bkt-btn-ghost{
  display:inline-block;
  font-family:"Alegreya Sans",Verdana,sans-serif;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  padding:.625rem 1.25rem;
  border-radius:20px;
  text-transform:uppercase;
  letter-spacing:.03em;
  white-space:nowrap;
  transition:background .15s,color .15s;
}

.bkt-btn{
  background:var(--pink);
  color:#FFFFFF;
  border:2px solid var(--pink);
}

.bkt-btn:hover{background:var(--pink-mid);border-color:var(--pink-mid)}
.bkt-btn:active{background:var(--pink-deep);border-color:var(--pink-deep)}

.bkt-btn-ghost{
  background:transparent;
  color:var(--pink);
  border:2px solid var(--pink);
}

.bkt-btn-ghost:hover{background:var(--surface);color:var(--pink-mid)}

.bkt-btn-wide{font-size:17px;padding:.75rem 1.9rem}

/* ---------- первый экран ---------- */

.bkt-hero{
  background:var(--bg-soft);
  border-bottom:3px solid var(--line);
  padding:30px 0 38px;
}

h1{
  font-family:"Seymour One",Georgia,serif;
  font-size:31px;
  line-height:1.24;
  margin:6px 0 14px;
  color:var(--plum);
}

.bkt-lead{font-size:18px;max-width:78ch;margin:0 0 20px}

.bkt-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}

/* KPI-полоса: пять «посевов» турнирной сетки */
.bkt-seeds{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin:0 0 22px;
  padding:0;
  list-style:none;
}

.bkt-seed{
  background:var(--surface);
  border:2px solid var(--line);
  border-left:6px solid var(--pink);
  border-radius:0 14px 14px 0;
  padding:10px 12px;
}

.bkt-seed-v{
  display:block;
  font-family:"Seymour One",Georgia,serif;
  font-size:20px;
  color:var(--pink-mid);
  line-height:1.2;
}

.bkt-seed-k{
  display:block;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--plum-soft);
  margin-top:5px;
}

/* ---------- секции ---------- */

.bkt-sec{padding:34px 0;border-bottom:2px solid var(--line)}
.bkt-sec-alt{background:var(--surface)}
.bkt-sec-soft{background:var(--bg-soft)}

h2{
  font-family:"Seymour One",Georgia,serif;
  font-size:24px;
  line-height:1.3;
  margin:0 0 16px;
  padding-left:18px;
  position:relative;
  color:var(--plum);
}

/* скобка плей-офф слева от каждого H2 */
h2::before{
  content:"";
  position:absolute;
  left:0;
  top:6px;
  bottom:6px;
  width:9px;
  border:3px solid var(--pink);
  border-right:0;
  border-radius:5px 0 0 5px;
}

h3{
  font-family:"Alegreya Sans",Verdana,sans-serif;
  font-size:19px;
  font-weight:700;
  letter-spacing:.01em;
  margin:22px 0 8px;
  color:var(--pink-deep);
}

p{margin:0 0 14px}

.bkt-em{color:var(--pink-deep);font-weight:700}
.bkt-num{color:var(--gold);font-weight:700}
.bkt-yes{color:var(--green);font-weight:700}
.bkt-no{color:var(--red);font-weight:700}

.bkt-list{margin:0 0 16px;padding-left:20px}
.bkt-list li{margin-bottom:7px}

/* карточка-«матч» сетки */
.bkt-match{
  background:var(--bg);
  border:2px solid var(--line);
  border-radius:4px 20px 20px 4px;
  padding:16px 18px;
  margin:0 0 16px;
}

.bkt-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}

/* ступени клуба — лестница плей-офф */
.bkt-ladder{list-style:none;margin:0 0 18px;padding:0;counter-reset:bktstep}

.bkt-ladder li{
  counter-increment:bktstep;
  position:relative;
  background:var(--bg);
  border:2px solid var(--line);
  border-radius:0 18px 18px 0;
  padding:10px 14px 10px 52px;
  margin-bottom:8px;
}

.bkt-ladder li::before{
  content:counter(bktstep);
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--surface-2);
  border:2px solid var(--pink);
  color:var(--pink-deep);
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}

/* ---------- таблицы ---------- */

.bkt-scroll{overflow-x:auto;margin:0 0 18px;-webkit-overflow-scrolling:touch}

table{
  border-collapse:collapse;
  width:100%;
  min-width:520px;
  border:1px solid var(--plum);
  font-size:15.5px;
  background:var(--bg);
}

caption{
  caption-side:top;
  text-align:left;
  font-size:13px;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--plum-soft);
  padding-bottom:7px;
}

th,td{border:1px solid var(--plum);padding:8px 10px;text-align:center}

thead th{background:var(--surface-2);font-weight:700}

tbody tr:nth-child(even){background:var(--bg-soft)}

/* ---------- SVG ---------- */

.bkt-art{
  background:var(--bg);
  border:2px solid var(--line);
  border-radius:4px 22px 22px 4px;
  padding:14px;
  margin:0 0 16px;
}

.bkt-art svg{display:block;width:100%;height:auto}

.bkt-cap{
  font-size:13.5px;
  color:var(--plum-soft);
  margin:8px 0 0;
  padding-left:2px;
}

/* ---------- FAQ ---------- */

details{
  background:var(--bg);
  border:2px solid var(--line);
  border-left:6px solid var(--pink-soft);
  border-radius:0 16px 16px 0;
  padding:11px 16px;
  margin-bottom:9px;
}

summary{cursor:pointer;font-weight:700;color:var(--plum);list-style:none}
summary::-webkit-details-marker{display:none}
summary::before{content:"▸ ";color:var(--pink-mid)}
details[open] summary::before{content:"▾ "}
details p{margin:10px 0 2px}

/* ---------- отзыв, CTA, подвал ---------- */

.bkt-quote{
  background:var(--surface-2);
  border:2px solid var(--line);
  border-radius:4px 22px 22px 4px;
  padding:16px 18px;
  margin:0 0 16px;
  font-size:16.5px;
}

.bkt-quote-who{
  display:block;
  margin-top:9px;
  font-size:13.5px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--plum-soft);
}

.bkt-final{text-align:center;padding:26px 0 10px}
.bkt-final p{max-width:70ch;margin:0 auto 16px}

.bkt-foot{
  background:var(--bg-soft);
  border-top:3px solid var(--line);
  padding:26px 0 34px;
  font-size:14.5px;
  color:var(--plum-soft);
}

.bkt-foot-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}

.bkt-age{
  margin-top:16px;
  padding:10px 14px;
  border:2px solid var(--pink);
  border-radius:0 18px 18px 0;
  color:var(--plum);
  background:var(--bg);
  display:inline-block;
}

/* ---------- мобильная сетка ---------- */

@media (max-width:640px){
  body{font-size:16px}
  .bkt-wrap{padding:0 14px}
  .bkt-top-in{padding:8px 14px;gap:8px}
  .bkt-mark-name{font-size:18px}
  .bkt-mark-sub{display:none}
  .bkt-seat{padding:6px 8px;border-radius:4px 18px 18px 4px;gap:6px}
  .bkt-seat::before{display:none}
  .bkt-btn,.bkt-btn-ghost{font-size:12.5px;padding:.5rem .7rem;letter-spacing:0}
  h1{font-size:23px}
  h2{font-size:20px}
  h3{font-size:17.5px}
  .bkt-hero-grid,.bkt-duo,.bkt-foot-grid{grid-template-columns:1fr}
  .bkt-seeds{grid-template-columns:1fr 1fr}
  .bkt-seeds li:last-child{grid-column:1 / -1}
  table{min-width:460px;font-size:14.5px}
  th,td{padding:6px 7px}
  .bkt-art svg{max-width:100%;height:auto}
}