/* lantern-slide — plinko-casino9.xyz · namespace lns- */

:root{
  --lns-hall:#14120f;
  --lns-hall-2:#1d1a15;
  --lns-beam:#f2d99b;
  --lns-beam-soft:#c9b382;
  --lns-walnut:#6b4a2a;
  --lns-walnut-lit:#8d6437;
  --lns-glass:#241f19;
  --lns-ink:#efe6d4;
  --lns-ink-dim:#b3a891;
}

*{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--lns-hall);
  background-image:
    linear-gradient(118deg,rgba(242,217,155,.13) 0%,rgba(242,217,155,.05) 26%,rgba(20,18,15,0) 58%),
    radial-gradient(circle at 74% 6%,rgba(242,217,155,.16),rgba(20,18,15,0) 44%);
  background-attachment:fixed;
  color:var(--lns-ink);
  font-family:"Gelasio",Georgia,serif;
  font-size:17px;
  line-height:1.72;
}

.lns-hall{max-width:1000px;margin:0 auto;padding:0 20px 68px}

/* ——— проекционный луч по диагонали ——— */
.lns-beam-rail{
  position:relative;
  height:6px;
  margin:0 -20px 34px;
  background:linear-gradient(90deg,rgba(242,217,155,0),var(--lns-beam) 38%,var(--lns-walnut-lit) 72%,rgba(242,217,155,0));
  opacity:.7;
}

h1,h2,h3,.lns-kpi-num,.lns-badge,.lns-cta{font-family:"Moderustic","Trebuchet MS",sans-serif}

/* ——— фонарь: hero ——— */
.lns-lantern{
  position:relative;
  margin:30px 0 40px;
  padding:34px 30px 30px;
  border:3px solid var(--lns-walnut);
  border-radius:4px;
  background:
    radial-gradient(ellipse at 30% 26%,rgba(242,217,155,.17),rgba(20,18,15,.92) 68%),
    var(--lns-glass);
  box-shadow:inset 0 0 74px rgba(0,0,0,.85),0 14px 40px rgba(0,0,0,.5);
  overflow:hidden;
}
.lns-lantern::before{
  content:"";
  position:absolute;
  top:-40%;left:-18%;
  width:78%;height:190%;
  transform:rotate(19deg);
  background:linear-gradient(90deg,rgba(242,217,155,.16),rgba(242,217,155,.02) 70%,transparent);
  pointer-events:none;
}
.lns-lantern>*{position:relative}

