/* 7k-casino777.site — 7K Casino / 7К Казино. Концепция «Чаща и подлесок» (папоротник + ягодный красный) */

:root {
  --th-bg: #0c110e;
  --th-sf: #131a16;
  --th-sf2: #18211c;
  --th-ln: #1f2b23;
  --th-ln2: #2b3a30;
  --th-tx: #e8f0ea;
  --th-mu: #8fa896;
  --th-mu2: #6d8375;
  --th-ac: #79c46a;
  --th-ac-d: #4e9c40;
  --th-be: #d95f6a;
  --th-be-d: #b8434e;
  --th-leaf: 20px 5px 20px 5px;
  --th-leaf2: 5px 20px 5px 20px;
  --th-pad: clamp(18px, 4.2vw, 60px);
}

* { box-sizing: border-box }
html { scroll-behavior: smooth }

body {
  margin: 0;
  font: 16px/1.7 Roboto, ui-sans-serif, -apple-system, "Segoe UI", system-ui, Arial, sans-serif;
  color: var(--th-tx);
  background:
    radial-gradient(1200px 640px at 6% -14%, rgba(121, 196, 106, .13) 0%, transparent 62%),
    radial-gradient(880px 600px at 102% 16%, rgba(217, 95, 106, .09) 0%, transparent 58%),
    var(--th-bg);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4,
.thicket-logo__t, .thicket-cellk__n, .thicket-wcell__n, .thicket-step__v,
.thicket-pz__v, .thicket-pre__t, .thicket-foot__name, .thicket-lv__t,
.thicket-h3solo, .thicket-tab th {
  font-family: Nunito, "Trebuchet MS", ui-sans-serif, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -.01em;
  line-height: 1.25;
}

h1 { font-size: clamp(27px, 3.6vw, 42px); margin: 12px 0 16px }
h2 { font-size: clamp(22px, 2.6vw, 31px); margin: 0 0 16px }
h3 { font-size: clamp(17px, 1.5vw, 20px); margin: 0 0 8px }
h4 { font-size: 16px; margin: 0 0 6px }

p { margin: 0 0 14px }
svg { max-width: 100% }
a { color: var(--th-ac); text-decoration: none }
a:hover { text-decoration: underline }

.thicket-skip {
  position: absolute; top: -70px; left: 12px; z-index: 90;
  padding: 9px 15px; background: var(--th-ac); color: #0b120c;
  font-weight: 700; border-radius: var(--th-leaf);
}
.thicket-skip:focus { top: 12px }

/* ===== ШАПКА ===== */
.thicket-bar {
  display: flex; align-items: center; gap: 20px;
  padding: 14px var(--th-pad);
  border-bottom: 1px solid var(--th-ln);
  background: rgba(12, 17, 14, .88);
  position: sticky; top: 0; z-index: 40;
  backdrop-filter: blur(9px);
}
.thicket-logo { display: flex; align-items: center; gap: 11px; color: var(--th-tx) }
.thicket-logo:hover { text-decoration: none }
.thicket-logo__svg { width: 40px; height: 40px; flex: 0 0 40px }
.thicket-logo__t { display: flex; flex-direction: column; font-size: 19px; line-height: 1.15 }
.thicket-logo__sub {
  font-family: Roboto, sans-serif; font-weight: 400;
  font-size: 11.5px; color: var(--th-mu); letter-spacing: .02em; margin-top: 3px;
}
.thicket-nav { display: flex; gap: 18px; margin-left: auto; flex-wrap: wrap }
.thicket-nav a { color: var(--th-mu); font-size: 14.5px }
.thicket-nav a:hover { color: var(--th-ac); text-decoration: none }

/* ===== КНОПКИ ===== */
.thicket-cta {
  display: inline-block; padding: 14px 26px;
  background: linear-gradient(126deg, var(--th-ac) 0%, var(--th-ac-d) 100%);
  color: #0a1109; font-family: Nunito, sans-serif; font-weight: 800; font-size: 15.5px;
  border-radius: var(--th-leaf); border: 1px solid rgba(121, 196, 106, .5);
  transition: transform .16s ease, box-shadow .16s ease;
}
.thicket-cta:hover { text-decoration: none; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(121, 196, 106, .22) }
.thicket-cta--sm { padding: 10px 18px; font-size: 14px; margin-left: 4px }
.thicket-cta--xs { padding: 9px 16px; font-size: 13.5px; border-radius: var(--th-leaf2) }
.thicket-cta--lg { padding: 17px 38px; font-size: 17px }
.thicket-cta--ghost {
  background: transparent; color: var(--th-be);
  border: 1px solid var(--th-be-d); border-radius: var(--th-leaf2);
}
.thicket-cta--ghost:hover { box-shadow: 0 10px 24px rgba(217, 95, 106, .2) }

/* ===== HERO ===== */
.thicket-hero {
  display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(22px, 3.5vw, 54px);
  align-items: center; padding: clamp(34px, 5vw, 70px) var(--th-pad) 30px;
}
.thicket-eyebrow {
  font-size: 12.5px; letter-spacing: .09em; text-transform: uppercase;
  color: var(--th-be); margin: 0;
}
.thicket-lead { color: var(--th-mu); font-size: clamp(15px, 1.2vw, 17px); max-width: 62ch }
.thicket-hero__btns { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 22px }
.thicket-hero__art svg { border-radius: 22px; border: 1px solid var(--th-ln) }

/* ===== ЛЕНТА KPI ===== */
.thicket-ribbon {
  padding: 0 var(--th-pad) 8px;
  overflow-x: auto;
}
.thicket-ribbon__in {
  display: flex; gap: 0; min-width: 720px;
  border: 1px solid var(--th-ln); border-radius: var(--th-leaf);
  background: linear-gradient(180deg, var(--th-sf) 0%, var(--th-bg) 100%);
}
.thicket-cellk {
  flex: 1 1 0; padding: 16px 14px; text-align: center;
  border-right: 1px solid var(--th-ln);
}
.thicket-cellk:last-child { border-right: 0 }
.thicket-cellk__n { display: block; font-size: 22px; color: var(--th-ac) }
.thicket-cellk__l { display: block; font-size: 12.5px; color: var(--th-mu); margin-top: 4px }

/* ===== СЕКЦИИ ===== */
.thicket-sec { padding: clamp(34px, 4.6vw, 62px) var(--th-pad); border-top: 1px solid var(--th-ln) }
.thicket-sec > p { color: var(--th-mu); max-width: 96ch }
.thicket-note {
  border-left: 3px solid var(--th-be); padding: 12px 0 12px 16px;
  color: var(--th-mu); background: linear-gradient(90deg, rgba(217, 95, 106, .07), transparent 62%);
  max-width: 100ch;
}
.thicket-h3solo { font-size: clamp(20px, 2.2vw, 26px); margin: 0 0 18px }

/* ===== КОЛЕСО ===== */
.thicket-wheel { margin: 22px 0 18px }
.thicket-wheel__grid { display: grid; gap: 12px; margin-bottom: 18px }
.thicket-wcell {
  display: grid; grid-template-columns: 62px 1fr; align-items: center; gap: 16px;
  padding: 14px 18px; background: var(--th-sf); border: 1px solid var(--th-ln);
  border-radius: var(--th-leaf); color: var(--th-mu); font-size: 15px;
}
.thicket-wcell__n {
  font-size: 30px; color: var(--th-ac); text-align: center;
  border-right: 1px solid var(--th-ln2); padding-right: 14px;
}

/* ===== ПАКЕТ ===== */
.thicket-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 22px 0 20px }
.thicket-step {
  padding: 20px; background: var(--th-sf); border: 1px solid var(--th-ln);
  border-top: 3px solid var(--th-ac); border-radius: var(--th-leaf2);
}
.thicket-step p { color: var(--th-mu); font-size: 14.5px; margin-bottom: 8px }
.thicket-step__n { font-size: 12.5px !important; letter-spacing: .08em; text-transform: uppercase; color: var(--th-be) !important }
.thicket-step__v { font-size: 19px !important; color: var(--th-tx) !important }

