/* Адмирал Х / Admiral X — admx5281.buzz
   Концепт: гранатовый рубиново-алый икс-салон. Gemfire / lapidary CSS set.
   Фокус контента — официальный сайт, вход и рабочее зеркало. */

:root{
  --ink:#14090c;
  --panel:#21101a;
  --panel2:#2a1320;
  --garnet:#d8203f;
  --scarlet:#ff5566;
  --pearl:#f4e7ea;
  --muted:#b08a92;
  --line:rgba(216,32,63,.20);
  --line2:rgba(255,85,102,.34);
  --shadow:0 20px 54px rgba(0,0,0,.5);
  --rad:17px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.gemfire{
  margin:0;
  background:
    radial-gradient(1150px 580px at 84% -10%, rgba(216,32,63,.16), transparent 60%),
    radial-gradient(880px 500px at -8% 10%, rgba(255,85,102,.07), transparent 55%),
    var(--ink);
  color:var(--pearl);
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-weight:400;
  line-height:1.64;
  letter-spacing:.08px;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:'Vollkorn',Georgia,serif;font-weight:700;line-height:1.2;letter-spacing:.1px;margin:0}
.cleft{color:var(--garnet);padding:0 .26em;font-weight:700}

/* ---------- shared ---------- */
main>section{max-width:1140px;margin:0 auto;padding:64px 22px;border-bottom:1px solid var(--line)}
.ember{
  font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:3px;
  font-size:.71rem;color:var(--garnet);margin:0 0 14px;font-weight:700;
}
h2{font-size:clamp(1.5rem,3.1vw,2.15rem);margin-bottom:18px}
h3{font-size:1.07rem}
p{margin:0 0 14px}

/* ---------- buttons ---------- */
.fire,.ash{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;
  padding:14px 26px;border-radius:999px;font-family:'Montserrat',sans-serif;font-weight:700;
  font-size:.95rem;letter-spacing:.3px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
}
.fire{
  background:linear-gradient(135deg,var(--garnet),var(--scarlet));
  color:#1a0508;box-shadow:0 13px 32px rgba(216,32,63,.36);
}
.fire:hover{transform:translateY(-2px);box-shadow:0 17px 42px rgba(255,85,102,.5)}
.ash{background:transparent;color:var(--pearl);border:1px solid var(--line2)}
.ash:hover{background:rgba(216,32,63,.10);border-color:var(--garnet)}

/* ---------- mark / logo ---------- */
.ridgebar__cleft{
  width:30px;height:30px;flex:0 0 30px;display:inline-block;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpolygon points='32,4 58,32 32,60 6,32' fill='none' stroke='%23d8203f' stroke-width='3'/%3E%3Cpath d='M22 22 L42 42 M42 22 L22 42' stroke='%23ff5566' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* ---------- header / ridgebar ---------- */
.ridgebar{
  position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:22px;
  padding:14px 26px;backdrop-filter:blur(12px);
  background:rgba(20,9,12,.84);border-bottom:1px solid var(--line);
}
.ridgebar__logo{display:flex;align-items:center;gap:11px;font-family:'Vollkorn',serif;font-weight:700;font-size:1.05rem;letter-spacing:.3px}
.ridgebar__nav{display:flex;gap:22px;margin-left:auto;font-size:.92rem;color:var(--muted)}
.ridgebar__nav a:hover{color:var(--scarlet)}
.ridgebar__cta{padding:10px 20px;font-size:.87rem}

/* ---------- hero / facet ---------- */
.facet{display:grid;grid-template-columns:1.25fr .9fr;gap:42px;align-items:center;padding-top:54px!important}
.facet h1{font-size:clamp(1.7rem,4.1vw,2.65rem);font-weight:800;margin-bottom:18px}
.facet__lead{color:#f0d8de;font-size:1.05rem;max-width:55ch}
.facet__cta{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0 30px}
.carbide{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.carbide__cell{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.carbide__n{display:block;font-family:'Vollkorn',serif;font-weight:800;font-size:1.4rem;color:var(--scarlet)}
.carbide__t{display:block;font-size:.81rem;color:var(--muted)}
.facet__panel{background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-radius:var(--rad);padding:26px;box-shadow:var(--shadow)}
.facet__svg{display:flex;justify-content:center;margin-bottom:18px}
.facet__svg svg{width:158px;height:158px}
.facet__jumps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.facet__jump{display:flex;flex-direction:column;gap:3px;background:rgba(20,9,12,.6);border:1px solid var(--line);border-radius:13px;padding:13px 15px;transition:border-color .2s,transform .15s}
.facet__jump:hover{border-color:var(--garnet);transform:translateY(-2px)}
.facet__jump span:first-child{font-family:'Vollkorn',serif;font-weight:700;font-size:1rem}
.facet__jump-h{font-size:.78rem;color:var(--muted)}

/* ---------- aggregate strip / seam ---------- */
.seam{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}
.seam__cell{padding:20px 16px;text-align:center;border-right:1px solid var(--line)}
.seam__cell:last-child{border-right:none}
.seam__n{display:block;font-family:'Vollkorn',serif;font-weight:800;font-size:1.35rem;color:var(--garnet)}
.seam__t{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}

/* ---------- welcome / ignite ---------- */
.ignite__intro,.lapidary__intro,.pyre__intro,.crucible__intro,.salle__intro,.counter__intro{color:#ecd2d8;max-width:74ch}
.ignite__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0 18px}
.ignite__lump{background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--rad);padding:22px;transition:transform .15s,border-color .2s}
.ignite__lump:hover{transform:translateY(-3px);border-color:var(--line2)}
.ignite__step{font-family:'Montserrat',sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:.73rem;color:var(--muted);margin:0 0 8px}
.ignite__pct{font-family:'Vollkorn',serif;font-weight:800;font-size:2rem;color:var(--scarlet);margin:0}
.ignite__sum{font-weight:700;margin:6px 0 10px}
.ignite__note{font-size:.88rem;color:var(--muted);margin:0}
.ignite__fine,.lapidary__fine,.crucible__fine,.counter__fine{font-size:.85rem;color:var(--muted);max-width:80ch}

/* ---------- steps / notch ---------- */
.notch__row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.notch__step{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:22px;position:relative}
.notch__num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(216,32,63,.13);color:var(--scarlet);font-family:'Vollkorn',serif;font-weight:800;margin-bottom:12px}
.notch__step h3{margin-bottom:8px}
.notch__step p{margin:0;color:#ecd2d8;font-size:.92rem}

/* ---------- catalog / lapidary ---------- */
.lapidary__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 18px}
.gem{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:16px;transition:transform .15s,border-color .2s,box-shadow .2s}
.gem:hover{transform:translateY(-3px);border-color:var(--garnet);box-shadow:0 12px 26px rgba(216,32,63,.18)}
.gem h3{font-size:.97rem;margin-bottom:6px}
.gem__by{font-size:.8rem;color:var(--garnet);margin:0 0 8px}
.gem__m{font-size:.8rem;color:var(--muted);margin:0;line-height:1.45}

/* ---------- vip / pyre ---------- */
.pyre__tiers{display:grid;gap:10px;margin-top:22px}
.pyre__rank{display:grid;grid-template-columns:1fr 1fr 1.4fr;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px 20px;transition:border-color .2s}
.pyre__rank:hover{border-color:var(--line2)}
.pyre__rank h3{font-size:1.05rem;color:var(--scarlet)}
.pyre__cb{font-family:'Montserrat',sans-serif;font-weight:700;color:var(--garnet)}
.pyre__req{font-size:.86rem;color:var(--muted);text-align:right}

/* ---------- tournament / crucible ---------- */
.crucible__pl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 16px}
.crucible__seat{display:flex;flex-direction:column;gap:8px;background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:15px;padding:18px}
.crucible__seat span:first-child{font-family:'Montserrat',sans-serif;font-weight:700;color:var(--muted);font-size:.85rem;text-transform:uppercase;letter-spacing:1.4px}
.crucible__pz{font-family:'Vollkorn',serif;font-weight:800;color:var(--scarlet);font-size:1.03rem}

/* ---------- live / salle ---------- */
.salle__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.salle__cat{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:22px}
.salle__cat h3{margin-bottom:8px;color:var(--scarlet)}
.salle__cat p{margin:0;color:#ecd2d8;font-size:.92rem}

/* ---------- official site nav / signpost ---------- */
.signpost__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}
.signpost__item{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:22px;transition:border-color .2s}
.signpost__item:hover{border-color:var(--line2)}
.signpost__item h3{margin-bottom:10px;color:var(--scarlet)}
.signpost__item p{margin:0;color:#ecd2d8;font-size:.93rem}

/* ---------- reviews / testify ---------- */
.testify__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.testify__card{background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--rad);padding:22px;margin:0}
.testify__stars{color:var(--garnet);letter-spacing:3px;margin:0 0 10px}
.testify__card blockquote{margin:0 0 12px;font-size:.94rem;color:#f0dce1}
.testify__card figcaption{font-size:.84rem;color:var(--muted)}

/* ---------- cashier / counter ---------- */
.counter__tbl{width:100%;border-collapse:collapse;margin:22px 0 16px;font-size:.92rem;background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);overflow:hidden}
.counter__tbl th,.counter__tbl td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
.counter__tbl thead th{font-family:'Montserrat',sans-serif;color:var(--garnet);text-transform:uppercase;letter-spacing:1px;font-size:.77rem}
.counter__tbl tbody tr:last-child td{border-bottom:none}
.counter__tbl tbody td:first-child{font-weight:700}

/* ---------- license / seal ---------- */
.seal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.seal__item{background:var(--panel);border:1px solid var(--line);border-radius:var(--rad);padding:22px}
.seal__item h3{margin-bottom:9px;color:var(--scarlet)}
.seal__item p{margin:0;color:#ecd2d8;font-size:.9rem}

/* ---------- faq / faqgem ---------- */
.faqgem__list{display:grid;gap:10px;margin-top:22px}
.faqgem{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:4px 20px;transition:border-color .2s}
.faqgem[open]{border-color:var(--line2)}
.faqgem summary{cursor:pointer;padding:14px 0;font-family:'Vollkorn',serif;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faqgem summary::-webkit-details-marker{display:none}
.faqgem summary::after{content:'+';color:var(--garnet);font-size:1.3rem;font-weight:700;transition:transform .2s}
.faqgem[open] summary::after{transform:rotate(45deg)}
.faqgem p{margin:0 0 16px;color:#ecd2d8;font-size:.92rem}

/* ---------- author note / colophon ---------- */
.colophon{background:rgba(33,16,26,.5)}
.colophon p{color:#ecd2d8;max-width:88ch;font-size:.95rem}

/* ---------- footer / foundry ---------- */
.foundry{max-width:1140px;margin:0 auto;padding:44px 22px 60px}
.foundry__top{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;margin-bottom:22px}
.foundry__brand{display:flex;align-items:center;gap:11px;font-family:'Vollkorn',serif;font-weight:700}
.foundry__nav{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.9rem}
.foundry__nav a:hover{color:var(--scarlet)}
.foundry__legal,.foundry__age{font-size:.82rem;color:var(--muted);max-width:96ch;margin:0 0 10px}

/* ---------- heading font override ---------- */
h1,h2,h3,h4,
.facet h1,.ignite h2,.lapidary h2,.pyre h2,.crucible h2,.salle h2,
.signpost h2,.testify h2,.counter h2,.seal h2,.faqgem h2,.colophon h2,
.gem h3,.notch__step h3,.pyre__rank h3,.salle__cat h3,.signpost__item h3,.seal__item h3{
  font-family:'Vollkorn',Georgia,serif;
}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .facet{grid-template-columns:1fr;gap:30px}
  .seam{grid-template-columns:repeat(2,1fr)}
  .seam__cell:nth-child(2){border-right:none}
  .ignite__grid,.notch__row,.salle__grid,.testify__grid,.seal__grid,.crucible__pl{grid-template-columns:1fr}
  .lapidary__grid{grid-template-columns:repeat(2,1fr)}
  .signpost__grid{grid-template-columns:1fr}
  .pyre__rank{grid-template-columns:1fr 1fr;gap:8px}
  .pyre__req{grid-column:1/-1;text-align:left}
}
@media(max-width:620px){
  .ridgebar__nav{display:none}
  .carbide,.facet__jumps{grid-template-columns:1fr}
  .lapidary__grid{grid-template-columns:1fr}
  .seam{grid-template-columns:1fr}
  .seam__cell{border-right:none;border-bottom:1px solid var(--line)}
}