.lns-slug{
  display:inline-block;
  margin:0 0 14px;
  padding:4px 13px;
  border:1px solid var(--lns-walnut-lit);
  border-radius:2px;
  color:var(--lns-beam);
  font-family:"Moderustic",sans-serif;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

h1{
  margin:0 0 16px;
  font-size:35px;
  line-height:1.2;
  font-weight:700;
  color:#fff7e4;
  text-shadow:0 2px 18px rgba(242,217,155,.28);
}

.lns-lead{margin:0 0 24px;font-size:19px;color:var(--lns-ink);max-width:70ch}

/* ——— KPI: полоса слайдов в обойме ——— */
.lns-strip{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin:0 0 26px;
  padding:10px;
  border:1px solid rgba(139,100,55,.55);
  border-radius:3px;
  background:rgba(0,0,0,.34);
}
.lns-frame{
  padding:13px 11px;
  border-top:3px solid var(--lns-walnut-lit);
  background:linear-gradient(180deg,rgba(242,217,155,.11),rgba(0,0,0,.2));
  text-align:center;
}
.lns-kpi-num{display:block;font-size:22px;font-weight:700;color:var(--lns-beam);line-height:1.25}
.lns-kpi-cap{display:block;margin-top:5px;font-size:12.5px;color:var(--lns-ink-dim);line-height:1.4}

/* ——— кнопки ——— */
.lns-cta{
  display:inline-block;
  padding:14px 30px;
  border:2px solid var(--lns-beam);
  border-radius:2px;
  background:linear-gradient(120deg,var(--lns-beam),var(--lns-beam-soft));
  color:#191510;
  font-size:16px;
  font-weight:700;
  letter-spacing:.02em;
  text-decoration:none;
  box-shadow:0 0 26px rgba(242,217,155,.26);
}
.lns-cta:hover{background:var(--lns-beam);box-shadow:0 0 34px rgba(242,217,155,.45)}
.lns-cta-note{margin:11px 0 0;font-size:13.5px;color:var(--lns-ink-dim)}

/* ——— секция = кадр с виньеткой ——— */
.lns-slide{
  position:relative;
  margin:0 0 30px;
  padding:26px 26px 22px;
  border:2px solid rgba(107,74,42,.85);
  border-radius:3px;
  background:
    radial-gradient(ellipse at 50% 42%,rgba(242,217,155,.075),rgba(20,18,15,0) 72%),
    var(--lns-hall-2);
  box-shadow:inset 0 0 58px rgba(0,0,0,.72);
}
.lns-slide::after{
  content:"";
  position:absolute;inset:6px;
  border:1px solid rgba(242,217,155,.1);
  pointer-events:none;
}

h2{
  margin:0 0 6px;
  font-size:25px;
  line-height:1.26;
  font-weight:700;
  color:var(--lns-beam);
}
.lns-num{
  display:inline-block;
  min-width:30px;
  margin-right:9px;
  padding:1px 7px;
  border:1px solid var(--lns-walnut-lit);
  border-radius:2px;
  color:var(--lns-walnut-lit);
  font-size:14px;
  vertical-align:3px;
}
.lns-sub{margin:0 0 16px;font-size:13.5px;color:var(--lns-ink-dim);letter-spacing:.05em;text-transform:uppercase}

h3{margin:24px 0 8px;font-size:19px;font-weight:600;color:#e6cf9a}

p{margin:0 0 14px}
a{color:var(--lns-beam)}

.lns-hot{color:var(--lns-beam);font-weight:600}
.lns-dim{color:var(--lns-ink-dim)}
.lns-mark{
  padding:0 5px;
  border-bottom:1px dotted var(--lns-walnut-lit);
  color:#fbe9bd;
}

ul,ol{margin:0 0 15px;padding-left:22px}
li{margin:0 0 7px}

/* ——— таблицы ——— */
.lns-scroll{overflow-x:auto;margin:0 0 16px;border:1px solid rgba(107,74,42,.7)}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
caption{
  padding:9px 12px;
  background:rgba(107,74,42,.3);
  color:var(--lns-ink-dim);
  font-size:13px;
  text-align:left;
  letter-spacing:.04em;
}
th,td{padding:10px 12px;border-bottom:1px solid rgba(107,74,42,.45);text-align:left;vertical-align:top}
thead th{
  background:rgba(242,217,155,.1);
  color:var(--lns-beam);
  font-family:"Moderustic",sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
}
tbody tr:nth-child(even){background:rgba(0,0,0,.24)}
td.lns-fig{font-variant-numeric:tabular-nums;color:#f7e6c0;white-space:nowrap}

/* ——— ступени клуба ——— */
.lns-reel{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:0 0 16px}
.lns-cell{
  padding:14px 12px;
  border:1px solid rgba(139,100,55,.6);
  border-radius:2px;
  background:linear-gradient(200deg,rgba(242,217,155,.1),rgba(0,0,0,.25));
}
.lns-cell-name{font-family:"Moderustic",sans-serif;font-size:15px;color:var(--lns-beam);display:block}
.lns-cell-pct{display:block;margin:5px 0 3px;font-size:24px;font-weight:700;color:#fff3d8;font-family:"Moderustic",sans-serif}
.lns-cell-sub{display:block;font-size:12.5px;color:var(--lns-ink-dim);line-height:1.45}

/* ——— врезка ——— */
.lns-plate{
  margin:18px 0;
  padding:16px 18px;
  border-left:4px solid var(--lns-beam);
  background:rgba(242,217,155,.07);
  font-size:16px;
}
.lns-plate p:last-child{margin-bottom:0}

/* ——— отзыв ——— */
.lns-voice{
  margin:20px 0 6px;
  padding:18px 20px;
  border:1px dashed rgba(242,217,155,.35);
  background:rgba(0,0,0,.3);
}
.lns-voice p{margin:0 0 9px;font-style:italic}
.lns-voice-sign{font-style:normal;font-size:13.5px;color:var(--lns-ink-dim);font-family:"Moderustic",sans-serif}

/* ——— FAQ ——— */
details{
  margin:0 0 9px;
  border:1px solid rgba(107,74,42,.7);
  border-radius:2px;
  background:rgba(0,0,0,.26);
}
summary{
  padding:13px 16px;
  cursor:pointer;
  font-family:"Moderustic",sans-serif;
  font-size:16px;
  color:#f0dcae;
  list-style:none;
}
summary::-webkit-details-marker{display:none}
summary::before{content:"▤ ";color:var(--lns-walnut-lit)}
details[open] summary{background:rgba(242,217,155,.09)}
details p{margin:0;padding:2px 16px 15px;font-size:16px}

/* ——— источники ——— */
.lns-ledger{
  margin:0 0 28px;
  padding:22px 24px;
  border:1px solid rgba(139,100,55,.5);
  border-radius:3px;
  background:repeating-linear-gradient(135deg,rgba(242,217,155,.045) 0 9px,rgba(0,0,0,0) 9px 18px),rgba(0,0,0,.3);
}
.lns-ledger h3{margin-top:0}
.lns-ledger ul{list-style:square;color:var(--lns-ink-dim)}
.lns-ledger li{font-size:15px}

.lns-close{text-align:center;padding:14px 0 6px}

/* ——— подвал ——— */
.lns-base{
  margin-top:10px;
  padding:26px 26px 30px;
  border-top:3px solid var(--lns-walnut);
  background:rgba(0,0,0,.42);
  font-size:14px;
  color:var(--lns-ink-dim);
  line-height:1.72;
}
.lns-base p{margin:0 0 9px}
.lns-age{
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(107,74,42,.6);
  font-family:"Moderustic",sans-serif;
  font-size:13.5px;
  color:var(--lns-beam-soft);
}

@media (max-width:640px){
  body{font-size:16px}
  .lns-hall{padding:0 14px 44px}
  h1{font-size:26px}
  h2{font-size:20px}
  h3{font-size:17.5px}
  .lns-lantern{padding:22px 16px 20px;margin:18px 0 26px}
  .lns-slide{padding:18px 15px 14px}
  .lns-strip{grid-template-columns:repeat(2,1fr);gap:7px;padding:7px}
  .lns-strip .lns-frame:last-child{grid-column:1 / -1}
  .lns-reel{grid-template-columns:1fr 1fr}
  .lns-cta{display:block;text-align:center;padding:13px 16px}
  .lns-base{padding:20px 15px 24px}
  table{font-size:14px;min-width:460px}
  th,td{padding:8px 9px}
}
