/* 7К Казино — 7k0a6y.casino
   Концепт: монетный двор, штемпель и чеканка кружка.
   Палитра: антрацит #111214 + латунь #c9a227 + слоновая кость #f2ece0.
   Префикс классов .mint- */

:root{
  --coal:#111214;
  --coal2:#17181a;
  --coal3:#1d1f23;
  --edge:#2a2c31;
  --edge2:#3d4048;
  --brass:#c9a227;
  --brass-hi:#e8cb63;
  --brass-lo:#8a6f18;
  --ivory:#f2ece0;
  --mute:#9b968b;
  --slab:'Zilla Slab', Georgia, 'Times New Roman', serif;
  --sans:'Rubik', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --oct:14px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:
    repeating-linear-gradient(115deg, rgba(201,162,39,.030) 0 1px, transparent 1px 9px),
    radial-gradient(760px 420px at 92% -6%, rgba(201,162,39,.13), transparent 66%),
    var(--coal);
  color:var(--ivory);
  font:400 17px/1.64 var(--sans);
}
img,svg{max-width:100%}
a{color:var(--brass-hi);text-decoration:none}
a:hover{color:var(--ivory)}
p{margin:0 0 14px}
ul{margin:0 0 14px;padding-left:20px}
li{margin-bottom:7px}

h1,h2,h3,h4{font-family:var(--slab);font-weight:600;margin:0;letter-spacing:-.005em}
h1{font-size:clamp(29px,4.1vw,49px);line-height:1.11}
h2{font-size:clamp(24px,2.9vw,35px);line-height:1.16}
h3{font-size:19.5px;line-height:1.28;font-weight:500}
h4{font-size:16px;line-height:1.3;font-weight:500}

/* ---------- восьмигранник кружка ---------- */
.mint-oct{
  clip-path:polygon(
    var(--oct) 0, calc(100% - var(--oct)) 0,
    100% var(--oct), 100% calc(100% - var(--oct)),
    calc(100% - var(--oct)) 100%, var(--oct) 100%,
    0 calc(100% - var(--oct)), 0 var(--oct));
}
/* гурт — насечка по верхней кромке блока */
.mint-reed{
  background-image:repeating-linear-gradient(90deg,
    var(--brass) 0 2px, transparent 2px 7px);
  height:3px;
}

.mint-skip{position:absolute;left:-9999px}
.mint-skip:focus{left:12px;top:10px;z-index:40;background:var(--brass);color:#131313;padding:12px 16px}

/* ---------- шапка: логотип слева, нав справа, штанга латуни снизу ---------- */
.mint-bar{
  position:sticky;top:0;z-index:30;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  padding:11px clamp(15px,4vw,54px);
  background:rgba(17,18,20,.93);
  border-bottom:1px solid var(--edge);
  backdrop-filter:blur(8px);
}
.mint-bar::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;
  background-image:repeating-linear-gradient(90deg,var(--brass) 0 2px,transparent 2px 7px);opacity:.55}
.mint-brand{display:flex;align-items:center;gap:11px;color:var(--ivory);min-height:44px}
.mint-brand__die{width:40px;height:40px;flex:none}
.mint-brand__n{font-family:var(--slab);font-size:24px;font-weight:600;line-height:1;display:block}
.mint-brand__s{display:block;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-top:4px}
.mint-nav{display:flex;flex-wrap:wrap;gap:4px 16px;margin-left:auto;font-size:14.5px}
.mint-nav a{color:var(--mute);min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}
.mint-nav a:hover{color:var(--ivory);border-bottom-color:var(--brass)}

/* ---------- кнопки ---------- */
.mint-cta{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 28px;
  background:linear-gradient(168deg,var(--brass-hi),var(--brass) 55%,var(--brass-lo));
  color:#141310;font-weight:500;font-size:16.5px;
  border:1px solid var(--brass-hi);
  clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);
  transition:filter .18s ease, transform .18s ease;
}
.mint-cta:hover{color:#141310;filter:brightness(1.12);transform:translateY(-1px)}
.mint-cta--sm{min-height:44px;padding:9px 18px;font-size:14.5px;flex:none}
.mint-cta--line{
  background:none;color:var(--ivory);border:1px solid var(--edge2);
}
.mint-cta--line:hover{color:var(--ivory);border-color:var(--brass);filter:none}

/* ---------- каркас секции: левая колонка-штемпель + контент ---------- */
.mint-sec{
  max-width:1270px;margin:0 auto;
  padding:clamp(42px,5.4vw,80px) clamp(15px,4vw,54px);
  display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 30px;
  border-top:1px solid var(--edge);
}
.mint-sec:first-of-type{border-top:0}
.mint-stamp{
  font-family:var(--slab);font-size:13px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brass);writing-mode:vertical-rl;transform:rotate(180deg);
  align-self:start;padding-top:4px;white-space:nowrap;
}
.mint-body{min-width:0}
.mint-over{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin:0 0 11px}
.mint-lead{color:var(--mute);font-size:16.5px;max-width:78ch;margin-top:12px}
.mint-note{color:var(--mute);font-size:14.5px;margin-top:16px}

