/* ============================================================
   7k214.fun — 7K Casino / 7К Казино
   Концепт: «газетный киоск новинок» — полночь и лаймовая искра
   Префикс классов: .newsstand-
   ============================================================ */

:root{
  --bg:#0f1014;
  --bg2:#13151a;
  --panel:#181a20;
  --panel2:#1f222a;
  --lime:#b6e34a;
  --lime-dim:#8fb43a;
  --steel:#cbd2de;
  --ink:#e8eaf0;
  --mut:#939aa8;
  --line:rgba(182,227,74,.22);
  --line2:rgba(232,234,240,.09);
  --col:min(68ch,100%);
  --r:4px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    linear-gradient(180deg,rgba(182,227,74,.07),transparent 400px),
    radial-gradient(760px 420px at 92% 0%,rgba(203,210,222,.05),transparent 60%),
    var(--bg);
  color:var(--ink);
  font-family:'Andika',system-ui,-apple-system,Segoe UI,sans-serif;
  font-size:16.5px;
  line-height:1.78;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;line-height:1.2;margin:0 0 15px;letter-spacing:-.012em}
h1{font-size:clamp(28px,3.6vw,43px)}
h2{font-size:clamp(22px,2.4vw,30px)}
h3{font-size:clamp(17px,1.4vw,21px)}
p{margin:0 0 15px}
a{color:var(--lime);text-decoration:none}
a:hover{color:var(--ink)}
table{border-collapse:collapse;width:100%}
.newsstand-hi{color:var(--lime)}

.newsstand-skip{position:absolute;left:-9999px}
.newsstand-skip:focus{left:12px;top:12px;z-index:99;background:var(--lime);color:#0f1014;padding:8px 15px;border-radius:var(--r)}

/* ---------- HEADER ---------- */
.newsstand-bar{
  position:sticky;top:0;z-index:60;
  display:flex;align-items:center;gap:20px;
  padding:10px max(3vw,18px);
  background:rgba(15,16,20,.93);
  backdrop-filter:blur(11px);
  border-bottom:1px solid var(--line2);
}
.newsstand-logo{display:flex;align-items:center;gap:11px;color:var(--ink)}
.newsstand-logo svg{width:34px;height:34px;flex:none}
.newsstand-logo__n{display:block;font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;font-size:17px}
.newsstand-logo__s{display:block;font-size:10.5px;color:var(--mut);letter-spacing:.14em;text-transform:uppercase}
.newsstand-nav{display:flex;gap:18px;margin-left:auto;font-size:14px}
.newsstand-nav a{color:var(--mut)}
.newsstand-nav a:hover{color:var(--lime)}
.newsstand-cta{
  display:inline-block;padding:10px 21px;border-radius:var(--r);
  background:var(--lime);color:#12160a;font-weight:700;font-size:14.5px;
  font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;
}
.newsstand-cta:hover{background:#c9f065;color:#12160a}
.newsstand-cta--ghost{background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:400}
.newsstand-cta--ghost:hover{background:rgba(182,227,74,.1);color:var(--ink)}
.newsstand-cta--wide{padding:13px 30px;font-size:16px}

/* ---------- LAYOUT: узкая колонка ---------- */
.newsstand-wrap{max-width:1060px;margin:0 auto;padding:0 max(4vw,18px)}
.newsstand-col{max-width:var(--col);margin:0 auto}
.newsstand-sec{padding:52px 0 8px;border-top:1px solid var(--line2);margin-top:34px}
.newsstand-sec:first-of-type{border-top:none;margin-top:0}
.newsstand-mark{
  display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--lime-dim);margin-bottom:9px;
}

/* ---------- HERO ---------- */
.newsstand-hero{padding:56px 0 10px;text-align:center}
.newsstand-hero h1{margin:0 auto 18px;max-width:22ch}
.newsstand-hero__lead{max-width:var(--col);margin:0 auto 24px;color:#c2c7d2;font-size:17.5px;text-align:left}
.newsstand-hero__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.newsstand-kpi{
  display:flex;justify-content:center;flex-wrap:wrap;gap:0;
  margin:34px auto 0;max-width:900px;
  border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);
}
.newsstand-kpi div{flex:1 1 190px;padding:16px 12px;text-align:center;border-left:1px solid var(--line2)}
.newsstand-kpi div:first-child{border-left:none}
.newsstand-kpi .v{display:block;font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;font-size:25px;color:var(--lime)}
.newsstand-kpi .k{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}

/* ---------- QUICK RIBBON ---------- */
.newsstand-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 6px}
.newsstand-qt{
  display:block;padding:15px 15px 14px;background:var(--panel);
  border:1px solid var(--line2);border-bottom:2px solid var(--lime-dim);border-radius:var(--r);color:var(--ink);
}
.newsstand-qt:hover{background:var(--panel2);border-bottom-color:var(--lime);color:var(--ink)}
.newsstand-qt__t{display:block;font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;font-size:15.5px;margin-bottom:4px}
.newsstand-qt__d{display:block;font-size:13px;color:var(--mut);line-height:1.55}

