/* ✈️ Aviatop (kod adı "avia", v75.83-84) - Aviator tərzli ikinci crash ön
   tərəfi. Mühərrik = Ulduz Uçuşu (/api/game/*, game.js GAME/BETS);
   burada yalnız görünüş var. Vizuallar ORİJİNALDIR: tünd lacivərd səma,
   qızıl-firuzəyi izli reaktiv, öz düymə/panel dizaynı. */
#avScreen{position:fixed; inset:0; z-index:8900; display:none;
  flex-direction:column; overflow:hidden auto; overscroll-behavior:contain;
  background:#0a0d16; color:#e9ecf3; font-family:inherit;
  padding:0 0 calc(4px + env(safe-area-inset-bottom,0px))}
#avScreen.on{display:flex}
@media (min-width:700px){
  #avScreen{width:520px; margin:0 auto;
    border-left:1px solid rgba(255,255,255,.08);
    border-right:1px solid rgba(255,255,255,.08);
    box-shadow:0 0 70px rgba(0,0,0,.75)}
}
#avScreen *{box-sizing:border-box}
#avScreen button{font-family:inherit; -webkit-tap-highlight-color:transparent}

/* ---- yuxarı bar ---- */
.avTop{flex:none; display:flex; align-items:center; gap:8px;
  padding:8px 10px 6px; background:#0d1220;
  border-bottom:1px solid rgba(255,255,255,.06)}
.avTop .avBack{width:34px; height:34px; border-radius:10px; border:0;
  background:rgba(255,255,255,.07); color:#fff; font-size:17px;
  cursor:pointer; display:flex; align-items:center; justify-content:center}
.avTop .avName{font-weight:900; font-style:italic; letter-spacing:.5px;
  font-size:19px; color:#f2b722;
  text-shadow:0 0 12px rgba(242,183,34,.35)}
.avTop .avLogo{height:30px; width:auto; display:block;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}
.avTop .avSp{flex:1}
.avTop .avBal{font-weight:800; font-size:14px; color:#39d98a;
  font-variant-numeric:tabular-nums; background:rgba(57,217,138,.08);
  border:1px solid rgba(57,217,138,.25); border-radius:9px; padding:5px 9px}