/* ===== КАТАЛОГ ===== */
.thicket-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 16px; margin: 22px 0 20px }
.thicket-card {
  display: flex; flex-direction: column;
  padding: 20px; background: var(--th-sf); border: 1px solid var(--th-ln);
  border-left: 3px solid var(--th-ac-d); border-radius: var(--th-leaf);
  transition: border-color .18s ease, transform .18s ease;
}
.thicket-card:hover { border-left-color: var(--th-be); transform: translateY(-3px) }
.thicket-card p { color: var(--th-mu); font-size: 14.5px }
.thicket-card__p { color: var(--th-ac) !important; font-size: 13px !important; letter-spacing: .03em }
.thicket-card__m {
  margin-top: auto; padding-top: 10px; border-top: 1px dashed var(--th-ln2);
  font-size: 12.8px !important; color: var(--th-mu2) !important;
}
.thicket-card .thicket-cta { align-self: flex-start; margin-top: 12px }

/* ===== LIVE ===== */
.thicket-live { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 22px 0 20px }
.thicket-lv {
  padding: 17px 19px; background: var(--th-sf2); border: 1px solid var(--th-ln);
  border-radius: var(--th-leaf2); border-bottom: 3px solid var(--th-be-d);
}
.thicket-lv p { color: var(--th-mu); font-size: 14px; margin: 0 }
.thicket-lv__t { color: var(--th-tx) }

