/* game-aviator.club — CRASH REPLAY shared styles */
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Rajdhani-600.woff2) format('woff2')}
@font-face{font-family:'Rajdhani';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Rajdhani-700.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Figtree-var.woff2) format('woff2-variations')}

:root{
  --ground:#140B0E;--panel:#1C1013;--cell:#241419;--cell2:#2E1A20;
  --seam:rgba(255,255,255,.09);--seamred:rgba(229,42,61,.38);
  --ink0:#F6EFF0;--ink1:#C9AFB5;
  --jet:#E52A3D;--jetlite:#FF5F70;--coin:#FFC43D;--coindeep:#E3A92B;--coinink:#2A1A00;
  --wgreen:#25D366;--wink:#04250F;
  --round:16px;--hf:'Rajdhani',system-ui,sans-serif;--bf:'Figtree',system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip}
body{overflow-x:clip;max-width:100%;margin:0;color:var(--ink0);font-family:var(--bf);font-size:1.03rem;line-height:1.7;
  background:var(--ground);
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:56px 56px}
main{max-width:100%;overflow-x:clip}
img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--hf);line-height:1.18;color:#fff;letter-spacing:.01em}
a{color:var(--jetlite)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coin);outline-offset:2px;border-radius:4px}
.skip-link{position:absolute;left:-9999px;top:0;background:var(--coin);color:var(--coinink);padding:10px 16px;font-weight:700;z-index:99}
.skip-link:focus{left:0}

