/* ============================================================
   7k3565.fun — 7K Casino / 7К Казино
   Концепт: «тёмный базальт и лимонная искра» — глубокий графит,
   кислотно-лимонный акцент, холодная стальная вторичная линия.
   Шаблон C: дашборд со sticky-сайдбаром.
   Префикс классов: .spincap-
   ============================================================ */

:root{
  --basalt:#101216;
  --basalt2:#14161a;
  --panel:#1a1d23;
  --panel2:#20242b;
  --panel3:#262a32;
  --ink:#e9ecef;
  --ink2:#c8ced6;
  --mute:#8d97a3;
  --lemon:#d7e32f;
  --lemon-deep:#aeb920;
  --lemon-soft:rgba(215,227,47,.11);
  --steel:#8fb0c8;
  --steel-soft:rgba(143,176,200,.12);
  --edge:#2c313a;
  --edge2:#242830;
  --glow:0 14px 38px rgba(0,0,0,.44);
  --glow2:0 3px 14px rgba(0,0,0,.3);
  --cut:10px;
  --cut-sm:5px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(940px 420px at 78% -8%,rgba(215,227,47,.08),transparent 62%),
    radial-gradient(760px 380px at 4% 6%,rgba(143,176,200,.07),transparent 58%),
    var(--basalt);
  color:var(--ink);
  font-family:'Andika','Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:16.5px;
  line-height:1.74;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Yeseva One',Georgia,serif;font-weight:400;line-height:1.24;margin:0 0 14px;color:var(--ink)}
h1{font-size:clamp(26px,3.1vw,38px);letter-spacing:.005em}
h2{font-size:clamp(20px,2.2vw,28px);margin-top:2px}
h3{font-size:clamp(16px,1.45vw,19px);color:var(--lemon)}
p{margin:0 0 14px}
a{color:var(--lemon);text-decoration:none;transition:color .16s,border-color .16s,background .16s}
a:hover{color:var(--steel)}
ul{margin:0 0 6px;padding-left:19px}
li{margin-bottom:7px}
table{border-collapse:collapse;width:100%}
::selection{background:rgba(215,227,47,.24);color:#0d0f12}

.spincap-skip{position:absolute;left:-9999px}
.spincap-skip:focus{left:14px;top:14px;z-index:99;background:var(--lemon);color:#14161a;padding:9px 16px;border-radius:var(--cut-sm)}

/* ---------------- HEADER ---------------- */
.spincap-bar{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;gap:24px;
  padding:11px max(4vw,20px);
  background:rgba(16,18,22,.9);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--edge);
}
.spincap-logo{display:flex;align-items:center;gap:12px;color:var(--ink)}
.spincap-logo svg{width:33px;height:33px;flex:none}
.spincap-logo__t{display:flex;flex-direction:column;line-height:1.18}
.spincap-logo__n{font-family:'Yeseva One',Georgia,serif;font-size:18px;letter-spacing:.02em}
.spincap-logo__s{font-size:11.4px;color:var(--mute);letter-spacing:.04em}
.spincap-nav{display:flex;gap:19px;margin-left:auto;font-size:14.4px}
.spincap-nav a{color:var(--mute);padding-bottom:2px;border-bottom:1px solid transparent}
.spincap-nav a:hover{color:var(--lemon);border-bottom-color:var(--lemon)}
.spincap-cta{
  background:var(--lemon);color:#14161a;font-weight:700;font-size:14.4px;
  padding:9px 19px;border-radius:var(--cut-sm);
  box-shadow:0 5px 18px rgba(215,227,47,.2);
}
.spincap-cta:hover{background:#e6f24a;color:#14161a}

/* ---------------- LAYOUT ---------------- */
.spincap-layout{
  display:grid;grid-template-columns:300px minmax(0,1fr);
  gap:30px;align-items:start;
  max-width:1250px;margin:0 auto;padding:30px max(4vw,20px) 62px;
}
.spincap-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.spincap-feed{min-width:0;display:flex;flex-direction:column;gap:32px}
.spincap-feed>section{
  background:var(--panel);
  border:1px solid var(--edge2);
  border-radius:var(--cut) var(--cut) var(--cut) 24px;
  padding:26px 28px;
  box-shadow:var(--glow2);
}

/* ---------------- SIDEBAR ---------------- */
.spincap-idcard{
  background:linear-gradient(170deg,var(--panel2),var(--panel));
  border:1px solid var(--edge);
  border-top:3px solid var(--lemon);
  border-radius:var(--cut-sm) var(--cut-sm) 18px var(--cut-sm);
  padding:16px 16px 10px;
}
.spincap-idcard__n{font-family:'Yeseva One',Georgia,serif;font-size:19px;margin:0 0 3px;color:var(--ink)}
.spincap-idcard__d{font-size:12.2px;color:var(--lemon);margin:0 0 12px;letter-spacing:.03em}
.spincap-idcard dl{margin:0;font-size:12.7px}
.spincap-idcard dt{color:var(--mute);text-transform:uppercase;letter-spacing:.09em;font-size:10.3px;margin-top:10px}
.spincap-idcard dd{margin:1px 0 0;line-height:1.5;color:var(--ink2)}

.spincap-quick{display:flex;flex-direction:column;gap:8px}
.spincap-quick a{
  display:block;background:var(--panel2);border:1px solid var(--edge2);
  border-left:3px solid var(--steel);
  border-radius:0 var(--cut-sm) var(--cut-sm) 0;padding:11px 13px;color:var(--ink);
}
.spincap-quick a:hover{background:var(--panel3);border-left-color:var(--lemon);color:var(--ink)}
.spincap-quick__h{display:block;font-weight:700;font-size:14px;color:var(--lemon)}
.spincap-quick__p{display:block;font-size:12.3px;color:var(--mute);line-height:1.5;margin-top:3px}

.spincap-kpi{background:var(--panel2);border:1px solid var(--edge2);border-radius:var(--cut-sm);padding:4px 14px}
.spincap-kpi__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed var(--edge)}
.spincap-kpi__row:last-child{border-bottom:0}
.spincap-kpi__v{font-family:'Yeseva One',Georgia,serif;font-size:18px;color:var(--lemon);white-space:nowrap}
.spincap-kpi__l{font-size:11.6px;color:var(--mute);text-align:right;line-height:1.42}

.spincap-side__cta{
  display:block;text-align:center;background:transparent;color:var(--lemon);
  border:1px solid var(--lemon);font-weight:700;font-size:14.4px;
  padding:12px 14px;border-radius:var(--cut-sm);
}
.spincap-side__cta:hover{background:var(--lemon-soft);color:var(--lemon)}
.spincap-side__note{font-size:11.4px;color:var(--mute);margin:0;text-align:center;line-height:1.5}

/* ---------------- HERO ---------------- */
.spincap-hero{border-left:3px solid var(--lemon)!important}
.spincap-eyebrow{
  display:inline-block;font-size:11.2px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--lemon);background:var(--lemon-soft);border:1px solid rgba(215,227,47,.28);
  border-radius:2px;padding:4px 12px;margin:0 0 14px;
}
.spincap-lead{font-size:17.4px;line-height:1.7;color:var(--ink)}
.spincap-hero p:not(.spincap-lead):not(.spincap-eyebrow){color:var(--ink2);font-size:15.6px}
.spincap-heroact{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.spincap-btn{display:inline-block;font-weight:700;font-size:15px;padding:12px 24px;border-radius:var(--cut-sm)}
.spincap-btn--main{background:var(--lemon);color:#14161a;box-shadow:0 7px 20px rgba(215,227,47,.18)}
.spincap-btn--main:hover{background:#e6f24a;color:#14161a}
.spincap-btn--ghost{background:transparent;color:var(--steel);border:1px solid var(--steel)}
.spincap-btn--ghost:hover{background:var(--steel-soft);color:var(--steel)}

/* ---------------- WELCOME / GRID2 ---------------- */
.spincap-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0 20px}
.spincap-card{
  background:var(--panel2);border:1px solid var(--edge2);
  border-radius:var(--cut-sm) 20px var(--cut-sm) 20px;padding:18px 20px;
}
.spincap-card p{color:var(--ink2);font-size:14.4px}
.spincap-card p:last-child{margin-bottom:0}
.spincap-card--dep{border-top:2px solid var(--steel)}
.spincap-card--terms{background:linear-gradient(160deg,rgba(215,227,47,.09),var(--panel2));border-color:rgba(215,227,47,.24);border-radius:20px var(--cut-sm) 20px var(--cut-sm)}
.spincap-card--terms ul{margin:0;font-size:14.3px;color:var(--ink2)}
.spincap-card__tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 6px!important}
.spincap-card--terms .spincap-card__tag{font-family:'Yeseva One',Georgia,serif;font-size:15.4px;letter-spacing:0;text-transform:none;color:var(--lemon);margin-bottom:10px!important}
.spincap-card__big{font-family:'Yeseva One',Georgia,serif;font-size:33px;color:var(--lemon);margin:0!important;line-height:1}
.spincap-card__sum{font-size:14.4px;font-weight:700;color:var(--steel);margin:5px 0 10px!important}

/* ---------------- CATALOG ---------------- */
.spincap-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:18px 0}
.spincap-slot{
  background:var(--panel2);border:1px solid var(--edge2);
  border-bottom:2px solid var(--lemon-deep);
  border-radius:var(--cut-sm);padding:16px 18px;
}
.spincap-slot p{margin:0;color:var(--ink2)}
.spincap-slot p:last-child{font-size:14.2px;margin-top:9px!important}
.spincap-slot__n{font-family:'Yeseva One',Georgia,serif;font-size:17px;color:var(--ink)!important}
.spincap-slot__st{font-size:12.4px;color:var(--mute)!important;letter-spacing:.04em;text-transform:uppercase}
.spincap-slot__m{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px!important}
.spincap-chip{
  font-size:11.4px;font-weight:700;letter-spacing:.02em;
  background:var(--steel-soft);color:var(--steel);border:1px solid rgba(143,176,200,.26);
  border-radius:2px;padding:3px 9px;
}
.spincap-fig{margin:22px 0;display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:var(--panel2);border:1px solid var(--edge2);border-radius:var(--cut);padding:18px 22px}
.spincap-fig svg{width:190px;height:190px;flex:none}
.spincap-fig figcaption{font-size:14px;color:var(--mute);flex:1;min-width:230px;line-height:1.62}

/* ---------------- LIVE ROWS ---------------- */
.spincap-tables{border:1px solid var(--edge2);border-radius:var(--cut-sm);overflow:hidden;margin:18px 0}
.spincap-trow{display:grid;grid-template-columns:1.1fr .7fr 1.5fr;gap:12px;padding:12px 16px;border-bottom:1px solid var(--edge2);font-size:14.5px}
.spincap-trow:nth-child(odd){background:var(--panel2)}
.spincap-trow:last-child{border-bottom:0}
.spincap-trow__n{font-weight:700;color:var(--ink)}
.spincap-trow__p{color:var(--lemon);font-size:13.5px}
.spincap-trow__v{color:var(--mute);font-size:13.7px}

/* ---------------- LOYALTY RAIL ---------------- */
.spincap-rail{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 14px;margin:18px 0;scroll-snap-type:x proximity}
.spincap-step{
  flex:0 0 234px;scroll-snap-align:start;
  background:linear-gradient(165deg,var(--panel3),var(--panel2));
  border:1px solid var(--edge);border-top:3px solid var(--lemon);
  border-radius:var(--cut-sm) var(--cut-sm) 18px var(--cut-sm);padding:16px 18px;
}
.spincap-step p{margin:0;font-size:14.1px;color:var(--ink2)}
.spincap-step__n{font-family:'Yeseva One',Georgia,serif;font-size:19px;color:var(--ink)!important;letter-spacing:.04em}
.spincap-step__pc{font-family:'Yeseva One',Georgia,serif;font-size:31px;color:var(--lemon)!important;line-height:1.1;margin:3px 0 9px!important}

/* ---------------- TOURNAMENT BANNER ---------------- */
.spincap-banner{
  display:grid;grid-template-columns:.75fr 1.25fr;gap:24px;align-items:center;
  background:linear-gradient(118deg,#1d2126,#2b3120 58%,#3c4416);
  border:1px solid rgba(215,227,47,.28);
  border-radius:var(--cut);padding:24px 26px;margin:18px 0;
}
.spincap-banner p{margin:0 0 10px;color:var(--ink2)}
.spincap-banner p:last-child{margin-bottom:0}
.spincap-banner__sum{font-family:'Yeseva One',Georgia,serif;font-size:clamp(27px,3.3vw,41px);color:var(--lemon)!important;line-height:1}
.spincap-banner__s{font-size:12.8px;color:var(--mute)!important;letter-spacing:.05em;text-transform:uppercase}
.spincap-banner__r p{font-size:14.7px}

/* ---------------- MATRIX TABLES ---------------- */
.spincap-matrix{overflow-x:auto;margin:18px 0;border:1px solid var(--edge2);border-radius:var(--cut-sm)}
.spincap-matrix caption{caption-side:bottom;text-align:left;font-size:12.5px;color:var(--mute);padding:10px 14px}
.spincap-matrix th,.spincap-matrix td{padding:11px 14px;text-align:left;font-size:14.3px;border-bottom:1px solid var(--edge2);color:var(--ink2)}
.spincap-matrix th{background:var(--panel3);color:var(--lemon);font-weight:700;font-size:12.2px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.spincap-matrix tbody tr:nth-child(even){background:var(--panel2)}
.spincap-matrix td:first-child{color:var(--ink);font-weight:700;white-space:nowrap}
.spincap-matrix tr:last-child td{border-bottom:0}

/* ---------------- QUOTES ---------------- */
.spincap-quote{
  background:var(--panel2);border:1px solid var(--edge2);
  border-left:3px solid var(--steel);border-radius:0 var(--cut) var(--cut) 0;padding:18px 20px;
}
.spincap-quote p{font-size:14.7px;color:var(--ink2)}
.spincap-quote p:last-child{margin-bottom:0}
.spincap-quote__stars{color:var(--lemon);letter-spacing:.18em;font-size:14px;margin-bottom:8px!important}
.spincap-quote__a{font-size:12.6px;color:var(--mute);margin-top:10px}

/* ---------------- FAQ ---------------- */
.spincap-faq{columns:2;column-gap:18px;margin-top:16px}
.spincap-faq details{
  break-inside:avoid;display:inline-block;width:100%;
  background:var(--panel2);border:1px solid var(--edge2);border-radius:var(--cut-sm);
  padding:12px 16px;margin-bottom:12px;
}
.spincap-faq summary{cursor:pointer;font-weight:700;font-size:14.8px;color:var(--lemon);list-style:none;position:relative;padding-right:22px}
.spincap-faq summary::-webkit-details-marker{display:none}
.spincap-faq summary::after{content:'+';position:absolute;right:0;top:-2px;font-size:18px;color:var(--steel)}
.spincap-faq details[open] summary::after{content:'–'}
.spincap-faq details p{margin:10px 0 0;font-size:14.2px;color:var(--ink2)}

/* ---------------- FOOTER ---------------- */
.spincap-foot{border-top:1px solid var(--edge);background:var(--basalt2);padding:34px max(4vw,20px) 26px}
.spincap-foot__in{max-width:1250px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.spincap-foot p{font-size:13.3px;color:var(--mute);margin:0 0 8px;line-height:1.6}
.spincap-foot__n{font-family:'Yeseva One',Georgia,serif;font-size:16.5px;color:var(--ink)!important}
.spincap-foot__h{color:var(--lemon)!important;font-size:13.4px!important;letter-spacing:.07em;text-transform:uppercase}
.spincap-foot__b{max-width:1250px;margin:22px auto 0;padding-top:16px;border-top:1px dashed var(--edge);font-size:12.5px;color:var(--mute)}

/* ---------------- ADAPTIVE ---------------- */
@media (max-width:1000px){
  .spincap-layout{grid-template-columns:minmax(0,1fr);gap:22px}
  .spincap-side{position:static;top:auto}
  .spincap-nav{display:none}
  .spincap-banner{grid-template-columns:minmax(0,1fr);gap:14px}
  .spincap-foot__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spincap-kpi__row{padding:9px 0}
}
@media (max-width:760px){
  body{font-size:16px}
  .spincap-feed>section{padding:20px 17px;border-radius:var(--cut)}
  .spincap-grid2,.spincap-slots{grid-template-columns:minmax(0,1fr)}
  .spincap-faq{columns:1}
  .spincap-trow{grid-template-columns:minmax(0,1fr);gap:2px}
  .spincap-fig{flex-direction:column;align-items:flex-start}
  .spincap-fig svg{width:160px;height:160px}
  .spincap-foot__in{grid-template-columns:minmax(0,1fr)}
  .spincap-logo__s{display:none}
  .spincap-step{flex-basis:212px}
  .spincap-hero{border-left-width:2px!important}
}