/* ===========================================================
   Daddy / Дэдди — daddy-casino9.pro
   Layout: split-screen — fixed left rail + scrolling right flow.
   Palette: base #140b0d · burgundy #b03048 · brass #c9a24a
            hot #ff5d72 · text #f2e9df · muted #b0a290
   Type: Staatliches (heading) · Onest (body)
   =========================================================== */

:root{
  --base:#140b0d;
  --base2:#1c1013;
  --panel:#22151a;
  --line:#3a2530;
  --burg:#b03048;
  --brass:#c9a24a;
  --hot:#ff5d72;
  --ink:#f2e9df;
  --mut:#b0a290;
  --rail:344px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--base);
  color:var(--ink);
  font-family:"Onest",system-ui,Segoe UI,Roboto,sans-serif;
  font-size:17px;
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.brandmark__w,.ladder__badge,.stat__n,.hero__ribbon{
  font-family:"Staatliches",Impact,Haettenschweiler,sans-serif;
  font-weight:400;
  letter-spacing:.02em;
  line-height:1.06;
}
a{color:var(--brass);text-decoration:none}
p{margin:0 0 1em}

.skip{position:absolute;left:-9999px;top:0;background:var(--hot);color:#1a0c0f;padding:10px 16px;border-radius:0 0 10px 0;z-index:60}
.skip:focus{left:0}

.acc{color:var(--hot)}

/* ===== SHELL — split screen ===== */
.shell{
  display:grid;
  grid-template-columns:var(--rail) 1fr;
  align-items:start;
  max-width:1400px;
  margin:0 auto;
}

/* ===== LEFT RAIL (fixed / sticky) ===== */
.rail{
  position:sticky;
  top:0;
  align-self:start;
  height:100vh;
  overflow-y:auto;
  padding:26px 24px 34px;
  background:linear-gradient(178deg,#1d1013,#140b0d 62%);
  border-right:1px solid var(--line);
  scrollbar-width:thin;
  scrollbar-color:var(--line) transparent;
}
.rail::-webkit-scrollbar{width:7px}
.rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}

.brandmark{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.brandmark__svg{width:46px;height:46px;flex:0 0 auto}
.brandmark__w{font-size:31px;color:var(--ink);display:flex;flex-direction:column;line-height:.98}
.brandmark__sub{font-family:"Onest",sans-serif;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-top:5px}

.rail__tag{
  font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass);
  border:1px solid var(--line);border-radius:999px;padding:5px 11px;display:inline-block;margin:14px 0 18px;
}

.facts{list-style:none;margin:0 0 20px;padding:0;border-top:1px solid var(--line)}
.facts li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.facts .fv{font-family:"Staatliches",sans-serif;font-size:16px;color:var(--brass);letter-spacing:.02em}
.facts span{color:var(--mut)}

.railcta{
  display:block;text-align:center;
  background:linear-gradient(100deg,var(--hot),var(--burg));
  color:#1a0a0d;font-family:"Staatliches",sans-serif;font-size:22px;letter-spacing:.05em;
  padding:15px 12px;border-radius:13px;margin-bottom:8px;
  box-shadow:0 12px 30px -12px rgba(255,93,114,.7);
  transition:transform .15s ease,box-shadow .15s ease;
}
.railcta:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px rgba(255,93,114,.8)}
.railcta__note{font-size:11.5px;color:var(--mut);text-align:center;margin:0 0 20px}

.qnav{list-style:none;margin:0;padding:0}
.qnav a{
  display:flex;align-items:center;gap:10px;color:var(--ink);font-size:14px;
  padding:8px 10px;border-radius:9px;transition:background .15s,color .15s;
}
.qnav a:hover{background:var(--panel);color:var(--brass)}
.qnav a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--burg);flex:0 0 auto}

.rail__age{margin-top:20px;font-size:11px;color:var(--mut);border-top:1px solid var(--line);padding-top:14px;line-height:1.5}
.rail__age .age18{color:var(--hot);font-family:"Staatliches",sans-serif;font-size:14px}