/* ---------- WELCOME: шкала ступеней ---------- */
.newsstand-scale{margin:24px 0 16px;border-top:1px solid var(--line2)}
.newsstand-rung{
  display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;
  padding:16px 4px;border-bottom:1px solid var(--line2);
}
.newsstand-rung__p{font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;font-size:31px;color:var(--lime);min-width:96px}
.newsstand-rung__l{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--steel);min-width:96px}
.newsstand-rung__d{flex:1;min-width:250px;font-size:14.5px;color:var(--mut)}
.newsstand-terms{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.newsstand-term{font-size:13px;padding:5px 12px;border:1px solid var(--line);border-radius:2px;color:#d5dbc4}

/* ---------- TABLES ---------- */
.newsstand-tblbox{overflow-x:auto;border:1px solid var(--line2);border-radius:var(--r);margin:20px 0 10px;background:var(--panel)}
.newsstand-tbl{font-size:14.5px;min-width:520px}
.newsstand-tbl th{
  text-align:left;padding:12px 14px;background:var(--panel2);color:var(--lime);
  font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--line);
}
.newsstand-tbl td{padding:11px 14px;border-bottom:1px solid var(--line2);color:#d3d7e0}
.newsstand-tbl tr:last-child td{border-bottom:none}
.newsstand-cap{font-size:13px;color:var(--mut);margin:8px 0 0}

/* ---------- SVG RTP SCALE ---------- */
.newsstand-rtp{margin:22px 0 10px;padding:16px 14px;border:1px solid var(--line2);border-radius:var(--r);background:var(--bg2)}
.newsstand-rtp svg{display:block;width:100%;height:auto}

/* ---------- LIVE + TOURNAMENT ---------- */
.newsstand-sub{margin-top:30px}
.newsstand-fund{
  margin:18px 0;padding:22px 20px;border:1px solid var(--line);border-radius:var(--r);
  background:linear-gradient(120deg,rgba(182,227,74,.12),rgba(203,210,222,.04));
  display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;
}
.newsstand-fund__v{font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;font-size:clamp(26px,3.2vw,38px);color:var(--lime)}
.newsstand-fund__k{font-size:13px;color:var(--steel);letter-spacing:.1em;text-transform:uppercase}

/* ---------- LOYALTY: горизонтальные полосы ---------- */
.newsstand-tier{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:14px 16px;margin-bottom:9px;background:var(--panel);
  border-left:3px solid var(--lime-dim);border-radius:0 var(--r) var(--r) 0;
}
.newsstand-tier__n{font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;font-size:17px;min-width:110px}
.newsstand-tier__d{flex:1;min-width:230px;font-size:14px;color:var(--mut)}
.newsstand-tier__p{font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;font-size:24px;color:var(--lime);margin-left:auto}

/* ---------- CTA STRIP ---------- */
.newsstand-strip{
  margin:34px 0 6px;padding:26px 24px;text-align:center;
  border:1px solid var(--line);border-radius:var(--r);
  background:linear-gradient(140deg,rgba(182,227,74,.1),transparent);
}
.newsstand-strip p{max-width:66ch;margin:0 auto 16px;color:#c2c7d2}

/* ---------- OVERVIEW ---------- */
.newsstand-ov{max-width:80ch}
.newsstand-ov h3{margin-top:26px;color:var(--steel)}
.newsstand-ov h3:first-child{margin-top:8px}

/* ---------- REVIEWS ---------- */
.newsstand-quote{
  margin:22px 0 18px;padding:24px 26px;border-left:3px solid var(--lime);
  background:var(--panel);border-radius:0 var(--r) var(--r) 0;
}
.newsstand-quote p{font-size:18px;line-height:1.72;color:#dfe3ec;margin:0 0 14px}
.newsstand-quote span{font-size:13px;color:var(--mut)}
.newsstand-note{
  padding:13px 0;border-top:1px solid var(--line2);font-size:14.5px;color:#c2c7d2;
}
.newsstand-note em{font-style:normal;color:var(--mut);font-size:13px;display:block;margin-top:3px}

/* ---------- FAQ ---------- */
.newsstand-faq details{
  border-bottom:1px solid var(--line2);padding:14px 2px;
}
.newsstand-faq summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px;
  font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;font-size:16px;color:var(--ink);
}
.newsstand-faq summary::-webkit-details-marker{display:none}
.newsstand-faq summary::after{content:"→";color:var(--lime);flex:none}
.newsstand-faq details[open] summary::after{content:"↓"}
.newsstand-faq p{margin:11px 0 0;font-size:14.5px;color:var(--mut);max-width:78ch}

/* ---------- AUTHOR ---------- */
.newsstand-author{margin-top:34px;padding:22px 0 0;border-top:2px solid var(--line)}
.newsstand-author p{font-size:14.5px;color:var(--mut);max-width:84ch}

/* ---------- FOOTER ---------- */
.newsstand-foot{margin-top:52px;border-top:1px solid var(--line2);background:var(--bg2);padding:34px 0 30px}
.newsstand-foot h3{font-size:15.5px;color:var(--lime)}
.newsstand-foot__g{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:26px}
.newsstand-foot p{font-size:13.5px;color:var(--mut)}
.newsstand-foot__age{display:inline-block;margin-top:8px;padding:3px 12px;border:1px solid var(--lime);border-radius:2px;color:var(--lime);font-size:13px}
.newsstand-foot__law{margin-top:22px;border-top:1px solid var(--line2);padding-top:15px;font-size:12.5px;color:#767c88}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1000px){
  .newsstand-quick{grid-template-columns:repeat(2,1fr)}
  .newsstand-nav{display:none}
  .newsstand-foot__g{grid-template-columns:1fr 1fr}
  .newsstand-kpi div{flex:1 1 45%}
}
@media (max-width:760px){
  body{font-size:16px}
  .newsstand-quick{grid-template-columns:1fr}
  .newsstand-kpi div{flex:1 1 100%;border-left:none;border-top:1px solid var(--line2)}
  .newsstand-kpi div:first-child{border-top:none}
  .newsstand-foot__g{grid-template-columns:1fr}
  .newsstand-rung__p,.newsstand-rung__l{min-width:auto}
  .newsstand-tier__p{margin-left:0}
  .newsstand-sec{padding:38px 0 6px;margin-top:26px}
}

.newsstand-striptitle{
  font-family:'Wix Madefor Display','Trebuchet MS',sans-serif;font-weight:700;
  font-size:clamp(21px,2.3vw,28px);line-height:1.22;margin:0 0 14px;color:var(--ink);
}