/* ===== ТАБЛИЦЫ ===== */
.thicket-scroll { overflow-x: auto; margin: 22px 0 20px; border: 1px solid var(--th-ln); border-radius: var(--th-leaf) }
.thicket-tab { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 14.6px }
.thicket-tab th {
  text-align: left; padding: 13px 16px; background: var(--th-sf2);
  color: var(--th-ac); font-size: 13px; letter-spacing: .05em; text-transform: uppercase;
  border-bottom: 1px solid var(--th-ln2);
}
.thicket-tab td { padding: 12px 16px; border-bottom: 1px solid var(--th-ln); color: var(--th-mu) }
.thicket-tab tbody tr:last-child td { border-bottom: 0 }
.thicket-tab tbody tr:nth-child(odd) td { background: rgba(24, 33, 28, .55) }
.thicket-tab td:first-child { color: var(--th-tx); font-weight: 500 }

/* ===== ТУРНИР ===== */
.thicket-prizes { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 22px 0 20px }
.thicket-pz {
  padding: 18px; text-align: center; border: 1px solid var(--th-ln);
  border-radius: var(--th-leaf); background: linear-gradient(180deg, var(--th-sf) 0%, var(--th-bg) 100%);
}
.thicket-pz__p { display: block; font-size: 12.5px; letter-spacing: .07em; text-transform: uppercase; color: var(--th-be) }
.thicket-pz__v { display: block; font-size: 17px; margin-top: 7px }

/* ===== ОТЗЫВЫ ===== */
.thicket-revs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px }
.thicket-rev {
  padding: 20px; background: var(--th-sf); border: 1px solid var(--th-ln);
  border-radius: var(--th-leaf2);
}
.thicket-rev p { color: var(--th-mu); font-size: 14.6px }
.thicket-rev__s { color: var(--th-ac) !important; font-size: 17px !important; letter-spacing: .16em }
.thicket-rev__a { color: var(--th-be) !important; font-size: 13.4px !important; margin-bottom: 0 !important }

