/* ===== Адмирал Х / Admiral X — неоновый икс-салон =====
   Палитра: carbon + electric indigo × coral duotone
   Шрифты: Unbounded (heading) + Geologica (body) */

:root{
  --bg:#0c0d12;
  --bg2:#10121b;
  --panel:#15161f;
  --panel2:#1b1d29;
  --line:#272a3a;
  --ink:#ecebf5;
  --muted:#9a9bb0;
  --indigo:#5b63ff;
  --indigo-d:#3b3fb0;
  --coral:#ff6a4d;
  --coral-d:#c44a32;
  --ok:#2fd39c;
  --radius:16px;
  --maxw:1140px;
  --shadow:0 18px 50px rgba(0,0,0,.45);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(1100px 520px at 82% -8%, rgba(91,99,255,.16), transparent 60%),
    radial-gradient(900px 480px at 6% 4%, rgba(255,106,77,.12), transparent 55%),
    var(--bg);
  color:var(--ink);
  font-family:'Geologica',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-weight:400;
  font-size:17px;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
main{display:block}
img,svg{max-width:100%}
a{color:var(--indigo);text-decoration:none}

h1,h2,h3{
  font-family:'Unbounded',Georgia,serif;
  font-weight:700;
  line-height:1.16;
  letter-spacing:-.01em;
  margin:0 0 .5em;
}
h1{font-size:clamp(1.7rem,4.4vw,3rem);font-weight:800}
h2{font-size:clamp(1.4rem,3vw,2.05rem)}
h3{font-size:clamp(1.05rem,1.7vw,1.25rem)}
p{margin:0 0 1rem}

.jump{position:absolute;left:-999px;top:0;background:var(--indigo);color:#fff;padding:.6rem 1rem;border-radius:0 0 10px 0;z-index:50}
.jump:focus{left:0}

.ovr{
  font-family:'Unbounded',serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--coral);
  margin:0 0 .7rem;
}

/* ===== Buttons ===== */
.flash{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  font-family:'Unbounded',serif;font-weight:600;font-size:.92rem;
  padding:.7rem 1.25rem;border-radius:12px;border:1px solid transparent;
  cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease;
  white-space:nowrap;
}
.flash--big{padding:.95rem 1.7rem;font-size:1rem}
.flash--hot{
  background:linear-gradient(120deg,var(--coral),#ff8a5a);
  color:#1a0c08;box-shadow:0 12px 30px rgba(255,106,77,.32);
}
.flash--hot:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(255,106,77,.42)}
.flash--line{background:transparent;border-color:var(--indigo);color:var(--ink)}
.flash--line:hover{background:rgba(91,99,255,.12)}
.flash--ghost{background:rgba(91,99,255,.1);border-color:rgba(91,99,255,.45);color:var(--ink)}
.flash--ghost:hover{background:rgba(91,99,255,.2)}

/* ===== Header ===== */
.topx{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:1.2rem;
  padding:.7rem clamp(1rem,4vw,2rem);
  background:rgba(12,13,18,.82);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line);
}
.mark{display:flex;align-items:center;gap:.6rem;color:var(--ink)}
.mark__svg{width:40px;height:40px;flex:0 0 auto}
.mark__t{font-family:'Unbounded',serif;font-weight:800;font-size:1.05rem;line-height:1.05;display:flex;flex-direction:column}
.mark__sub{font-family:'Geologica',sans-serif;font-weight:400;font-size:.66rem;letter-spacing:.04em;color:var(--muted);margin-top:2px}
.tabs{margin-left:auto;display:flex;gap:1.15rem;flex-wrap:wrap}
.tabs a{color:var(--muted);font-size:.92rem;font-weight:500}
.tabs a:hover{color:var(--ink)}

/* ===== Layout primitives ===== */
section{max-width:var(--maxw);margin:0 auto;padding:clamp(2.6rem,6vw,4.4rem) clamp(1rem,4vw,2rem)}
.tally{max-width:var(--maxw);margin:0 auto;padding:1.2rem clamp(1rem,4vw,2rem) 0}

/* ===== Tally ===== */
.tally{display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem}
.tally__cell{
  background:linear-gradient(180deg,var(--panel),var(--bg2));
  border:1px solid var(--line);border-radius:14px;padding:.95rem 1rem;text-align:center;
}
.tally__num{display:block;font-family:'Unbounded',serif;font-weight:700;font-size:clamp(1rem,1.7vw,1.35rem);color:var(--ink)}
.tally__cap{display:block;font-size:.74rem;color:var(--muted);margin-top:.25rem}

