:root{
  --vltGraphite:#131417;
  --vltSteel:#1c1f25;
  --vltPlate:#23272f;
  --vltBrass:#c9a227;
  --vltBrassHi:#eccb5c;
  --vltIvory:#ecebe3;
  --vltDim:#9aa0ac;
  --vltSeam:rgba(201,162,39,.30);
  --vltLine:rgba(255,255,255,.07);
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--vltGraphite);
  color:var(--vltIvory);
  font-family:'PT Serif','Georgia',serif;
  font-size:17px;
  line-height:1.66;
  overflow-x:hidden;
}

/* ---------- каркас ---------- */
.vltHall{
  background:
    linear-gradient(180deg,#0f1013 0,transparent 240px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 84px);
}
.vltRoom{max-width:1080px;margin:0 auto;padding:0 20px 70px}

.vltRoom a{color:var(--vltBrassHi);text-decoration:none;border-bottom:1px solid var(--vltSeam)}
.vltGo{
  display:inline-block;
  font-family:'Oswald','PT Serif',sans-serif;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:17px;
  font-weight:500;
  color:#1a1500;
  background:linear-gradient(180deg,var(--vltBrassHi),var(--vltBrass) 58%,#9c7d16);
  border:1px solid #6f5a12;
  border-bottom-width:3px;
  border-radius:2px;
  padding:15px 32px;
}
.vltRoom a.vltGo{border-bottom-color:#6f5a12}
.vltGo--slim{padding:9px 18px;font-size:14px;border-bottom-width:2px}

/* ---------- шапка ---------- */
.vltTop{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  flex-wrap:wrap;padding:20px 0 16px;border-bottom:1px solid var(--vltLine);
}
.vltPlateSign{display:flex;align-items:center;gap:12px}
.vltDial{flex:0 0 auto;display:block}
.vltName{
  font-family:'Oswald','PT Serif',sans-serif;
  font-size:31px;line-height:1;font-weight:500;letter-spacing:.07em;text-transform:uppercase;
  display:flex;flex-direction:column;gap:4px;
}
.vltName i{
  font-style:normal;font-family:'PT Serif',serif;font-size:12px;letter-spacing:.2em;
  color:var(--vltBrass);text-transform:uppercase;
}

/* ---------- первый экран ---------- */
.vltFront{padding:38px 0 34px}
.vltFront h1{
  font-family:'Oswald','PT Serif',sans-serif;
  font-weight:500;
  font-size:clamp(33px,5.4vw,58px);
  line-height:1.08;
  letter-spacing:.005em;
  margin:0 0 18px;
  color:#fbf7ea;
  text-wrap:balance;
}
.vltIntro{margin:0 0 26px;max-width:47em;font-size:18.5px;color:#d5d7cf}
.vltCells{
  list-style:none;margin:30px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:2px;
  background:var(--vltLine);border:1px solid var(--vltLine);
}
.vltCells li{
  background:var(--vltSteel);padding:16px 15px 14px;
  display:flex;flex-direction:column;gap:3px;
  font-size:13px;letter-spacing:.055em;text-transform:uppercase;color:var(--vltDim);
  position:relative;
}
.vltCells li::after{
  content:"";position:absolute;right:13px;top:17px;width:11px;height:11px;border-radius:50%;
  border:2px solid var(--vltSeam);
}
.vltCells li span{
  font-family:'Oswald','PT Serif',sans-serif;font-weight:500;
  font-size:33px;line-height:1.05;letter-spacing:.01em;color:var(--vltBrassHi);text-transform:none;
}

/* ---------- секция-ячейка ---------- */
.vltBox{
  position:relative;
  margin:30px 0 0;
  padding:34px 34px 36px 34px;
  background:var(--vltSteel);
  border:1px solid var(--vltLine);
  border-left:3px solid var(--vltSeam);
}
.vltBox::before{
  content:attr(data-cell);
  position:absolute;top:0;right:0;
  font-family:'Oswald','PT Serif',sans-serif;font-size:12px;letter-spacing:.24em;
  color:var(--vltDim);background:var(--vltPlate);padding:5px 12px;border-left:1px solid var(--vltLine);
}
.vltBox h2{
  font-family:'Oswald','PT Serif',sans-serif;
  font-weight:500;font-size:clamp(23px,3vw,31px);line-height:1.2;letter-spacing:.01em;
  margin:6px 0 16px;color:#fbf7ea;
}
.vltBox h3{
  font-family:'Oswald','PT Serif',sans-serif;
  font-weight:400;font-size:19px;letter-spacing:.06em;text-transform:uppercase;
  margin:26px 0 10px;color:var(--vltBrass);
}
.vltBox p{margin:0 0 15px}
.vltBox p:last-child{margin-bottom:0}

/* ---------- витрина тайтлов ---------- */
.vltRack{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:2px;margin:20px 0 14px;background:var(--vltLine)}
.vltSlot{
  background:var(--vltPlate);padding:14px 15px;display:flex;flex-direction:column;gap:5px;
  border-top:2px solid var(--vltSeam);
}
.vltSlotName{font-family:'Oswald','PT Serif',sans-serif;font-size:17px;letter-spacing:.03em}
.vltSlotNum{font-size:13.5px;color:var(--vltBrassHi);letter-spacing:.04em}
.vltSlotAdd{font-size:13px;color:var(--vltDim)}
.vltCap{font-size:13.5px;color:var(--vltDim);margin:0 0 4px}

/* ---------- ступени клуба ---------- */
.vltStairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:2px;margin:20px 0;background:var(--vltLine)}
.vltStep{background:var(--vltPlate);padding:15px;display:flex;flex-direction:column;gap:4px}
.vltStepKey{width:26px;height:26px;border-radius:50%;border:2px solid var(--vltBrass);margin-bottom:5px;position:relative}
.vltStepKey::after{content:"";position:absolute;left:50%;top:50%;width:3px;height:12px;background:var(--vltBrass);transform:translate(-50%,-30%)}
.vltStep:nth-child(1) .vltStepKey{opacity:.42}
.vltStep:nth-child(2) .vltStepKey{opacity:.58}
.vltStep:nth-child(3) .vltStepKey{opacity:.72}
.vltStep:nth-child(4) .vltStepKey{opacity:.86}
.vltStep:nth-child(5) .vltStepKey{opacity:1}
.vltStepName{font-family:'Oswald','PT Serif',sans-serif;font-size:17px;letter-spacing:.06em;text-transform:uppercase}
.vltStepNum{font-size:14px;color:var(--vltBrassHi)}
.vltStepAdd{font-size:13px;color:var(--vltDim)}

/* ---------- таблицы ---------- */
.vltScroll{overflow-x:auto;margin:18px 0}
.vltTable{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.vltTable th{
  font-family:'Oswald','PT Serif',sans-serif;font-weight:400;font-size:13px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--vltDim);text-align:left;
  padding:10px 13px;background:var(--vltPlate);border-bottom:1px solid var(--vltSeam);
}
.vltTable td{padding:11px 13px;border-bottom:1px solid var(--vltLine)}
.vltTable tr:last-child td{border-bottom:0}
.vltTable td:first-child{color:var(--vltBrassHi)}

/* ---------- пул джекпота ---------- */
.vltPool{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2px;margin:20px 0;background:var(--vltLine)}
.vltPoolCard{background:var(--vltPlate);padding:17px 16px;display:flex;flex-direction:column;gap:5px}
.vltPoolSum{font-family:'Oswald','PT Serif',sans-serif;font-size:27px;color:var(--vltBrassHi);letter-spacing:.02em}
.vltPoolName{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--vltDim)}
.vltBar{height:6px;background:#15171b;margin-top:6px;overflow:hidden}
.vltBar i{display:block;height:100%;background:linear-gradient(90deg,var(--vltBrass),var(--vltBrassHi))}

/* ---------- отзыв ---------- */
.vltVoice{
  margin:22px 0 0;padding:18px 20px;
  background:var(--vltPlate);border-left:3px solid var(--vltBrass);
}
.vltVoice p{margin:0 0 9px;font-size:16.5px}
.vltVoice cite{font-style:normal;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--vltDim)}

/* ---------- FAQ ---------- */
.vltAsk{border-bottom:1px solid var(--vltLine);padding:2px 0}
.vltAsk summary{
  cursor:pointer;list-style:none;padding:13px 30px 13px 0;position:relative;
  font-family:'Oswald','PT Serif',sans-serif;font-size:17.5px;letter-spacing:.02em;
}
.vltAsk summary::-webkit-details-marker{display:none}
.vltAsk summary::after{
  content:"";position:absolute;right:6px;top:21px;width:9px;height:9px;
  border-right:2px solid var(--vltBrass);border-bottom:2px solid var(--vltBrass);transform:rotate(45deg);
}
.vltAsk[open] summary::after{transform:rotate(225deg);top:24px}
.vltAsk p{margin:0 0 15px;color:#d5d7cf;font-size:16px}

/* ---------- источник цифр + подвал ---------- */
.vltSource{margin:30px 0 0;padding:26px 30px;background:var(--vltPlate);border:1px dashed var(--vltSeam)}
.vltSource h3{
  font-family:'Oswald','PT Serif',sans-serif;font-weight:400;font-size:18px;
  letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px;color:var(--vltBrass);
}
.vltSource p{margin:0 0 20px;font-size:15.5px;color:#d5d7cf}
.vltFoot{margin:34px 0 0;padding-top:20px;border-top:1px solid var(--vltLine);font-size:14px;color:var(--vltDim)}
.vltFoot p{margin:0 0 9px}
.vltFootDim{font-size:13px;color:#7b8190}

/* ---------- мобильный ---------- */
@media (max-width:640px){
  body{font-size:16.5px}
  .vltRoom{padding:0 15px 52px}
  .vltBox{padding:24px 18px 26px;margin-top:22px}
  .vltBox::before{position:static;display:inline-block;margin-bottom:8px;border-left:0;padding:4px 9px}
  .vltFront{padding:26px 0}
  .vltGo{display:block;text-align:center;padding:15px 18px}
  .vltGo--slim{display:inline-block;padding:9px 16px}
  .vltName{font-size:25px}
  .vltSource{padding:20px 17px}
}