/* ---------- герой ---------- */
.mint-hero{border-top:0}
.mint-hero__grid{display:grid;grid-template-columns:1.42fr .95fr;gap:38px;align-items:center}
.mint-hero p.mint-lead{color:#cfc9bd;font-size:17.5px}
.mint-hero__btns{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 26px}
.mint-kpi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.mint-kpi li{
  margin:0;padding:14px 13px;background:var(--coal2);border:1px solid var(--edge);
  font-size:13.5px;color:var(--mute);line-height:1.35;
  clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
}
.mint-kpi span{display:block;font-family:var(--slab);font-size:24px;color:var(--brass);margin-bottom:3px}
.mint-hero__die{display:flex;justify-content:center}
.mint-hero__die svg{width:100%;max-width:340px;height:auto}

.mint-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.mint-q{
  background:var(--coal2);border:1px solid var(--edge);padding:20px 20px 18px;
  border-left:3px solid var(--brass);
}
.mint-q h4{color:var(--ivory);margin-bottom:8px}
.mint-q p{font-size:14.8px;color:var(--mute);margin-bottom:12px}
.mint-q a{font-size:14.5px}

/* ---------- welcome: четыре штемпеля ---------- */
.mint-deps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.mint-dep{background:var(--coal2);border:1px solid var(--edge);padding:0 0 18px;overflow:hidden}
.mint-dep__top{padding:14px 18px 12px;background:linear-gradient(180deg,rgba(201,162,39,.16),transparent)}
.mint-dep__i{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin:0 0 6px}
.mint-dep__v{font-family:var(--slab);font-size:26px;color:var(--ivory);line-height:1.1}
.mint-dep p{padding:0 18px;font-size:14.6px;color:var(--mute);margin:12px 0 0}
.mint-terms{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;list-style:none;padding:0}
.mint-terms li{
  margin:0;padding:9px 15px;background:var(--coal3);border:1px solid var(--edge2);
  font-size:14.2px;color:var(--ivory);
}
.mint-terms li em{font-style:normal;color:var(--brass)}

/* ---------- каталог: плитка кружков ---------- */
.mint-grid12{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:26px}
.mint-slot{
  background:var(--coal2);border:1px solid var(--edge);padding:17px 16px 15px;
  clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% 100%,13px 100%,0 calc(100% - 13px),0 13px);
}
.mint-slot h3{color:var(--ivory);font-size:17px;margin-bottom:7px}
.mint-slot p{font-size:14px;color:var(--mute);margin:0}
.mint-slot__m{display:block;margin-top:9px;font-size:12.5px;letter-spacing:.08em;color:var(--brass);text-transform:uppercase}

/* ---------- три шага ---------- */
.mint-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px;counter-reset:st}
.mint-step{position:relative;background:var(--coal2);border:1px solid var(--edge);padding:26px 20px 18px}
.mint-step::before{
  counter-increment:st;content:"0" counter(st);
  position:absolute;top:-15px;left:18px;
  font-family:var(--slab);font-size:15px;color:#141310;background:var(--brass);
  padding:5px 11px;letter-spacing:.06em;
}
.mint-step h3{margin-bottom:8px}
.mint-step p{font-size:14.8px;color:var(--mute);margin:0}

/* ---------- таблицы ---------- */
.mint-scroll{overflow-x:auto;margin-top:24px;-webkit-overflow-scrolling:touch;border:1px solid var(--edge)}
table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px}
caption{text-align:left;padding:12px 14px;color:var(--mute);font-size:14px;border-bottom:1px solid var(--edge)}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--edge)}
thead th{background:var(--coal3);color:var(--brass);font-family:var(--slab);font-weight:500;font-size:14.5px;letter-spacing:.03em}
tbody tr:nth-child(even){background:rgba(255,255,255,.016)}
tbody td:first-child{color:var(--ivory)}
td{color:var(--mute)}

