/* ============================================================
   1win-casino53.pro — «Издание» / magazine-editorial layout
   Palette base #12100f · red #d32f3a · gold #e0b24a
   text #f1ece2 · muted #b0a48f · heading Vollkorn · body Inter
   ============================================================ */

:root{
  --ink:#12100f;
  --paper:#171412;
  --card:#1e1a17;
  --rule:#332c25;
  --red:#d32f3a;
  --gold:#e0b24a;
  --text:#f1ece2;
  --muted:#b0a48f;
  --serif:"Vollkorn",Georgia,"Times New Roman",serif;
  --sans:"Inter",system-ui,Segoe UI,Roboto,Arial,sans-serif;
  --wrap:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:
    radial-gradient(1200px 500px at 82% -8%,rgba(211,47,58,.12),transparent 60%),
    radial-gradient(900px 420px at 8% 4%,rgba(224,178,74,.08),transparent 60%),
    var(--ink);
  color:var(--text);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.68;
  letter-spacing:.1px;
}
img{max-width:100%;display:block}
a{color:inherit}

.jump{position:absolute;left:-9999px}
.jump:focus{left:12px;top:12px;background:var(--gold);color:#1a1207;padding:9px 14px;border-radius:4px;z-index:99}

.shell{max-width:var(--wrap);margin:0 auto;padding:0 22px}

/* ---------- masthead ---------- */
.flag{border-bottom:3px double var(--rule);background:linear-gradient(180deg,rgba(30,26,23,.7),transparent)}
.flag__top{display:flex;justify-content:space-between;align-items:center;padding:9px 0;font-family:var(--sans);
  font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
.flag__top span{white-space:nowrap}
.flag__title{display:flex;align-items:center;gap:16px;padding:14px 0 10px}
.flag__mark{flex:0 0 auto}
.flag__name{margin:0;font-family:var(--serif);font-weight:800;font-size:clamp(38px,7vw,74px);line-height:.92;letter-spacing:-.5px}
.flag__name em{color:var(--red);font-style:normal}
.flag__tag{margin:2px 0 0;font-family:var(--serif);font-style:italic;font-size:clamp(15px,2.2vw,20px);color:var(--gold)}
.flag__rule{height:1px;background:var(--rule);margin:0}
.flag__nav{display:flex;flex-wrap:wrap;gap:2px 22px;padding:11px 0;align-items:center}
.flag__nav a{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-decoration:none;padding:4px 0;transition:color .18s}
.flag__nav a:hover{color:var(--gold)}
.flag__enter{margin-left:auto}
.enter{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:600;
  padding:10px 20px;border-radius:2px;letter-spacing:.05em;font-size:13px;transition:transform .15s,background .2s}
.enter:hover{background:#e5434f;transform:translateY(-1px)}
.enter--wide{padding:15px 30px;font-size:15px}

/* ---------- ticker / issue strip ---------- */
.ticker{border-bottom:1px solid var(--rule);background:var(--paper)}
.ticker__row{display:flex;flex-wrap:wrap;gap:0}
.ticker__cell{flex:1 1 160px;padding:14px 18px;border-left:1px solid var(--rule)}
.ticker__cell:first-child{border-left:0}
.ticker__n{font-family:var(--serif);font-weight:700;font-size:26px;color:var(--gold);line-height:1}
.ticker__l{display:block;margin-top:5px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* ---------- lead / opener ---------- */
.opener{padding:52px 0 40px}
.kicker{font-family:var(--sans);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--red);margin:0 0 14px}
.opener h1{font-family:var(--serif);font-weight:800;font-size:clamp(30px,5.4vw,56px);line-height:1.04;margin:0 0 8px;letter-spacing:-.4px}
.opener h1 em{color:var(--gold);font-style:normal}
.standfirst{font-family:var(--serif);font-style:italic;font-size:clamp(18px,2.6vw,24px);color:var(--muted);
  max-width:52ch;margin:14px 0 0;line-height:1.4}
.lead{margin-top:30px;column-gap:38px}
@media(min-width:760px){.lead{column-count:2}}
.lead p{margin:0 0 1em}
.lead p:first-child::first-letter{
  float:left;font-family:var(--serif);font-weight:800;font-size:5.6em;line-height:.72;
  padding:6px 12px 0 0;color:var(--red)}

/* ---------- generic section ---------- */
.slab{padding:44px 0;border-top:1px solid var(--rule)}
.dek{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:0 0 10px}
.head{font-family:var(--serif);font-weight:700;font-size:clamp(24px,3.6vw,38px);line-height:1.1;margin:0 0 8px;letter-spacing:-.3px}
.head em{color:var(--red);font-style:normal}
.sub{color:var(--muted);max-width:62ch;margin:0 0 26px}
.prose{max-width:none}
.prose p{margin:0 0 1em}
.cols2{column-gap:38px}
@media(min-width:820px){.cols2{column-count:2}}
.cols2 p{margin:0 0 1em}

/* ---------- pull quote ---------- */
.pull{border-top:2px solid var(--red);border-bottom:2px solid var(--red);padding:22px 0;margin:30px 0}
.pull p{font-family:var(--serif);font-weight:600;font-size:clamp(20px,3vw,30px);line-height:1.24;margin:0;color:var(--text)}
.pull cite{display:block;margin-top:10px;font-style:normal;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}

/* ---------- offer plate ---------- */
.plate{display:grid;gap:0;border:1px solid var(--rule);border-radius:6px;overflow:hidden;background:var(--card)}
@media(min-width:780px){.plate{grid-template-columns:1.4fr 1fr}}
.plate__body{padding:30px 30px 26px}
.plate__fig{font-family:var(--serif);font-weight:800;font-size:clamp(34px,6vw,56px);color:var(--gold);line-height:1}
.plate__body p{color:var(--muted);margin:12px 0 0}
.plate__aside{background:linear-gradient(160deg,rgba(211,47,58,.16),rgba(224,178,74,.08));padding:30px;
  border-top:1px solid var(--rule)}
@media(min-width:780px){.plate__aside{border-top:0;border-left:1px solid var(--rule)}}
.terms{list-style:none;margin:0 0 20px;padding:0}
.terms li{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px dotted var(--rule);font-size:14.5px}
.terms li span:last-child{color:var(--gold);font-family:var(--serif);font-weight:700}

/* ---------- games grid ---------- */
.deck-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.tile{border:1px solid var(--rule);border-radius:6px;padding:18px;background:var(--card);transition:border-color .2s,transform .15s}
.tile:hover{border-color:var(--gold);transform:translateY(-2px)}
.tile__k{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--red)}
.tile__n{font-family:var(--serif);font-weight:700;font-size:21px;margin:6px 0 4px}
.tile__d{font-size:13.5px;color:var(--muted);margin:0}
.tile__meta{margin-top:12px;font-size:12px;color:var(--gold);letter-spacing:.06em}

/* ---------- verticals inline ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.chips li{border:1px solid var(--rule);border-radius:999px;padding:6px 14px;font-size:13px;color:var(--muted)}
.chips li b{font-weight:600;color:var(--text)}

/* ---------- VIP ladder ---------- */
.ladder{width:100%;border-collapse:collapse;font-size:14.5px;margin-top:6px}
.ladder caption{text-align:left;color:var(--muted);font-size:13px;margin-bottom:12px}
.ladder th,.ladder td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--rule)}
.ladder thead th{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600}
.ladder td:first-child{font-family:var(--serif);font-weight:700;font-size:16px}
.ladder tbody tr:hover{background:rgba(224,178,74,.05)}
.ladder .pct{color:var(--gold);font-family:var(--serif);font-weight:700}
.scroller{overflow-x:auto}