/* ===== ПРЕ-ФУТЕР ===== */
.thicket-pre { padding: clamp(30px, 4vw, 54px) var(--th-pad); border-top: 1px solid var(--th-ln) }
.thicket-pre__in {
  padding: clamp(24px, 3.4vw, 44px);
  border: 1px solid var(--th-ln2); border-radius: 26px;
  background:
    radial-gradient(600px 300px at 88% 0%, rgba(217, 95, 106, .13), transparent 62%),
    var(--th-sf);
}
.thicket-pre__t { font-size: clamp(20px, 2.3vw, 27px); margin-bottom: 10px }
.thicket-pre__s { color: var(--th-mu); max-width: 78ch }

/* ===== FAQ ===== */
.thicket-faq { display: grid; gap: 10px; margin-top: 20px }
.thicket-faq details {
  background: var(--th-sf); border: 1px solid var(--th-ln);
  border-radius: var(--th-leaf); padding: 4px 18px;
}
.thicket-faq details[open] { border-color: var(--th-ac-d) }
.thicket-faq summary {
  cursor: pointer; padding: 13px 0; list-style: none;
  font-family: Nunito, sans-serif; font-weight: 700; font-size: 15.6px; color: var(--th-tx);
}
.thicket-faq summary::-webkit-details-marker { display: none }
.thicket-faq summary::before { content: "❯ "; color: var(--th-ac); margin-right: 6px }
.thicket-faq details[open] summary::before { content: "⌄ " }
.thicket-faq p { color: var(--th-mu); font-size: 14.8px; padding-bottom: 6px }

/* ===== AUTHOR NOTE ===== */
.thicket-author {
  padding: clamp(30px, 4vw, 54px) var(--th-pad);
  border-top: 1px solid var(--th-ln);
  background: linear-gradient(180deg, rgba(24, 33, 28, .6), transparent);
}
.thicket-author p { color: var(--th-mu); font-size: 14.8px; max-width: 104ch }
.thicket-author .thicket-eyebrow { color: var(--th-ac) }

/* ===== ФУТЕР ===== */
.thicket-foot { padding: 34px var(--th-pad) 46px; border-top: 1px solid var(--th-ln); background: #0a0e0b }
.thicket-foot p { color: var(--th-mu2); font-size: 13.6px; max-width: 108ch }
.thicket-foot__name { font-size: 19px; color: var(--th-tx) !important; margin-bottom: 12px }
.thicket-foot__upd { color: var(--th-be) !important; margin-bottom: 0 !important }

/* ===== АДАПТИВ ===== */
@media (max-width: 1080px) {
  .thicket-hero { grid-template-columns: 1fr; }
  .thicket-hero__art { order: -1 }
  .thicket-prizes { grid-template-columns: repeat(2, 1fr) }
  .thicket-live { grid-template-columns: repeat(2, 1fr) }
}

@media (max-width: 860px) {
  .thicket-bar { flex-wrap: wrap; gap: 12px }
  .thicket-nav { margin-left: 0; order: 3; width: 100%; gap: 14px }
  .thicket-cta--sm { margin-left: auto }
  .thicket-steps { grid-template-columns: 1fr }
  .thicket-revs { grid-template-columns: 1fr }
  .thicket-author p, .thicket-sec > p { max-width: none }
}

@media (max-width: 620px) {
  body { font-size: 15.4px }
  .thicket-live { grid-template-columns: 1fr }
  .thicket-prizes { grid-template-columns: 1fr }
  .thicket-cards { grid-template-columns: 1fr }
  .thicket-wcell { grid-template-columns: 48px 1fr; gap: 12px; padding: 13px 14px }
  .thicket-wcell__n { font-size: 24px; padding-right: 10px }
  .thicket-cta { width: 100%; text-align: center }
  .thicket-cta--sm, .thicket-cta--xs { width: auto }
  .thicket-nav { gap: 11px }
  .thicket-nav a { font-size: 13.6px }
}