.avTop .avSnd{width:34px; height:34px; border-radius:10px; border:0;
  background:rgba(255,255,255,.07); color:#fff; font-size:15px; cursor:pointer}

/* ---- tarixçə zolağı ---- */
.avHistWrap{position:relative; flex:none; display:flex; align-items:center;
  background:#0a0d16; padding-right:6px}
.avHist{flex:1; min-width:0; display:flex; gap:6px; padding:6px 6px 5px 10px;
  overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch}
/* ⋯ düyməsi (v75.87): son 25 raund paneli yuxarıdan açılır */
.avHistBtn{flex:none; width:30px; height:24px; border-radius:8px; border:0;
  background:#161b2a; color:#dfe5f3; font-size:15px; line-height:1; cursor:pointer;
  border:1px solid rgba(255,255,255,.08)}
.avHistBtn.on{background:#232a45}
.avHistOv{position:absolute; left:8px; right:8px; top:100%; z-index:6; display:none;
  background:#11162a; border:1px solid rgba(255,255,255,.1); border-radius:0 0 14px 14px;
  padding:8px 10px 10px; box-shadow:0 14px 30px rgba(0,0,0,.6)}
.avHistOv.on{display:block}
.avHistTitle{font-size:11.5px; font-weight:800; color:#8b93a7; letter-spacing:.5px;
  margin-bottom:6px; text-transform:uppercase}
.avHistGrid{display:flex; flex-wrap:wrap; gap:6px; max-height:38vh; overflow-y:auto}
.avHist::-webkit-scrollbar{display:none}
.avPill{flex:none; font-size:12px; font-weight:700; padding:3px 9px;
  border-radius:999px; background:#161b2a; border:1px solid rgba(255,255,255,.06);
  font-variant-numeric:tabular-nums}
/* v75.86: Aviator palitrası - <2x mavi, 2-10x bənövşəyi, 10x+ maqenta */
.avPill.w{color:#34b4ff}
.avPill.m{color:#913ef8}
.avPill.h{color:#c017b4}

/* ---- səhnə ---- */
.avStage{position:relative; flex:none; margin:0 8px;
  aspect-ratio:1.5/1; max-height:34vh; border-radius:16px; overflow:hidden;
  background:#070a12; border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 0 60px rgba(0,0,0,.6)}
.avStage > canvas{position:absolute; inset:0; width:100%; height:100%; display:block}
.avStage .avOv{position:absolute; inset:0; display:flex; flex-direction:column;
  align-items:center; justify-content:center; pointer-events:none}
#avMult{font-size:clamp(46px, 13.8vw, 74px); font-weight:900; color:#fff;
  letter-spacing:-1px; line-height:1; font-variant-numeric:tabular-nums;
  text-shadow:0 0 28px rgba(52,180,255,.55), 0 0 60px rgba(52,180,255,.35), 0 3px 10px rgba(0,0,0,.7);
  transition:color .15s}
#avMult.m{text-shadow:0 0 28px rgba(145,62,248,.6), 0 0 60px rgba(145,62,248,.4), 0 3px 10px rgba(0,0,0,.7)}
#avMult.h{text-shadow:0 0 28px rgba(192,23,180,.6), 0 0 60px rgba(192,23,180,.4), 0 3px 10px rgba(0,0,0,.7)}
#avMult.crash{color:#d0002a; text-shadow:0 0 26px rgba(208,0,42,.45), 0 3px 10px rgba(0,0,0,.7)}
#avFlew{font-size:15px; font-weight:800; letter-spacing:2px; color:#fff;
  margin-bottom:6px; display:none; text-shadow:0 2px 8px rgba(0,0,0,.7)}
#avFlew.on{display:block}
#avWait{display:none; width:100%; flex-direction:column; align-items:center; gap:10px}
#avWait.on{display:flex}
/* v75.86: gözləmə - dairə əvəzinə Aviatop loqosu + loqo rəngində azalan xətt */
#avWait .avWaitLogo{position:static; width:46%; max-width:220px; height:auto;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.7))}
#avWait .avWtxt{font-size:22px; font-weight:900; font-style:italic; letter-spacing:1px; color:#e0102c}
#avWait .avBar{width:46%; max-width:220px; height:5px; border-radius:6px;
  background:rgba(255,255,255,.08); overflow:hidden}
#avWait .avBar i{display:block; height:100%; width:100%;
  background:#e0102c; border-radius:6px; box-shadow:0 0 8px rgba(224,16,44,.6)}
.avCnt{position:absolute; right:8px; bottom:8px; font-size:11.5px; font-weight:700;
  color:#dfe5f3; background:rgba(0,0,0,.45); border:1px solid rgba(255,255,255,.1);
  border-radius:999px; padding:3px 9px; backdrop-filter:blur(4px)}
.avCnt i{display:inline-block; width:8px; height:8px; border-radius:50%;
  background:#39d98a; margin-right:5px; box-shadow:0 0 6px #39d98a}

/* ---- mərc panelləri ---- */
.avPanels{flex:none; display:flex; flex-direction:column; gap:6px; padding:8px 8px 2px}
.avPanel{position:relative; background:#11162a; border:1px solid rgba(255,255,255,.06);
  border-radius:14px; padding:8px 10px 9px}
.avTabs{display:flex; justify-content:center; margin:-2px 0 6px}
.avTabs div{display:flex; background:#0b0f1c; border-radius:999px; padding:2px}
.avTabs button{border:0; background:none; color:#8b93a7; font-size:11.5px;
  font-weight:800; padding:3px 13px; border-radius:999px; cursor:pointer}
.avTabs button.on{background:#232a45; color:#fff}
.avRow{display:flex; gap:10px; align-items:stretch}
.avLeft{flex:1; min-width:0; display:flex; flex-direction:column; gap:5px}
.avAmt{display:flex; align-items:center; background:#0b0f1c; border-radius:999px;
  padding:3px 4px; border:1px solid rgba(255,255,255,.06)}
.avAmt button{width:26px; height:26px; border-radius:50%; border:0;
  background:#1d2440; color:#cfd6e6; font-size:17px; line-height:1; cursor:pointer}
.avAmt button:disabled{opacity:.4}
.avAmt input{flex:1; min-width:0; background:none; border:0; outline:0; color:#fff;
  text-align:center; font-weight:900; font-size:16px; font-variant-numeric:tabular-nums}
.avAmt input:disabled{color:#8b93a7}
.avQuick{display:grid; grid-template-columns:1fr 1fr; gap:4px}
.avQuick button{border:0; border-radius:999px; background:#0b0f1c; color:#9aa3b8;
  font-size:11.5px; font-weight:700; padding:4px 0; cursor:pointer;
  border:1px solid rgba(255,255,255,.05)}
.avQuick button:disabled{opacity:.4}
.avBtn{flex:1.15; border:0; border-radius:14px; color:#fff; cursor:pointer;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:2px; min-height:64px; font-weight:900; font-size:16px; letter-spacing:.3px;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
  transition:transform .08s, filter .15s}
.avBtn small{font-size:13px; font-weight:700; opacity:.95;
  font-variant-numeric:tabular-nums}
.avBtn:active{transform:scale(.97)}
.avBtn:disabled{filter:saturate(.35) brightness(.75); cursor:default}
/* v75.98: düymə rəngləri sahibin nümunəsi kimi - düz (gradientsiz) parlaq yaşıl,
   ləğv düz qırmızı, götür düz narıncı; incə açıq haşiyə */
.avBtn.bet{background:#28a909; border:1px solid #3ec01a}
.avBtn.cancel{background:#cb011a; border:1px solid #ff3d55}
.avBtn.cancel .avQtx{font-size:10.5px; font-weight:700; opacity:.9; letter-spacing:0}
.avBtn.cash{background:#d07206; border:1px solid #ffb257}
.avBtn.done{background:#1d2440; color:#39d98a}
.avAuto{display:none; margin-top:7px; padding-top:7px;
  border-top:1px solid rgba(255,255,255,.06); gap:6px; flex-wrap:wrap;
  align-items:center; justify-content:space-between; font-size:12.5px; color:#cfd6e6}
.avPanel.auto .avAuto{display:flex}
.avAuto label{display:flex; align-items:center; gap:6px}
.avAuto input[type=text]{width:58px; background:#0b0f1c; border:1px solid rgba(255,255,255,.1);
  border-radius:8px; color:#fff; padding:4px 6px; font-weight:800; text-align:center}
.avSw{position:relative; width:38px; height:22px; border-radius:11px; background:#2a3150;
  border:0; cursor:pointer; transition:background .15s}
.avSw::after{content:""; position:absolute; top:3px; left:3px; width:16px; height:16px;
  border-radius:50%; background:#fff; transition:left .15s}
.avSw.on{background:#39c15a}
.avSw.on::after{left:19px}

/* ---- mərc siyahısı ---- */
/* v75.88: siyahı sabit ~10 sətir (içində sürüşmə); ekran özü aşağı sürüşür */
.avList{flex:none; display:flex; flex-direction:column;
  margin:6px 8px 8px; background:#11162a; border:1px solid rgba(255,255,255,.06);
  border-radius:14px; overflow:hidden}
.avLTabs{flex:none; display:flex; gap:4px; padding:6px 8px 4px}
.avLTabs button{flex:1; border:0; border-radius:999px; background:none; color:#8b93a7;
  font-size:12px; font-weight:800; padding:5px 0; cursor:pointer}
.avLTabs button.on{background:#232a45; color:#fff}
.avLHead{flex:none; display:flex; justify-content:space-between; align-items:center;
  padding:2px 12px 5px; font-size:11.5px; color:#8b93a7}
.avLHead b{color:#fff; font-size:13px}
.avLBody{height:312px; overflow-y:auto; padding:0 6px 6px; scrollbar-width:thin;
  -webkit-overflow-scrolling:touch; overscroll-behavior:contain}
.avLRow{display:grid; grid-template-columns:1fr 62px 52px 68px; align-items:center;
  gap:6px; padding:4px 6px; min-height:30px; border-radius:8px; font-size:12px;
  font-variant-numeric:tabular-nums}
.avLRow:nth-child(odd){background:rgba(255,255,255,.025)}
.avLRow.won{background:rgba(57,217,138,.09)}
.avLRow.me{background:rgba(242,183,34,.12); border:1px solid rgba(242,183,34,.3)}
.avLRow .n{display:flex; align-items:center; gap:7px; min-width:0; color:#dfe5f3}
.avLRow .n span{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.avLRow .av{flex:none; width:22px; height:22px; border-radius:50%; display:flex;
  align-items:center; justify-content:center; font-size:11px; font-weight:900; color:#0a0d16}
.avLRow .b{text-align:right; color:#dfe5f3}
.avLRow .x{text-align:center; font-weight:800; color:#8b93a7}
.avLRow.won .x{color:#c39bff; background:#1d2440; border-radius:999px; padding:1px 0}
.avLRow .w{text-align:right; color:#39d98a; font-weight:800}

/* ---- toast (v75.96: yığın - hər götürmə ayrı sətir, alt-alta) ---- */
#avToasts{position:absolute; left:50%; top:56px; transform:translateX(-50%);
  z-index:5; display:flex; flex-direction:column; align-items:center; gap:6px;
  pointer-events:none}
.avToast{display:flex; align-items:center; gap:10px; padding:6px 8px 6px 14px;
  border-radius:999px; background:#0f2a1c; border:1px solid #2fb344;
  box-shadow:0 8px 24px rgba(0,0,0,.5); opacity:0; transform:translateY(-10px);
  transition:opacity .2s, transform .2s; white-space:nowrap}
.avToast.on{opacity:1; transform:translateY(0)}
.avToast .t1{font-size:11.5px; color:#bfe8cc; line-height:1.15}
.avToast .t1 b{display:block; color:#fff; font-size:13px}
.avToast .t2{background:#2fb344; color:#fff; border-radius:999px; padding:5px 12px;
  font-weight:900; font-size:13px; font-variant-numeric:tabular-nums}
#avMsg{position:absolute; left:50%; bottom:calc(14px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%); z-index:5; background:rgba(214,59,72,.95); color:#fff;
  font-size:12.5px; font-weight:700; padding:7px 14px; border-radius:999px;
  opacity:0; transition:opacity .2s; pointer-events:none; max-width:92%; text-align:center}
#avMsg.on{opacity:1}

/* provably-fair modalı (game.js #pfOverlay) Aviatop ekranının üstündə */
body.av-open #pfOverlay{z-index:9500 !important}
@media (max-height:700px){
  .avStage{max-height:25vh}
  .avBtn{min-height:54px; font-size:15px}
  .avPanel{padding:5px 9px 6px}
  .avPanels{gap:5px; padding-top:6px}
  .avTabs{margin-bottom:3px}
  .avList{margin-top:5px}
  .avHist{padding:4px 10px}
}
@media (max-height:650px){
  .avStage{max-height:22vh}
  .avBtn{min-height:48px}
  .avTop{padding:5px 10px 4px}
}