/* ---------- payments ---------- */
.pay{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:820px){.pay{grid-template-columns:1.3fr 1fr}}
.factbox{border:1px solid var(--rule);border-left:3px solid var(--gold);border-radius:0 6px 6px 0;padding:22px 24px;background:var(--card)}
.factbox h3{font-family:var(--serif);margin:0 0 12px;font-size:19px}
.factbox dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:9px 18px;font-size:14.5px}
.factbox dt{color:var(--muted)}
.factbox dd{margin:0;text-align:right;color:var(--gold);font-family:var(--serif);font-weight:700}

/* ---------- how-to / steps ---------- */
.steps{counter-reset:s;list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px}
@media(min-width:700px){.steps{grid-template-columns:1fr 1fr}}
.steps li{position:relative;border:1px solid var(--rule);border-radius:6px;padding:18px 18px 18px 58px;background:var(--card)}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:16px;
  font-family:var(--serif);font-weight:800;font-size:26px;color:var(--red)}
.steps h4{margin:0 0 4px;font-family:var(--serif);font-size:17px}
.steps p{margin:0;font-size:14px;color:var(--muted)}

/* ---------- reviews ---------- */
.voices{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:760px){.voices{grid-template-columns:repeat(3,1fr)}}
.voice{border-top:2px solid var(--rule);padding-top:16px}
.voice__stars{color:var(--gold);letter-spacing:2px;font-size:14px}
.voice p{font-family:var(--serif);font-style:italic;font-size:16px;margin:10px 0 12px;line-height:1.4}
.voice__by{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* ---------- FAQ ---------- */
.qa details{border-bottom:1px solid var(--rule);padding:6px 0}
.qa summary{cursor:pointer;list-style:none;font-family:var(--serif);font-weight:600;font-size:18px;padding:14px 34px 14px 0;position:relative}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:4px;top:12px;color:var(--red);font-size:24px;font-family:var(--serif)}
.qa details[open] summary::after{content:"–"}
.qa p{color:var(--muted);margin:0 0 16px;padding-right:20px}

/* ---------- byline / author ---------- */
.byline{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--rule);border-radius:6px;padding:22px;background:var(--card)}
.byline__av{flex:0 0 56px;height:56px;border-radius:50%;background:linear-gradient(140deg,var(--red),var(--gold));
  display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:800;color:#1a1207;font-size:22px}
.byline h3{margin:0 0 2px;font-family:var(--serif);font-size:18px}
.byline .role{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.byline p{margin:0;font-size:14.5px;color:var(--muted)}

/* ---------- colophon / footer ---------- */
.colophon{border-top:3px double var(--rule);margin-top:20px;padding:38px 0 60px;color:var(--muted);font-size:13.5px;line-height:1.6}
.colophon .cols{column-gap:38px}
@media(min-width:760px){.colophon .cols{column-count:2}}
.colophon .k{color:var(--text);font-weight:600}
.colophon .age{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--red);color:var(--red);
  border-radius:4px;padding:4px 10px;font-family:var(--serif);font-weight:700;margin-right:10px}
.colophon a{color:var(--gold)}
.imprint{margin-top:20px;font-size:12px;color:#7a7160}