/* ===== Marque (hero) ===== */
.marque{display:grid;grid-template-columns:1.5fr .9fr;gap:2.2rem;align-items:center}
.marque__flag{
  display:inline-block;font-size:.78rem;color:var(--muted);
  border:1px solid var(--line);border-radius:999px;padding:.3rem .85rem;margin-bottom:1rem;
}
.marque__sub{color:var(--muted);font-size:1.05rem;max-width:46ch}
.marque__acts{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}
.marque__kpi{list-style:none;margin:1.3rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.marque__kpi li{font-size:.86rem;color:var(--muted);border-left:2px solid var(--indigo);padding:.1rem 0 .1rem .8rem}
.marque__kpi span{display:block;font-family:'Unbounded',serif;font-weight:700;font-size:1.15rem;color:var(--ink)}

.marque__card{align-self:stretch}
.xcard{
  background:
    radial-gradient(120% 100% at 0% 0%, rgba(91,99,255,.14), transparent 55%),
    radial-gradient(120% 100% at 100% 100%, rgba(255,106,77,.12), transparent 55%),
    var(--panel);
  border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);
}
.xcard__t{font-family:'Unbounded',serif;font-weight:600;font-size:.95rem;margin-bottom:1rem;color:var(--ink)}
.xcard__row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;border-top:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.xq{font-family:'Unbounded',serif;font-weight:700;color:var(--ink);font-size:.98rem}
.xcard__note{margin:1rem 0 0;font-size:.82rem;color:var(--muted);line-height:1.5}

/* ===== Gateway ===== */
.gateway__intro,.bounty__intro,.arena__intro,.gale__intro,.vault__intro{color:var(--muted);max-width:74ch}
.gateway__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.6rem}
.door{
  background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.4rem;
  position:relative;overflow:hidden;
}
.door::before{content:"×";position:absolute;right:.7rem;top:.2rem;font-family:'Unbounded',serif;font-size:2.4rem;color:rgba(91,99,255,.18);font-weight:800}
.door h3{color:var(--ink)}
.door p{margin:0;font-size:.94rem;color:var(--muted)}

/* ===== Bounty ===== */
.bounty__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.6rem 0 1.2rem}
.depo{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:16px;padding:1.5rem}
.depo--mid{border-color:rgba(255,106,77,.5);box-shadow:0 0 0 1px rgba(255,106,77,.18)}
.depo__n{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}
.depo__big{font-family:'Unbounded',serif;font-weight:800;font-size:2.1rem;color:var(--coral);line-height:1;margin:0 0 .4rem}
.depo__big span{display:block;font-family:'Geologica',sans-serif;font-weight:500;font-size:.9rem;color:var(--ink);margin-top:.35rem}
.depo__fs{font-weight:600;color:var(--indigo);font-size:.92rem;margin:0 0 .7rem}
.depo__d{font-size:.88rem;color:var(--muted);margin:0}
.bounty__foot{color:var(--muted);font-size:.92rem;max-width:80ch;margin:0}

/* ===== Onboard ===== */
.steps{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;counter-reset:s}
.steps li{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.4rem;position:relative}
.steps__n{font-family:'Unbounded',serif;font-weight:800;font-size:1.4rem;color:var(--indigo)}
.steps h3{margin:.5rem 0 .4rem;color:var(--ink)}
.steps p{margin:0;font-size:.92rem;color:var(--muted)}

/* ===== Arena ===== */
.arena__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.6rem}
.shelf{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.35rem;transition:border-color .2s ease,transform .15s ease}
.shelf:hover{border-color:var(--indigo);transform:translateY(-3px)}
.shelf h3{color:var(--ink)}
.shelf p{margin:0;font-size:.9rem;color:var(--muted)}

/* ===== Gale (loyalty) ===== */
.gale__ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:.7rem;margin-top:1.6rem}
.rung{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:14px;padding:1.1rem .8rem;text-align:center}
.rung--top{border-color:var(--coral);box-shadow:0 0 26px rgba(255,106,77,.22)}
.rung__name{display:block;font-family:'Unbounded',serif;font-weight:700;font-size:.95rem;color:var(--ink)}
.rung__cash{display:block;font-family:'Unbounded',serif;font-weight:800;font-size:1.7rem;color:var(--indigo);margin:.4rem 0}
.rung--top .rung__cash{color:var(--coral)}
.rung__note{display:block;font-size:.7rem;color:var(--muted);line-height:1.35}

/* ===== Clash (tournament) ===== */
.clash p{color:var(--muted);max-width:82ch}
.clash__row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.6rem}
.clash__box{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.3rem;text-align:center}
.clash__box .xq{display:block;font-size:1.5rem;color:var(--coral)}
.clash__box span{display:block;font-size:.78rem;color:var(--muted);margin-top:.4rem}

/* ===== Floor (live) ===== */
.floor p{color:var(--muted);max-width:82ch}
.floor__list{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}
.floor__list li{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.95rem 1.1rem;font-size:.92rem;color:var(--muted)}
.floor__list span{display:block;font-family:'Unbounded',serif;font-weight:600;font-size:.82rem;color:var(--indigo);margin-bottom:.2rem}

