/* ===========================================================
   Admiral X — admiralx-casino11.top
   Концепт: «хром-икс» — стальной гранд-зал / гоночный подиум
   Палитра: graphite-ink + chrome-silver + molten-gold
   Шрифты: Tektur (heading) + Sofia Sans (body)
   Semantic set (racing): dash/grid/gauge/tele/pit/launch/garage/
     podium/gp/paddock/bulletin/radio/fuel/lights/marshal/kerb
   =========================================================== */

:root{
  --ink:#0d0f13;
  --ink2:#0a0c10;
  --panel:#15181f;
  --panel2:#1b1f28;
  --line:#272d38;
  --chrome:#c9d3df;
  --chrome-2:#eef3f9;
  --steel:#8d99a8;
  --gold:#efbf38;
  --gold-2:#c9991f;
  --pearl:#eaeef4;
  --txt:#d3dae3;
  --muted:#93a0ae;
  --ok:#56d6a0;
  --rad:16px;
  --rad-s:11px;
  --maxw:1180px;
  --shadow:0 18px 48px rgba(0,0,0,.46);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Sofia Sans',system-ui,Arial,sans-serif;
  background:
    radial-gradient(1100px 540px at 82% -8%,rgba(239,191,56,.10),transparent 60%),
    radial-gradient(900px 520px at 8% 4%,rgba(201,211,223,.07),transparent 62%),
    var(--ink);
  color:var(--txt);
  line-height:1.62;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  letter-spacing:.1px;
}
a{color:var(--chrome-2);text-decoration:none}
h1,h2,h3,h4{font-family:'Tektur','Sofia Sans',system-ui,sans-serif;color:var(--pearl);line-height:1.14;font-weight:700;letter-spacing:.4px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
section{padding:62px 0;border-top:1px solid rgba(39,45,56,.6)}
.ovr{font-family:'Tektur',sans-serif;text-transform:uppercase;letter-spacing:3px;font-size:12px;color:var(--gold);display:inline-block;margin-bottom:14px}
.lead{color:var(--muted);max-width:760px;font-size:17px}
.gold{color:var(--gold)}
.chr{
  background:linear-gradient(180deg,var(--chrome-2),var(--chrome) 52%,#8f9cab);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ---- the crossed-X motif ---- */
.xmark{position:relative;display:inline-block;width:1.05em;height:1.05em;vertical-align:-.16em}
.xmark::before,.xmark::after{
  content:"";position:absolute;left:46%;top:0;width:14%;height:100%;border-radius:6px;
  background:linear-gradient(180deg,var(--chrome-2),var(--gold));
}
.xmark::before{transform:rotate(33deg)}
.xmark::after{transform:rotate(-33deg)}

/* ---- buttons ---- */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:'Tektur',sans-serif;font-weight:700;
  border-radius:12px;padding:14px 26px;font-size:15px;letter-spacing:.6px;cursor:pointer;border:1px solid transparent;transition:.18s;text-transform:uppercase}
.btn-gold{background:linear-gradient(180deg,#f6d062,var(--gold-2));color:#241a05;box-shadow:0 12px 26px rgba(239,191,56,.26)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(239,191,56,.36)}
.btn-ghost{background:rgba(201,211,223,.05);border-color:var(--line);color:var(--chrome-2)}
.btn-ghost:hover{border-color:var(--chrome);background:rgba(201,211,223,.1)}

/* ---- top dash (header) ---- */
.dash{position:sticky;top:0;z-index:40;background:rgba(10,12,16,.86);backdrop-filter:blur(11px);border-bottom:1px solid var(--line)}
.dash__in{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 22px;max-width:var(--maxw);margin:0 auto}
.dash__logo{display:flex;align-items:center;gap:11px;font-family:'Tektur',sans-serif;font-weight:700;font-size:20px;color:var(--pearl);letter-spacing:1px}
.dash__logo .hl{color:var(--gold);font-weight:700}
.hl{color:var(--gold);font-weight:inherit}
.dash__nav{display:flex;gap:22px;font-size:14px}
.dash__nav a{color:var(--muted);transition:.15s}
.dash__nav a:hover{color:var(--chrome-2)}
.dash__cta{display:flex;gap:10px}

/* ---- hero / grid ---- */
.grid{padding:54px 0 30px}
.grid__top{display:grid;grid-template-columns:1.34fr .9fr;gap:34px;align-items:center}
.grid h1{font-size:40px;margin:8px 0 16px}
.grid__sub{font-size:18px;color:var(--txt);max-width:620px;margin-bottom:24px}
.grid__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.grid__note{font-size:13px;color:var(--steel)}
.grid__panel{background:linear-gradient(165deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--rad);padding:22px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.grid__panel::after{content:"X";position:absolute;right:-18px;bottom:-40px;font-family:'Tektur',sans-serif;font-size:200px;font-weight:700;color:rgba(201,211,223,.05)}
.grid__panel h2{font-size:16px;color:var(--chrome);text-transform:uppercase;letter-spacing:2px;margin-bottom:14px}
.grid__big{font-family:'Tektur',sans-serif;font-size:34px;color:var(--gold);line-height:1.05}
.grid__big small{display:block;font-size:13px;color:var(--muted);font-family:'Sofia Sans';letter-spacing:0;text-transform:none;margin-top:6px}

/* quick-action gauges */
.gauge{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:18px}
.gauge a{display:block;background:rgba(13,15,19,.6);border:1px solid var(--line);border-radius:var(--rad-s);padding:13px 14px;transition:.16s}
.gauge a:hover{border-color:var(--gold);transform:translateY(-2px)}
.gauge .g-k{font-family:'Tektur',sans-serif;font-size:14px;color:var(--chrome-2);letter-spacing:.5px}
.gauge .g-v{font-size:12.5px;color:var(--muted);margin-top:3px}

/* ---- telemetry strip (aggregate KPI) ---- */
.tele{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:30px}
.tele div{background:linear-gradient(180deg,var(--panel),rgba(21,24,31,.5));border:1px solid var(--line);border-radius:var(--rad-s);padding:16px 14px;text-align:center}
.tele .t-n{font-family:'Tektur',sans-serif;font-size:23px;color:var(--gold)}
.tele .t-l{font-size:12px;color:var(--muted);margin-top:5px;letter-spacing:.4px}

/* ---- generic grids ---- */
.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cols-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.cols-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:linear-gradient(168deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--rad);padding:22px;transition:.18s}
.card:hover{border-color:rgba(201,211,223,.4);transform:translateY(-3px)}
.card h3{font-size:18px;margin-bottom:9px;color:var(--chrome-2)}
.card p{font-size:15px;color:var(--txt)}
h2.sec{font-size:29px;margin-bottom:8px}

/* ---- pit (welcome) ---- */
.pit__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.pit__dep{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--rad-s);padding:18px 16px;position:relative}
.pit__dep span{font-family:'Tektur',sans-serif;font-size:12px;color:var(--gold);letter-spacing:1px}
.pit__dep .p-pct{font-family:'Tektur',sans-serif;font-size:30px;color:var(--chrome-2);margin:6px 0 2px}
.pit__dep .p-fs{font-size:13px;color:var(--muted)}
.pit__terms{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.pit__terms li{list-style:none;background:rgba(13,15,19,.6);border:1px solid var(--line);border-radius:9px;padding:8px 13px;font-size:13.5px;color:var(--chrome)}
.pit__terms li .hl{color:var(--gold);font-weight:400}

/* ---- launch (steps) ---- */
.launch{counter-reset:st}
.launch .card{position:relative;padding-top:30px}
.launch .card::before{counter-increment:st;content:counter(st);position:absolute;top:-16px;left:20px;width:34px;height:34px;border-radius:9px;
  background:linear-gradient(180deg,#f6d062,var(--gold-2));color:#241a05;font-family:'Tektur',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:17px}

/* ---- garage (catalog) ---- */
.garage__cats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px}
.garage__slots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.garage__slots div{background:rgba(13,15,19,.62);border:1px solid var(--line);border-radius:var(--rad-s);padding:14px;transition:.15s}
.garage__slots div:hover{border-color:var(--gold)}
.garage__slots .s-t{font-family:'Tektur',sans-serif;font-size:14px;color:var(--chrome-2)}
.garage__slots .s-m{font-size:12px;color:var(--muted);margin-top:5px}
.garage__slots .s-r{font-size:12px;color:var(--gold);margin-top:6px;font-family:'Tektur',sans-serif}

/* ---- podium (VIP) ---- */
.podium__row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:22px}
.podium__row div{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--rad-s);padding:16px 11px;text-align:center;position:relative}
.podium__row .v-n{font-family:'Tektur',sans-serif;font-size:15px;color:var(--chrome-2);letter-spacing:.4px}
.podium__row .v-c{font-family:'Tektur',sans-serif;font-size:24px;color:var(--gold);margin-top:8px}
.podium__row .v-l{font-size:11px;color:var(--muted);margin-top:3px}

/* ---- gp (tournament) ---- */
.gp{background:
  radial-gradient(700px 280px at 78% 0,rgba(239,191,56,.12),transparent 65%),
  linear-gradient(165deg,var(--panel2),var(--ink2));border:1px solid var(--line);border-radius:var(--rad);padding:30px;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;margin-top:20px}
.gp__pool{font-family:'Tektur',sans-serif;font-size:44px;color:var(--gold);line-height:1}
.gp ul{margin-top:14px}
.gp li{list-style:none;padding:7px 0;border-bottom:1px dashed rgba(39,45,56,.8);font-size:14.5px;color:var(--txt)}
.gp li .hl{color:var(--chrome-2);font-weight:600}

/* ---- paddock (live) ---- */
.paddock__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}

/* ---- bulletin (brand overview) ---- */
.bulletin__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:22px}
.bulletin__grid .card h3{display:flex;align-items:center;gap:9px}

/* ---- radio (reviews) ---- */
.radio__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.radio__grid .card{display:flex;flex-direction:column}
.radio__who{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.radio__av{width:42px;height:42px;border-radius:11px;background:linear-gradient(140deg,var(--chrome),var(--gold));display:flex;align-items:center;justify-content:center;font-family:'Tektur',sans-serif;color:#241a05;font-size:17px}
.radio__who b{font-size:14px;color:var(--chrome-2);font-weight:600;display:block}
.radio__who span{font-size:12px;color:var(--steel)}
.stars{color:var(--gold);font-size:13px;letter-spacing:2px;margin-top:8px}

/* ---- fuel (cashier) ---- */
.fuel__tbl{width:100%;border-collapse:collapse;margin-top:20px;font-size:14.5px}
.fuel__tbl th,.fuel__tbl td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--line)}
.fuel__tbl th{font-family:'Tektur',sans-serif;color:var(--chrome);font-weight:700;font-size:12.5px;text-transform:uppercase;letter-spacing:1px}
.fuel__tbl td{color:var(--txt)}
.fuel__tbl td:nth-child(3){color:var(--gold)}
.fuel__tbl tr:hover td{background:rgba(201,211,223,.03)}

/* ---- marshal (faq) ---- */
.marshal details{background:linear-gradient(168deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--rad-s);padding:0 20px;margin-bottom:11px;transition:.16s}
.marshal details[open]{border-color:rgba(239,191,56,.5)}
.marshal summary{cursor:pointer;padding:17px 0;font-family:'Tektur',sans-serif;font-size:16px;color:var(--chrome-2);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.marshal summary::-webkit-details-marker{display:none}
.marshal summary::after{content:"+";color:var(--gold);font-size:22px;font-family:'Tektur',sans-serif}
.marshal details[open] summary::after{content:"–"}
.marshal details p{padding:0 0 18px;font-size:15px;color:var(--txt)}

/* ---- lights (pre-footer CTA) ---- */
.lights{background:
  radial-gradient(600px 240px at 50% 0,rgba(239,191,56,.14),transparent 60%),
  linear-gradient(165deg,var(--panel2),var(--ink2));border:1px solid var(--line);border-radius:var(--rad);padding:44px 28px;text-align:center;margin-top:8px}
.lights h2{font-size:30px;margin-bottom:12px}
.lights p{color:var(--muted);max-width:560px;margin:0 auto 22px}
.lights .btn{margin:0 6px}

/* ---- marshal note / author ---- */
.bulletin__note{background:rgba(21,24,31,.5);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:var(--rad-s);padding:22px 24px;margin-top:14px}
.bulletin__note p{font-size:14.5px;color:var(--muted);margin-bottom:10px}

/* ---- kerb (footer) ---- */
.kerb{background:var(--ink2);border-top:1px solid var(--line);padding:40px 0 30px;color:var(--steel);font-size:13.5px}
.kerb__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:26px}
.kerb h4{font-size:14px;color:var(--chrome);margin-bottom:12px;font-family:'Tektur',sans-serif;letter-spacing:.6px}
.kerb a{color:var(--muted);display:block;margin-bottom:7px}
.kerb a:hover{color:var(--chrome-2)}
.kerb__age{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:6px 12px;color:var(--chrome);font-family:'Tektur',sans-serif;font-size:13px;margin-bottom:14px}
.kerb__legal{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.7;color:var(--steel)}

/* ---- responsive ---- */
@media(max-width:920px){
  .grid__top{grid-template-columns:1fr}
  .tele{grid-template-columns:repeat(2,1fr)}
  .cols-3,.cols-4,.paddock__grid,.radio__grid,.garage__cats,.garage__slots,.bulletin__grid{grid-template-columns:1fr}
  .pit__grid{grid-template-columns:repeat(2,1fr)}
  .podium__row{grid-template-columns:repeat(3,1fr)}
  .gp,.grid__top{grid-template-columns:1fr}
  .dash__nav{display:none}
  .kerb__grid{grid-template-columns:1fr}
  .grid h1{font-size:31px}
}
@media(max-width:520px){
  .pit__grid,.podium__row{grid-template-columns:1fr 1fr}
  .gauge{grid-template-columns:1fr}
  .grid__big{font-size:27px}
}