/* ===== RIGHT FLOW ===== */
.flow{min-width:0;padding:0}
.wrap{padding:46px 52px}
.wrap+.wrap{border-top:1px solid var(--line)}

.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--hot);margin:0 0 10px}
h2{font-size:clamp(27px,3.4vw,42px);margin:0 0 16px;color:var(--ink)}
h3{font-size:22px;margin:30px 0 10px;color:var(--brass)}
.lede{font-size:18px;color:#e6dbcd;max-width:66ch}

/* HERO */
.hero{background:
   radial-gradient(120% 120% at 100% 0%,rgba(176,48,72,.28),transparent 55%),
   radial-gradient(90% 90% at 0% 100%,rgba(201,162,74,.14),transparent 60%),
   var(--base2);
}
.hero__ribbon{display:inline-block;font-size:14px;letter-spacing:.14em;color:var(--brass);border:1px solid var(--line);border-radius:8px;padding:6px 12px;margin-bottom:16px}
h1{font-size:clamp(33px,4.6vw,60px);margin:0 0 18px;color:var(--ink);max-width:16ch}
.hero__btns{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 30px}
.btn{
  display:inline-block;font-family:"Staatliches",sans-serif;letter-spacing:.05em;font-size:20px;
  padding:13px 26px;border-radius:12px;transition:transform .15s,box-shadow .15s;
}
.btn--fill{background:linear-gradient(100deg,var(--hot),var(--burg));color:#1a0a0d;box-shadow:0 12px 28px -12px rgba(255,93,114,.7)}
.btn--fill:hover{transform:translateY(-2px)}
.btn--edge{border:1px solid var(--brass);color:var(--brass)}
.btn--edge:hover{background:rgba(201,162,74,.1)}

.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 14px}
.stat__n{font-size:29px;color:var(--brass);display:block}
.stat__l{font-size:12.5px;color:var(--mut)}

/* WELCOME split cards */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0}
.dep{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px 18px;overflow:hidden}
.dep::after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--hot),var(--burg))}
.dep__k{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.dep__pct{font-family:"Staatliches",sans-serif;font-size:38px;color:var(--hot);margin:4px 0 8px}
.dep__t{font-weight:600;margin-bottom:6px;color:var(--ink)}
.dep__d{font-size:13.5px;color:var(--mut);margin:0}

/* CATALOG grid */
.reels{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
.reel{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.reel__art{height:92px;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Staatliches",sans-serif;font-size:19px;color:#20120f;line-height:1;padding:6px}
.a1{background:linear-gradient(135deg,#d9a94b,#8f5a24)}
.a2{background:linear-gradient(135deg,#c8425f,#6d1730)}
.a3{background:linear-gradient(135deg,#5aa0c2,#243a55)}
.a4{background:linear-gradient(135deg,#8a6bd6,#2c2450)}
.a5{background:linear-gradient(135deg,#e08a45,#7a2d1c)}
.a6{background:linear-gradient(135deg,#57b98f,#1c4a3a)}
.a7{background:linear-gradient(135deg,#d7566f,#4a1725)}
.a8{background:linear-gradient(135deg,#c9a24a,#5d4318)}
.reel__b{padding:11px 12px 13px}
.reel__t{font-weight:600;font-size:14.5px;margin:0 0 3px}
.reel__p{font-size:12px;color:var(--mut);margin:0 0 9px}
.reel__go{font-size:12.5px;font-family:"Staatliches",sans-serif;letter-spacing:.05em;color:var(--hot)}

.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.chips span{font-size:12.5px;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.chips--lbl{margin-top:20px}
.chips__cap{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brass);width:100%;margin:0 0 2px}

/* LADDER (hierarchy) */
.ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:20px 0 8px}
.ladder__step{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:14px 10px;text-align:center;position:relative}
.ladder__step:nth-child(6){border-color:var(--hot)}
.ladder__badge{display:block;font-size:19px;color:var(--brass)}
.ladder__cb{font-size:12.5px;color:var(--hot);display:block;margin-top:3px}
.ladder__req{font-size:11px;color:var(--mut);display:block;margin-top:5px}
.perks{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:18px}
.perk{background:var(--base2);border:1px solid var(--line);border-radius:14px;padding:18px}
.perk h4{font-size:16px;color:var(--brass);margin:0 0 7px}
.perk p{font-size:14px;color:var(--mut);margin:0}

/* TOURNAMENT band */
.tband{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.tband div{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px}
.tband .tv{font-family:"Staatliches",sans-serif;font-size:27px;color:var(--brass);display:block;letter-spacing:.02em}
.tband em{font-style:normal;font-size:13px;color:var(--ink);display:block;margin:3px 0 1px}
.tband i{font-style:normal;font-size:12px;color:var(--mut)}

/* PAYMENTS */
.pays{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.pay{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 16px;display:flex;flex-direction:column;gap:3px}
.pay .pn{font-family:"Staatliches",sans-serif;font-size:19px;color:var(--brass);letter-spacing:.03em}
.pay span{font-size:12.5px;color:var(--mut)}
.speeds{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.speeds div{border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.speeds .sn{font-family:"Staatliches",sans-serif;font-size:22px;color:var(--hot);display:block}
.speeds span{font-size:12.5px;color:var(--mut)}

/* REVIEWS */
.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.note{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}
.note__stars{color:var(--brass);letter-spacing:2px;font-size:15px;margin-bottom:8px}
.note__stars .off{color:var(--line)}
.note__q{font-size:14px;color:#e6dbcd;margin:0 0 12px}
.note__by{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--mut)}
.note__av{width:28px;height:28px;border-radius:50%;background:linear-gradient(var(--burg),var(--brass));color:#1a0a0d;display:flex;align-items:center;justify-content:center;font-family:"Staatliches",sans-serif;font-size:15px}

/* BADGES */
.seals{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.seals span{font-size:12.5px;color:var(--ink);background:var(--base2);border:1px solid var(--line);border-radius:999px;padding:7px 14px}

/* FAQ */
.qa{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:var(--base2);overflow:hidden}
.qa summary{cursor:pointer;padding:15px 18px;font-weight:600;color:var(--ink);list-style:none;position:relative;padding-right:44px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:18px;top:12px;font-family:"Staatliches",sans-serif;font-size:24px;color:var(--hot)}
.qa[open] summary::after{content:"–"}
.qa p{padding:0 18px 16px;margin:0;font-size:14.5px;color:var(--mut)}

/* AUTHOR + FINAL */
.author{background:var(--base2)}
.author p{font-size:14.5px;color:var(--mut);max-width:74ch}
.final{text-align:center;background:
   radial-gradient(80% 120% at 50% 0%,rgba(176,48,72,.3),transparent 60%),var(--base2)}
.final h2{margin-bottom:10px}
.final p{color:var(--mut);max-width:52ch;margin:0 auto 22px}

/* FOOTER */
.foot{background:#0f0709;border-top:1px solid var(--line);padding:40px 52px}
.foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.foot__legal{font-size:12.5px;color:var(--mut);max-width:44ch;line-height:1.6}
.foot__name{font-family:"Staatliches",sans-serif;font-size:22px;color:var(--brass)}
.foot h5{font-family:"Staatliches",sans-serif;font-size:16px;color:var(--ink);margin:0 0 10px;letter-spacing:.03em}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{font-size:13px;color:var(--mut);padding:4px 0}
.foot__base{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--mut);display:grid;gap:10px;line-height:1.6}

/* ===== RESPONSIVE — stack ===== */
@media(max-width:1080px){
  .reels,.tband{grid-template-columns:repeat(2,1fr)}
  .statrow{grid-template-columns:repeat(2,1fr)}
  .ladder{grid-template-columns:repeat(3,1fr)}
  .notes,.trio,.pays,.speeds{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .shell{grid-template-columns:1fr}
  .rail{position:static;height:auto;border-right:none;border-bottom:1px solid var(--line)}
  .wrap{padding:34px 22px}
  .foot{padding:32px 22px}
  .foot__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .reels,.trio,.pays,.speeds,.notes,.perks,.tband,.statrow,.ladder,.foot__grid{grid-template-columns:1fr}
  body{font-size:16px}
  .wrap{padding:28px 16px}
}