/* ---------- live ---------- */
.mint-live{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.mint-lv{background:var(--coal2);border-top:3px solid var(--brass);border-right:1px solid var(--edge);
  border-bottom:1px solid var(--edge);border-left:1px solid var(--edge);padding:18px 17px}
.mint-lv h3{font-size:17.5px;margin-bottom:8px}
.mint-lv p{font-size:14.5px;color:var(--mute);margin:0}

/* ---------- турнир ---------- */
.mint-tour__box{
  margin-top:24px;padding:26px clamp(18px,3vw,34px);
  background:linear-gradient(135deg,rgba(201,162,39,.15),rgba(29,31,35,.85) 58%);
  border:1px solid var(--brass-lo);
}
.mint-tour__f{font-family:var(--slab);font-size:clamp(30px,5vw,52px);color:var(--brass-hi);line-height:1.05}
.mint-tour__l{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mint-tour__l li{margin:0;font-size:14.6px;color:var(--mute);border-left:2px solid var(--brass);padding-left:12px}
.mint-tour__l b,.mint-tour__l .mint-tour__n{display:block;font-weight:400;font-family:var(--slab);font-size:19px;color:var(--ivory)}

/* ---------- доступ: 6 подсекций в две колонки ---------- */
.mint-acc{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;margin-top:22px}
.mint-acc article{padding:22px 0;border-top:1px solid var(--edge)}
.mint-acc h3{color:var(--ivory);margin-bottom:9px}
.mint-acc p{font-size:15.3px;color:var(--mute);margin:0}

/* ---------- отзывы ---------- */
.mint-revs{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:26px}
.mint-rev{background:var(--coal2);border:1px solid var(--edge);padding:20px 19px;
  clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}
.mint-rev p{font-size:14.9px;color:#d6d0c4}
.mint-rev__w{font-size:13.4px;color:var(--mute);margin:0;padding-top:10px;border-top:1px solid var(--edge)}
.mint-rev__w em{font-style:normal;color:var(--brass)}

/* ---------- финальный призыв ---------- */
.mint-final .mint-body{
  background:var(--coal2);border:1px solid var(--edge2);
  padding:clamp(26px,4vw,46px);
}
.mint-final__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* ---------- FAQ ---------- */
.mint-faq details{border-bottom:1px solid var(--edge);padding:2px 0}
.mint-faq summary{
  cursor:pointer;list-style:none;padding:15px 34px 15px 0;position:relative;
  font-family:var(--slab);font-size:17.5px;color:var(--ivory);min-height:44px;
}
.mint-faq summary::-webkit-details-marker{display:none}
.mint-faq summary::after{content:"+";position:absolute;right:6px;top:13px;color:var(--brass);font-size:22px;font-family:var(--sans)}
.mint-faq details[open] summary::after{content:"–"}
.mint-faq details p{font-size:15.3px;color:var(--mute);padding:0 34px 14px 0;margin:0}

/* ---------- заметка автора ---------- */
.mint-author .mint-body{border-left:3px solid var(--brass);padding-left:22px}
.mint-author p{color:var(--mute);font-size:15.4px;max-width:88ch}

/* ---------- 18+ полоса ---------- */
.mint-age{
  max-width:1270px;margin:0 auto;padding:20px clamp(15px,4vw,54px) 26px;
  display:flex;gap:16px;align-items:flex-start;color:var(--mute);font-size:14.4px;
}
.mint-age__b{
  flex:none;font-family:var(--slab);font-size:19px;color:#141310;background:var(--brass);
  padding:7px 12px;line-height:1;
}

/* ---------- подвал ---------- */
.mint-foot{border-top:1px solid var(--edge);background:#0d0e10}
.mint-foot__in{max-width:1270px;margin:0 auto;padding:34px clamp(15px,4vw,54px) 40px}
.mint-foot__g{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.mint-foot h4{color:var(--brass);margin-bottom:9px;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
.mint-foot p{font-size:14.2px;color:var(--mute);margin:0 0 9px}
.mint-foot__c{margin-top:26px;padding-top:16px;border-top:1px solid var(--edge);font-size:13.4px;color:#6f6b63}

/* ---------- адаптация ---------- */
@media (max-width:1080px){
  .mint-grid12{grid-template-columns:repeat(3,1fr)}
  .mint-live,.mint-deps{grid-template-columns:repeat(2,1fr)}
  .mint-tour__l{grid-template-columns:repeat(2,1fr)}
  .mint-hero__grid{grid-template-columns:1fr}
  .mint-hero__die{order:-1;justify-content:flex-start}
  .mint-hero__die svg{max-width:230px}
}
@media (max-width:860px){
  .mint-sec{grid-template-columns:1fr;gap:0}
  .mint-stamp{writing-mode:horizontal-tb;transform:none;margin-bottom:14px}
  .mint-kpi{grid-template-columns:repeat(2,1fr)}
  .mint-quick,.mint-steps,.mint-revs{grid-template-columns:1fr 1fr}
  .mint-acc{grid-template-columns:1fr}
  .mint-foot__g{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  body{font-size:16.5px}
  .mint-bar{gap:10px}
  .mint-nav{width:100%;margin-left:0;gap:0 14px;font-size:14px}
  .mint-kpi,.mint-quick,.mint-deps,.mint-grid12,.mint-steps,.mint-live,
  .mint-revs,.mint-tour__l,.mint-foot__g,.mint-acc{grid-template-columns:1fr}
  .mint-cta,.mint-cta--sm{width:100%;min-height:50px}
  .mint-bar .mint-cta--sm{width:auto}
  .mint-hero__btns .mint-cta{width:100%}
  .mint-terms li{width:100%}
  .mint-author .mint-body{padding-left:15px}
  .mint-age{flex-direction:column}
}