/* header: logo bar + sticky pill rail (no burger, no JS) */
.topdeck{background:var(--panel);border-bottom:1px solid var(--seam);text-align:center;padding:14px 12px}
.topdeck .brand{display:inline-flex;align-items:center;min-height:44px}
.topdeck .brand img{height:34px;width:auto;display:block}
.tabrail{position:sticky;top:0;z-index:50;width:100%;max-width:100vw;background:var(--panel);border-bottom:2px solid var(--seamred);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tabrail::-webkit-scrollbar{display:none}
.tabrail-in{display:flex;gap:8px;padding:9px 14px;width:max-content;margin:0 auto}
.tabrail a{flex:0 0 auto;white-space:nowrap;color:var(--ink0);text-decoration:none;font-family:var(--hf);font-weight:600;font-size:1rem;padding:10px 17px;border:1px solid var(--seam);border-radius:999px;min-height:44px;display:inline-flex;align-items:center}
.tabrail a:hover{border-color:var(--jet)}
.tabrail a[aria-current="page"]{background:var(--cell);border-color:var(--jet);color:var(--jetlite)}
.tabrail .jetcta{background:var(--coin);border-color:var(--coin);color:var(--coinink);font-weight:700}
.tabrail .jetcta:hover{background:var(--coindeep)}

/* buttons */
.torow{display:flex;gap:13px;flex-wrap:wrap}
.togo{display:inline-block;background:var(--coin);color:var(--coinink);font-family:var(--hf);font-weight:700;font-size:1.1rem;text-decoration:none;padding:13px 30px;border-radius:12px;min-height:44px}
.togo:hover{background:var(--coindeep)}
.togo.wgo{background:var(--wgreen);color:var(--wink)}
.togo.wgo:hover{background:#1eb757}

/* shell */
.telem{max-width:780px;margin:0 auto;padding:0 18px}
.telem-wide{max-width:1060px;margin:0 auto;padding:0 18px}
.crumbs{font-size:.85rem;color:var(--ink1);padding:16px 0 0}
.crumbs a{color:var(--ink1)}

/* figure */
.shot{margin:28px auto;max-width:820px;width:100%}
.shot img{display:block;width:100%;height:auto;border-radius:var(--round);border:1px solid var(--seam)}
.shot figcaption{margin-top:9px;font-size:.85rem;color:var(--ink1);text-align:center}

/* seo box */
.seo-box{max-width:1060px;margin:36px auto;padding:22px 26px;background:var(--panel);border:1px solid var(--seam);border-left:5px solid var(--jet);border-radius:var(--round);max-height:290px;overflow-y:auto}
.seo-box h2{font-size:1.2rem;margin:0 0 10px}
.seo-box h3{font-size:1rem;margin:15px 0 6px}
.seo-box p,.seo-box li,.seo-box dd,.seo-box td,.seo-box th{font-size:.9rem;color:var(--ink1)}
.seo-box ul,.seo-box ol{padding-left:20px;margin:8px 0}
.seo-box table{border-collapse:collapse;width:100%}
.seo-box td,.seo-box th{border:1px solid var(--seam);padding:6px 9px;text-align:left}
.seo-box dl{margin:8px 0}
.seo-box dt{font-weight:700;color:var(--ink0);margin-top:10px}
.seo-box dd{margin:2px 0 0 0}
.seo-box .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.seo-box .two{grid-template-columns:1fr}}

/* also-search chips */
.also-search{max-width:1060px;margin:0 auto 36px;padding:0 18px}
.also-search h2{font-size:1.1rem}
.also-search ul{list-style:none;display:flex;flex-wrap:wrap;gap:9px;padding:0;margin:12px 0 0}
.also-search li a{display:inline-flex;align-items:center;background:var(--cell);border:1px dashed var(--seam);color:var(--ink1);text-decoration:none;font-size:.85rem;padding:10px 15px;border-radius:8px;min-height:44px}
.also-search li a:hover{border-color:var(--coin);color:var(--ink0)}

/* footer */
.hangar{background:#0D0608;border-top:2px solid var(--seamred);margin-top:44px}
.hangar-in{max-width:1060px;margin:0 auto;padding:36px 18px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.hangar h3{font-size:1.05rem;margin:0 0 12px}
.hangar p{color:var(--ink1);font-size:.9rem}
.hangar a{color:var(--ink1);text-decoration:none;display:inline-flex;align-items:center;min-height:38px}
.hangar a:hover{color:var(--ink0)}
.hangar ul{list-style:none;padding:0;margin:0}
.hangar .socials{display:flex;gap:11px;flex-wrap:wrap;margin-top:12px}
.hangar .socials a{width:44px;height:44px;border:1px solid var(--seam);border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.hangar .socials a:hover{border-color:var(--coin)}
.hangar .socials svg{width:21px;height:21px;fill:var(--ink1)}
.hangar .socials a:hover svg{fill:var(--ink0)}
.tp-badge{display:inline-flex;align-items:center;gap:8px;margin-top:14px;border:1px solid var(--seam);border-radius:8px;padding:9px 14px;text-decoration:none;color:var(--ink0)!important;font-size:.88rem;min-height:44px}
.tp-badge svg{width:20px;height:20px}
.groundrow{border-top:1px solid var(--seam);padding:16px 18px;text-align:center;color:var(--ink1);font-size:.82rem}
@media(max-width:820px){.hangar-in{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.hangar-in{grid-template-columns:1fr}}

/* whatsapp float */
.wtag{position:fixed;right:18px;bottom:18px;width:60px;height:60px;background:var(--wgreen);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:60;box-shadow:0 6px 18px rgba(0,0,0,.45);animation:wbeat 2.4s infinite}
.wtag svg{width:32px;height:32px;fill:#fff}
@keyframes wbeat{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 15px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* ── SKYFX: a live Aviator round playing behind the page (inline SVG + SMIL, no JS) ── */
.skyfx{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;contain:strict;opacity:.4}
.skyfx svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.skyfx .fxchip{font-family:var(--hf);font-weight:600;font-size:22px;fill:var(--ink1);opacity:.26}
.skyfx .fxmult{font-family:var(--hf);font-weight:700;font-size:60px;fill:var(--jetlite);opacity:.5}
.skyfx .fxaway{font-family:var(--hf);font-weight:700;font-size:26px;fill:var(--jet);letter-spacing:.14em;opacity:.65}

/* page content rides above the round */
.topdeck,main,.hangar{position:relative;z-index:1}
.tabrail{z-index:50}

@media(max-width:700px){
  .skyfx .fxmult{font-size:44px}
  .skyfx .fxchip{display:none}
  .skyfx{opacity:.26}
}
/* motion off: hide the round entirely rather than freeze a half-drawn frame */
@media(prefers-reduced-motion:reduce){.skyfx{display:none}}

/* ── DOCK: bottom icon bar, WhatsApp raised in the middle ── */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:flex-end;justify-content:center;
  gap:2px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));
  background:rgba(28,16,19,.94);border-top:1px solid var(--seamred);backdrop-filter:blur(9px);max-width:100vw}
.dock a{flex:1 1 0;min-width:0;max-width:120px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:3px;text-decoration:none;color:var(--ink1);font-family:var(--hf);font-weight:600;font-size:.72rem;
  letter-spacing:.04em;border-radius:12px;padding:6px 2px}
.dock a svg{width:22px;height:22px;fill:currentColor;display:block}
.dock a:hover{color:var(--ink0);background:rgba(255,255,255,.04)}
.dock a[aria-current="page"]{color:var(--jetlite)}
.dock .dock-wa{flex:0 0 auto;max-width:none;width:60px;height:60px;min-height:60px;margin:-22px 6px 0;padding:0;border-radius:50%;
  background:var(--wgreen);color:var(--wink);box-shadow:0 6px 20px rgba(0,0,0,.5),0 0 0 5px var(--panel)}
.dock .dock-wa svg{width:30px;height:30px;fill:var(--wink)}
.dock .dock-wa:hover{background:#1eb757}
.groundrow{padding-bottom:104px}
@media(min-width:900px){
  .dock{left:50%;right:auto;transform:translateX(-50%);bottom:16px;width:min(560px,92vw);border:1px solid var(--seamred);
    border-radius:20px;box-shadow:0 12px 34px rgba(0,0,0,.5)}
  .groundrow{padding-bottom:118px}
}

/* the float rides the scroll: one smooth climb and settle across the page */
.wtag{bottom:96px}
@media(min-width:900px){.wtag{bottom:110px}}
@supports (animation-timeline: scroll()){
  .wtag{animation:wbeat 2.4s infinite, wride linear both;animation-timeline:auto, scroll(root block);will-change:transform}
  @keyframes wride{
    0%{transform:translateY(0)}
    50%{transform:translateY(-78px)}
    100%{transform:translateY(0)}
  }
}
@media(prefers-reduced-motion:reduce){
  .wtag{animation:none!important;transform:none!important}
}

/* float button: keep computed colour on the green disc contrast-safe */
.dock-wa{color:#04250F}