/* ===== Brief ===== */
.brief__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.6rem}
.brief__col{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.4rem}
.brief__col h3{color:var(--ink)}
.brief__col p{margin:0;font-size:.92rem;color:var(--muted)}

/* ===== Verdicts (reviews) ===== */
.verdicts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.6rem}
.say{margin:0;background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:14px;padding:1.4rem}
.say__rate{color:var(--coral);letter-spacing:.12em;font-size:1.05rem;margin-bottom:.7rem}
.say blockquote{margin:0 0 .9rem;font-size:.94rem;color:var(--ink);line-height:1.55}
.say figcaption{font-size:.8rem;color:var(--muted)}

/* ===== Vault (cashier) ===== */
.vault__tbl{margin:1.6rem 0 1rem;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.vrow{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.4fr;gap:.5rem;padding:.85rem 1.1rem;border-top:1px solid var(--line);font-size:.92rem;align-items:center}
.vrow:first-child{border-top:0}
.vrow--head{background:var(--panel2);font-family:'Unbounded',serif;font-weight:600;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.vrow span:first-child{color:var(--ink);font-weight:600}
.vrow span{color:var(--muted)}
.vault__foot{color:var(--muted);font-size:.9rem;max-width:82ch;margin:0}

/* ===== Flare (pre-footer CTA) ===== */
.flare{text-align:center;background:
    radial-gradient(80% 140% at 50% 0%, rgba(91,99,255,.18), transparent 60%),
    var(--bg2);
  border:1px solid var(--line);border-radius:22px;max-width:var(--maxw);
  margin:1rem auto;padding:clamp(2.4rem,5vw,3.6rem) 1.5rem;
}
.flare h2{margin-bottom:.6rem}
.flare p{color:var(--muted);max-width:60ch;margin:0 auto 1.6rem}

/* ===== Asks (faq) ===== */
.asks__list{margin-top:1.6rem;display:grid;gap:.65rem}
.asks details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.2rem .2rem}
.asks summary{cursor:pointer;list-style:none;padding:1rem 1.2rem;font-weight:600;color:var(--ink);position:relative;font-size:.98rem}
.asks summary::-webkit-details-marker{display:none}
.asks summary::after{content:"+";position:absolute;right:1.2rem;top:.9rem;color:var(--coral);font-family:'Unbounded',serif;font-size:1.3rem}
.asks details[open] summary::after{content:"×"}
.asks details p{margin:0;padding:0 1.2rem 1.1rem;color:var(--muted);font-size:.93rem}

/* ===== Penned (author note) ===== */
.penned{background:var(--panel);border:1px solid var(--line);border-radius:18px;max-width:var(--maxw);margin:1rem auto}
.penned p{color:var(--muted);max-width:90ch}

/* ===== Footer ===== */
.base{border-top:1px solid var(--line);background:var(--bg2);margin-top:2rem}
.base__grid{max-width:var(--maxw);margin:0 auto;padding:2.6rem clamp(1rem,4vw,2rem) 1.2rem;display:grid;grid-template-columns:1.6fr 1fr 1.4fr;gap:1.6rem}
.base__brand{font-family:'Unbounded',serif;font-weight:800;font-size:1.1rem;color:var(--ink);margin-bottom:.5rem}
.base__col p{font-size:.88rem;color:var(--muted);margin:0 0 .5rem}
.base__h{font-family:'Unbounded',serif;font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)!important;margin-bottom:.7rem!important}
.base__col a{display:block;color:var(--muted);font-size:.88rem;margin-bottom:.4rem}
.base__col a:hover{color:var(--indigo)}
.base__legal{max-width:var(--maxw);margin:0 auto;padding:1.2rem clamp(1rem,4vw,2rem) 2.4rem;font-size:.78rem;color:#70718a;border-top:1px solid var(--line);line-height:1.6}

/* ===== Responsive ===== */
@media(max-width:980px){
  .marque{grid-template-columns:1fr}
  .marque__card{order:-1}
  .gale__ladder{grid-template-columns:repeat(3,1fr)}
  .clash__row{grid-template-columns:repeat(2,1fr)}
  .tally{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  body{font-size:16px}
  .tabs{display:none}
  .gateway__grid,.bounty__grid,.steps,.arena__grid,.brief__grid,.verdicts__grid,.floor__list{grid-template-columns:1fr}
  .gale__ladder{grid-template-columns:repeat(2,1fr)}
  .tally{grid-template-columns:repeat(2,1fr)}
  .vrow{grid-template-columns:1fr 1fr;row-gap:.2rem}
  .vrow span:first-child{grid-column:1/-1}
  .base__grid{grid-template-columns:1fr}
}