:root{
  --bg:#06100d;
  --panel:rgba(8,22,20,.82);
  --panel-strong:rgba(12,34,31,.94);
  --mint:#00ff87;
  --cyan:#00eaff;
  --gold:#ffd166;
  --text:#eafff5;
  --muted:#9fcfbd;
  --danger:#ff6b8a;
  --warn:#ffd966;
  --radius:24px;
  --nav-height:48px;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{min-height:100%;min-height:100dvh;background:var(--bg);color:var(--text);font-family:"Vazirmatn","Rajdhani","Orbitron","Segoe UI",Tahoma,sans-serif}
body{min-height:100vh;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% -8%,rgba(0,255,135,.28),transparent 34%),radial-gradient(circle at 14% 78%,rgba(0,234,255,.14),transparent 30%),linear-gradient(155deg,#020706 0%,#071714 48%,#120927 100%);touch-action:pan-y}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(circle at 50% 32%,black,transparent 76%)}
a,button,input{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}
.app-shell{
  position:relative;
  z-index:1;
  height:100vh;
  height:100dvh;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  touch-action:pan-y;
  padding:18px 16px calc(var(--nav-height) + env(safe-area-inset-bottom) + 8px);
  scroll-behavior:smooth;
}.app-page{display:none}.app-page.active{display:block}
.hero-card,.wallet-hero{min-height:292px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;border:1px solid rgba(0,255,135,.34);border-radius:30px;padding:22px;background:linear-gradient(145deg,rgba(0,255,135,.14),rgba(0,234,255,.07),rgba(12,7,30,.62)),var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 36px rgba(0,255,135,.14),inset 0 0 30px rgba(0,255,135,.045);overflow:hidden;position:relative}
.hero-card::before,.wallet-hero::before{content:"BTX";position:absolute;left:-8px;top:10px;color:rgba(0,255,135,.08);font:900 112px/1 Impact,"Arial Black",sans-serif;letter-spacing:8px;direction:ltr}.wallet-hero{min-height:220px}.wallet-hero::before{content:"WALLET";font-size:76px}
.hero-topline{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border:1px solid rgba(0,234,255,.25);border-radius:999px;padding:7px 11px;color:#b9fff0;background:rgba(0,0,0,.18);font-size:12px;font-weight:900;letter-spacing:1.2px;direction:ltr}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint)}
.hero-card h1,.wallet-hero h1{font-size:clamp(30px,9vw,48px);line-height:1.25;font-weight:950;text-shadow:0 0 20px rgba(0,255,135,.36)}.wallet-hero h1{font-size:clamp(28px,8vw,42px)}.hero-card p,.wallet-hero p{max-width:520px;color:#cdf9e8;font-size:15px;line-height:2}
.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.pill-action,.feature-card a,.feature-card button,.wallet-card button{min-height:48px;border:0;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));font-weight:950;box-shadow:0 0 24px rgba(0,255,135,.2)}.pill-action.ghost{color:var(--text);border:1px solid rgba(0,255,135,.28);background:rgba(255,255,255,.065);box-shadow:none}
.quick-grid{display:grid;gap:14px;margin-top:16px}.feature-card,.wallet-card,.balance-card{display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center;border:1px solid rgba(0,255,135,.2);border-radius:var(--radius);padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),var(--panel-strong);box-shadow:0 16px 44px rgba(0,0,0,.22)}.feature-card .feature-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--mint);background:rgba(0,255,135,.09);border:1px solid rgba(0,255,135,.25);font-size:25px;box-shadow:inset 0 0 18px rgba(0,255,135,.055)}.feature-card h2{font-size:18px;font-weight:950;margin-bottom:5px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.8}.feature-card a,.feature-card button{grid-column:1 / -1;margin-top:2px;background:rgba(0,255,135,.1);border:1px solid rgba(0,255,135,.28);color:#dffff1;box-shadow:none}.games-feature .feature-icon{color:var(--gold);background:rgba(255,209,102,.09);border-color:rgba(255,209,102,.26)}.store-feature .feature-icon{color:var(--cyan);background:rgba(0,234,255,.08);border-color:rgba(0,234,255,.25)}
.wallet-page{padding-bottom:4px}.wallet-card,.balance-card{display:block;margin-top:14px}.wallet-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.wallet-card-head span{font-size:15px;font-weight:950;color:#dffff1}.wallet-card-head strong{direction:ltr;color:var(--mint);font:900 12px/1.4 "Share Tech Mono",Consolas,monospace;letter-spacing:1px}.wallet-card p{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:12px}.wallet-card label{display:block;margin:10px 0 6px;color:#aefbd5;font-size:12px;font-weight:900}.wallet-card input{width:100%;height:48px;border:1px solid rgba(0,255,135,.28);border-radius:14px;background:rgba(0,0,0,.24);color:var(--text);outline:none;padding:0 12px;direction:ltr;text-align:left}.wallet-card button{width:100%;margin-top:12px}.wallet-card .wallet-forgot-password{min-height:auto;margin-top:8px;border:0;background:transparent;color:#aefbd5;box-shadow:none;font-size:12px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.wallet-message{min-height:22px;margin-top:10px;color:var(--danger);font-size:12px;text-align:center}.wallet-message.warn{color:var(--warn)}.hidden{display:none!important}
.balance-card{border-color:rgba(0,255,135,.36);background:linear-gradient(145deg,rgba(0,255,135,.16),rgba(0,234,255,.08),rgba(9,17,24,.88));box-shadow:0 20px 60px rgba(0,255,135,.12)}.balance-value{display:flex;align-items:flex-end;justify-content:center;gap:8px;min-width:0;max-width:100%;direction:ltr;color:var(--mint);font:900 clamp(24px,10vw,58px)/1 "Share Tech Mono",Consolas,monospace;text-shadow:0 0 20px rgba(0,255,135,.35)}#walletBtxBalance{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;text-align:center}.balance-value small{flex:none;font-size:14px;color:#b7ffe0;margin-bottom:7px}.balance-sub{text-align:center;color:#b7ffe0;margin-top:10px;font-size:13px}
.balance-extra-rates{display:flex;justify-content:space-around;margin-top:12px;padding-top:10px;border-top:1px dashed rgba(0,255,135,.16);font-size:15px;color:#b7ffe0}.rate-item{display:flex;flex-direction:column;align-items:center;gap:3px}.rate-item span{font-size:16px;color:var(--muted)}.rate-item strong{direction:ltr;font-family:"Share Tech Mono",Consolas,monospace;color:var(--gold)}
.compact-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.compact-card button{width:auto;min-width:112px;margin:0;padding:0 14px}.mini-stat span{display:block;color:var(--muted);font-size:12px}.mini-stat strong{display:block;margin-top:4px;color:var(--gold);direction:ltr;text-align:right}.history-card{padding-bottom:10px}.wallet-history-list{display:grid;gap:9px}.history-row{border:1px solid rgba(0,255,135,.16);border-radius:15px;padding:10px;background:rgba(0,0,0,.18)}.history-row-top{display:flex;align-items:center;justify-content:space-between;gap:10px;direction:ltr;font:900 12px/1.5 "Share Tech Mono",Consolas,monospace}.history-row-top span{color:#9fcfbd;font-size:10px}.history-row p{margin-top:6px;color:#b7ffe0;font-size:11px;line-height:1.7}.credit{color:var(--mint)}.debit{color:var(--danger)}.history-empty{border:1px dashed rgba(0,255,135,.22);border-radius:15px;padding:14px;color:var(--muted);text-align:center;font-size:13px}
/* --- Optimized Navigation System --- */
.bottom-nav {
  position: fixed;
  z-index: 50;
  left: 12px;
  right: 12px;
  bottom: 8px;
  /* ارتفاع فیکس شده با متغیر */
  height: calc(var(--nav-height) + env(safe-area-inset-bottom));
  /* حذف پدینگ عمودی برای پر شدن کامل کادر */
  padding: 0 8px env(safe-area-inset-bottom);
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  /* اجبار به پر کردن کل ارتفاع */
  align-items: stretch;
  gap: 6px;
  border: 1px solid rgba(0, 255, 135, .22);
  border-radius: 22px;
  background: rgba(3, 13, 11, .86);
  box-shadow: 0 -12px 30px rgba(0, 0, 0, .28), inset 0 0 20px rgba(0, 255, 135, .035);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.nav-item {
  /* پر کردن کامل ارتفاع در دسترس */
  height: 100%;
  border: 0;
  border-radius: 18px;
  background: transparent;
  color: #94c7b4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 10px;
  font-weight: 900;
  cursor: pointer;
  transition: all 0.2s ease;
}

.nav-icon {
  font-size: 20px;
  line-height: 1;
  color: currentColor;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

/* حالت فعال برای تمام دکمه‌ها */
.nav-item.active {
  color: #03110b;
  background: linear-gradient(135deg, var(--mint), var(--cyan));
  box-shadow: 0 0 25px rgba(0, 255, 135, .24);
}

/* مدیریت اختصاصی دکمه وسط (ولت/بوسترها) */
.nav-wallet {
  padding: 4px 0; /* کمی فاصله برای اینکه دکمه چسبیده به لبه‌ها نباشد */
}

.wallet-orb {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

/* وقتی دکمه وسط فعال نیست */
.nav-wallet:not(.active) .wallet-orb {
  background: transparent;
  color: currentColor;
  font-size: 22px;
}

/* وقتی دکمه وسط فعال است (مثل عکس شما) */
.nav-wallet.active .wallet-orb {
  background: #04100c;
  color: var(--mint);
  border-radius: 16px; /* هماهنگ با فرم کلی */
  border: 1px solid rgba(0, 255, 135, .3);
  box-shadow: inset 0 0 15px rgba(0, 255, 135, 0.1);
}

/* اصلاح موبایل‌های کوچک */
@media (max-width: 380px) {
  .bottom-nav {
    height: calc(58px + env(safe-area-inset-bottom));
    bottom: 6px;
    border-radius: 20px;
  }
  .nav-item {
    font-size: 9px;
  }
  .nav-icon {
    font-size: 18px;
  }
}
  position:fixed;
  z-index:50;
  left:12px;
  right:12px;
  bottom:8px;
  height:calc(var(--nav-height) + env(safe-area-inset-bottom));
  padding:6px 8px calc(4px + env(safe-area-inset-bottom));
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr;
  align-items:center;
  gap:6px;
  border:1px solid rgba(0,255,135,.22);
  border-radius:22px;
  background:rgba(3,13,11,.86);
  box-shadow:0 -12px 30px rgba(0,0,0,.28),inset 0 0 20px rgba(0,255,135,.035);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}.nav-item{
  height:100%;
  border:0;
  border-radius:18px;
  background:transparent;
  color:#94c7b4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}.nav-icon{font-size:22px;line-height:1;color:currentColor}.nav-wallet{color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));box-shadow:0 0 30px rgba(0,255,135,.24)}.wallet-orb{width:42px;height:42px;margin-top:-22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#04100c;color:var(--mint);border:2px solid rgba(0,255,135,.42);box-shadow:0 0 26px rgba(0,255,135,.35);font-size:22px}
@media (min-width:720px){
  .app-shell{
    max-width:520px;
    margin:0 auto;
    padding-bottom:calc(76px + env(safe-area-inset-bottom) + 12px);
  }

  .bottom-nav{
    left:50%;
    right:auto;
    width:min(496px,calc(100vw - 24px));
    height:calc(68px + env(safe-area-inset-bottom));
    padding:8px 8px calc(6px + env(safe-area-inset-bottom));
    transform:translateX(-50%);
  }
}

@media (max-width:380px){
  .bottom-nav{
    padding:0 6px !important;
    align-items:stretch !important;
  }

  .bottom-nav .nav-item,
  .bottom-nav .nav-wallet,
  .bottom-nav .nav-wallet .wallet-orb{
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }
}

  .app-shell{
    padding-left:12px;
    padding-right:12px;
    padding-bottom:calc(66px + env(safe-area-inset-bottom) + 8px);
  }

  .hero-card,.wallet-hero{
    padding:18px;
    min-height:250px;
  }

  .wallet-hero{
    min-height:205px;
  }

  .feature-card{
    grid-template-columns:46px 1fr;
    padding:13px;
  }

  .feature-card .feature-icon{
    width:46px;
    height:46px;
    border-radius:15px;
  }

  .balance-value{
    font-size:32px;
  }

  .compact-card{
    grid-template-columns:1fr;
  }

  .compact-card button{
    width:100%;
  }

/* Final bottom-navigation height fix */
.bottom-nav{
  padding-top:0 !important;
  padding-right:8px !important;
  padding-bottom:0 !important;
  padding-left:8px !important;
  align-items:stretch !important;
}

.bottom-nav .nav-item{
  align-self:stretch !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.bottom-nav .nav-wallet{
  height:100% !important;
  padding:0 !important;
}

.bottom-nav .nav-wallet .wallet-orb{
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  border-radius:18px;
}

  .nav-item{
    font-size:10px;
    gap:1px;
  }

  .nav-icon{
    font-size:30px;
  }

  .wallet-orb{
    width:16px;
    height:16px;
    margin-top:-8px;
    font-size:17px;
  }
/* استایل لوگوی جدید در گوشه هدر */
.header-logo-fixed {
    position: absolute;
    top: 0px; /* فاصله از بالا */
    left: 20px; /* فاصله از چپ */
    width: 100px; /* اندازه بزرگتر و خواناتر */
    height: 100px;
    object-fit: contain;
    filter: drop-shadow(0 0 8px rgba(255, 215, 0, 0.4)); /* درخشش ملایم طلایی */
    z-index: 10;
    transition: transform 0.3s ease;
}

.header-logo-fixed:hover {
    transform: scale(1.1) rotate(-9deg); /* افکت جذاب هنگام هاور */
}

@media (max-width: 480px) {
  .balance-card{padding:14px 10px}
  .balance-value{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:5px;font-size:clamp(16px,7.4vw,30px);letter-spacing:-.8px}
  #walletBtxBalance{display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
  .balance-value small{font-size:11px;margin-bottom:2px}
}

/* مطمئن شو که والد لوگو پوزیشن relative دارد */
.page-hero, .hero-card {
    position: relative;
    padding-top: 10px; /* ایجاد فضا برای لوگو در بالا */
}

.page-hero{margin-bottom:14px}
.wallet-actions-card{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.wallet-card-top{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wallet-card-head{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: start;
}

.wallet-card-head span{
  direction: rtl;
  text-align: right;
  min-width: 0;
}

.wallet-card-head strong{
  direction: ltr;
  text-align: left;
  white-space: nowrap;
}

.wallet-actions-card p{
  margin: 0;
  direction: rtl;
  text-align: right;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.wallet-actions-card .split-action{margin:0;width:100%;min-height:50px;border-radius:16px;border:1px solid rgba(0,255,135,.28);font-weight:950}
.wallet-actions-card .split-action.primary{color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));box-shadow:0 0 24px rgba(0,255,135,.18)}
.wallet-actions-card .split-action.disabled{color:#9fcfbd;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12);cursor:not-allowed}
.store-grid,.games-grid{display:grid;gap:13px;margin-top:14px}
.store-item,.game-tile{position:relative;overflow:hidden;border:1px solid rgba(0,255,135,.22);border-radius:var(--radius);padding:17px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),var(--panel-strong);box-shadow:0 16px 44px rgba(0,0,0,.22);min-height:116px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;color:var(--text)}
.store-item::before,.game-tile::before{content:"";position:absolute;inset:auto -20% -45% -20%;height:80%;background:radial-gradient(circle,rgba(0,255,135,.12),transparent 62%);pointer-events:none}
.store-item span,.game-tile strong{position:relative;z-index:1;direction:ltr;text-align:left;font:900 19px/1.35 "Share Tech Mono",Consolas,"Segoe UI",sans-serif;letter-spacing:.7px;color:#eafff5}
.store-item p,.game-tile span{position:relative;z-index:1;color:#b7ffe0;font-size:13px;line-height:1.8}.store-item button{position:relative;z-index:1;min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#d8e7df;font-weight:900;cursor:not-allowed}.store-item-disabled{opacity:.56;filter:saturate(.38) brightness(.78);border-color:rgba(255,209,102,.24);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.014)),rgba(8,16,14,.68);cursor:not-allowed}.store-item-disabled:hover{transform:none;border-color:rgba(255,209,102,.24);box-shadow:0 16px 44px rgba(0,0,0,.22);filter:saturate(.38) brightness(.78)}.store-item-disabled::after{content:"غیرفعال";position:absolute;top:14px;left:14px;z-index:2;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(0,0,0,.32);color:#c7d8d0;padding:5px 9px;font-size:10px;font-weight:950}.store-item-disabled button:disabled{opacity:.82;background:rgba(255,255,255,.035);color:#9eb6ad}.bronze{border-color:rgba(205,127,50,.6)}.silver{border-color:rgba(210,220,228,.5)}.gold{border-color:rgba(255,209,102,.62)}.gold span{color:var(--gold)}.silver span{color:#dbe7ff}.bronze span{color:#df9b58}
.game-tile{text-decoration:none;border-color:rgba(0,234,255,.22)}.game-tile.galaxy{background:linear-gradient(145deg,rgba(0,234,255,.12),rgba(255,255,255,.025)),var(--panel-strong)}.game-tile.revenge{background:linear-gradient(145deg,rgba(255,61,102,.13),rgba(255,255,255,.025)),var(--panel-strong);border-color:rgba(255,107,138,.28)}.game-tile.empire{opacity:.56;cursor:not-allowed;text-align:right}.game-tile.referral{background:linear-gradient(145deg,rgba(255,209,102,.13),rgba(255,255,255,.025)),var(--panel-strong);border-color:rgba(255,209,102,.28)}.game-tile.referral strong{direction:ltr;text-align:left;color:#eafff5}
.app-signature{position:relative;z-index:1;margin:18px 0 2px;text-align:center;color:rgba(0,255,135,.52);font:700 10px/1.8 Consolas,"Courier New",monospace;letter-spacing:1px;direction:ltr}
.nav-item.active{color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));box-shadow:0 0 30px rgba(0,255,135,.24)}
.nav-games.active .nav-icon{color:#03110b}.nav-wallet.active .wallet-orb{background:#04100c;color:var(--mint)}.nav-wallet:not(.active){background:transparent;box-shadow:none;color:#94c7b4}.nav-wallet:not(.active) .wallet-orb{width:auto;height:auto;margin-top:0;border:0;background:transparent;box-shadow:none;color:currentColor;font-size:22px}
@media (max-width:380px){.wallet-actions-card{grid-template-columns:1fr}.store-item,.game-tile{min-height:108px;padding:14px}}
.wallet-page.active{min-height:calc(100vh - var(--nav-height) - env(safe-area-inset-bottom) - 40px);display:flex;flex-direction:column}
.wallet-page.active .wallet-dashboard{display:flex;flex-direction:column;min-height:0;flex:1}
.wallet-page.active .history-card{display:flex;flex-direction:column;min-height:0;flex:1;margin-bottom:0}
.wallet-page.active .wallet-history-list{min-height:0;max-height:34vh;overflow-y:auto;padding-left:2px;overscroll-behavior:contain}
.entry-page.active{min-height:calc(100vh - var(--nav-height) - env(safe-area-inset-bottom) - 40px);display:flex;align-items:stretch}
.entry-hero{width:100%;min-height:calc(100vh - var(--nav-height) - env(safe-area-inset-bottom) - 76px);display:flex;flex-direction:column;justify-content:flex-end;gap:15px;border:1px solid rgba(0,255,135,.34);border-radius:30px;padding:24px;background:linear-gradient(145deg,rgba(0,255,135,.14),rgba(0,234,255,.07),rgba(12,7,30,.72)),var(--panel);box-shadow:0 24px 70px rgba(0,0,0,.36),0 0 36px rgba(0,255,135,.14);position:relative;overflow:hidden}
.entry-hero::before{content:"PLAY";position:absolute;left:-8px;top:12px;color:rgba(0,255,135,.08);font:900 96px/1 Impact,"Arial Black",sans-serif;letter-spacing:8px;direction:ltr}.revenge-entry::before{content:"OPS"}.referral-entry::before{content:"REF"}.galaxy-entry{border-color:rgba(0,234,255,.35)}.revenge-entry{border-color:rgba(255,107,138,.34);background:linear-gradient(145deg,rgba(255,61,102,.14),rgba(0,234,255,.06),rgba(12,7,30,.72)),var(--panel)}.referral-entry{border-color:rgba(255,209,102,.36);background:linear-gradient(145deg,rgba(255,209,102,.13),rgba(0,255,135,.07),rgba(12,7,30,.72)),var(--panel)}
.entry-hero h1{font-size:clamp(30px,9vw,48px);line-height:1.25;font-weight:950;text-shadow:0 0 20px rgba(0,255,135,.36)}.entry-hero p{color:#cdf9e8;font-size:15px;line-height:2}.entry-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.entry-actions .ghost{border:1px solid rgba(0,255,135,.28);color:var(--text);background:rgba(255,255,255,.065);box-shadow:none}
.nav-item .nav-icon,.nav-wallet .wallet-orb{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}.nav-wallet .wallet-orb{font-size:20px}.nav-item.active .nav-icon{filter:drop-shadow(0 0 5px rgba(0,0,0,.25))}.nav-wallet.active .wallet-orb{font-size:20px}
.game-tile{border:1px solid rgba(0,255,135,.42);text-align:inherit;box-shadow:0 16px 44px rgba(0,0,0,.22),0 0 22px rgba(0,255,135,.11),inset 0 0 0 1px rgba(0,255,135,.08)}

.game-tile{
  border:1px solid rgba(0,255,135,.42);
  text-align:inherit;
  box-shadow:0 16px 44px rgba(0,0,0,.22),0 0 22px rgba(0,255,135,.11),inset 0 0 0 1px rgba(0,255,135,.08);
}

.game-tile.galaxy strong{
  color:var(--cyan) !important;
}

.game-tile.revenge strong{
  color:#ff4d4f !important;
}

.game-tile.episode2{
  background:linear-gradient(145deg,rgba(0,234,255,.14),rgba(255,255,255,.025)),var(--panel-strong);
  border-color:rgba(0,234,255,.42);
}

.game-tile.episode2 strong{
  color:#9ff6ff !important;
}

.game-tile.episode2 em{
  color:#f4fff9;
  font-style:normal;
}

.game-tile.referral strong{
  color:var(--mint) !important;
}
.game-tile .game-tile-icon{position:absolute;top:14px;left:14px;z-index:1;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(0,0,0,.22);font-size:25px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.game-tile strong{padding-left:52px;text-shadow:0 0 12px currentColor}
.game-tile strong em{display:block;margin-top:4px;direction:rtl;text-align:right;font:950 14px/1.7 "Vazirmatn","Segoe UI",Tahoma,sans-serif;letter-spacing:0;color:#f4fff9;text-shadow:0 0 10px rgba(244,255,249,.28)}
.game-tile.empire span b{display:block;margin-bottom:5px;color:var(--gold);font:950 15px/1.8 "Vazirmatn","Segoe UI",Tahoma,sans-serif}
.entry-hero.has-poster{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-blend-mode:overlay!important}.entry-hero.galaxy-entry.has-poster{background-image:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.68)),url("PICs/POSTER1.webp")!important}.entry-hero.revenge-entry.has-poster{background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.7)),url("PICs/POSTER2.webp")!important}.entry-hero.referral-entry.has-poster{background-image:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.66)),url("PICs/REF.webp")!important}.entry-hero.has-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.58));pointer-events:none;z-index:0}.entry-hero.has-poster>*{position:relative;z-index:1}.entry-hero.has-poster::before{z-index:0}
.entry-hero.galaxy-entry.has-poster{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.12)),url("PICs/POSTER1.webp")!important}.entry-hero.revenge-entry.has-poster{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.3)),url("PICs/POSTER2.webp")!important}.entry-hero.referral-entry.has-poster{background-image:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.12)),url("PICs/REF.webp")!important}.entry-hero.has-poster::after{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.08))!important}
.entry-hero.galaxy-entry.has-poster{background-image:url("PICs/POSTER1.webp")!important}.entry-hero.revenge-entry.has-poster{background-image:url("PICs/POSTER2.webp")!important}.entry-hero.referral-entry.has-poster{background-image:url("PICs/REF.webp")!important}.entry-hero.has-poster::after{display:none!important;background:none!important}.entry-hero.has-poster{background-blend-mode:normal!important}
.entry-hero.has-poster h1,.entry-hero.has-poster p{display:inline-block;align-self:flex-start;max-width:100%;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(135deg,rgba(0,0,0,0.4),rgba(0,0,0,0.4))!important;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.entry-hero.has-poster p{padding:7px 11px;background:linear-gradient(135deg,rgba(0,0,0,0.4),rgba(0,0,0,0.4))!important}.entry-hero.has-poster .entry-actions .ghost{background:linear-gradient(135deg,rgba(0,0,0,0.5),rgba(0,0,0,0.5))!important;border-color:rgba(255,255,255,.22)!important;color:#f3fff9!important;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.hero-token{width:22px;height:22px;object-fit:contain;border-radius:50%;order:-2;filter:drop-shadow(0 0 10px rgba(0,255,135,.55));flex:0 0 auto}.hero-topline{position:relative}.frame-page.active{position:fixed!important;inset:0!important;z-index:9999!important;display:block!important;width:100vw!important;height:var(--app-frame-height,100vh)!important;height:var(--app-frame-height,100dvh)!important;min-height:var(--app-frame-height,100vh)!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important}.frame-page.active #appFrame,#appFrame{display:block;width:100vw!important;height:var(--app-frame-height,100vh)!important;height:var(--app-frame-height,100dvh)!important;min-width:100vw!important;min-height:var(--app-frame-height,100vh)!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#000!important;overflow:hidden!important}.frame-page.active~.app-signature,.frame-page.active~.bottom-nav{display:none!important}body:has(.frame-page.active){overflow:hidden!important}.app-shell:has(.frame-page.active){padding:0!important;max-width:none!important;width:100vw!important;height:var(--app-frame-height,100vh)!important;height:var(--app-frame-height,100dvh)!important;min-height:var(--app-frame-height,100vh)!important;overflow:hidden!important}
body.app-frame-open{overflow:hidden!important;touch-action:auto!important}body.app-frame-open .app-shell{padding:0!important;max-width:none!important;width:100vw!important;height:var(--app-frame-height,100vh)!important;height:var(--app-frame-height,100dvh)!important;min-height:var(--app-frame-height,100vh)!important;overflow:hidden!important;touch-action:auto!important}body.app-frame-open #appFrame{overflow:hidden!important;-webkit-overflow-scrolling:auto!important;overscroll-behavior:contain!important;touch-action:auto!important}body.app-frame-open .bottom-nav,body.app-frame-open .app-signature{display:none!important}

.hero-card,
.wallet-hero,
.feature-card,
.wallet-card,
.balance-card,
.compact-card,
.history-card,
.store-item,
.game-tile,
.entry-hero,
.pwa-referral-copy-card,
.app-broadcast-modal,
.btx-question-modal,
.btx-broadcast-inbox-modal,
.pill-action,
.split-action,
.wallet-card button,
.hero-actions button,
.entry-actions button,
.pwa-referral-copy-button,
.app-broadcast-ok,
.btx-question-submit,
.btx-help-fab,
.btx-media-fab,
.btx-broadcast-fab,
.btx-achievement-fab,
.bottom-nav .nav-item,
.nav-wallet {
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, filter .18s ease, background .18s ease;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .hero-card:hover,
  .wallet-hero:hover,
  .feature-card:hover,
  .wallet-card:hover,
  .balance-card:hover,
  .compact-card:hover,
  .history-card:hover,
  .store-item:hover,
  .game-tile:hover,
  .entry-hero:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 255, 135, .42);
    box-shadow: 0 26px 78px rgba(0, 0, 0, .38), 0 0 34px rgba(0, 255, 135, .13), inset 0 1px 0 rgba(255, 255, 255, .1);
  }

  .pill-action:hover,
  .split-action:not(.disabled):hover,
  .wallet-card button:not(:disabled):hover,
  .hero-actions button:hover,
  .entry-actions button:hover,
  .pwa-referral-copy-button:hover,
  .app-broadcast-ok:hover,
  .btx-question-submit:hover,
  .btx-help-fab:hover,
  .btx-media-fab:hover,
  .btx-broadcast-fab:hover,
  .btx-achievement-fab:hover,
  .bottom-nav .nav-item:hover,
  .nav-wallet:hover {
    transform: translateY(-3px) scale(1.01);
    filter: brightness(1.07);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .3), 0 0 28px rgba(0, 255, 135, .16);
  }
}

.hero-card:active,
.wallet-hero:active,
.feature-card:active,
.wallet-card:active,
.balance-card:active,
.compact-card:active,
.history-card:active,
.store-item:active,
.game-tile:active,
.entry-hero:active,
.pill-action:active,
.split-action:not(.disabled):active,
.wallet-card button:not(:disabled):active,
.hero-actions button:active,
.entry-actions button:active,
.pwa-referral-copy-button:active,
.app-broadcast-ok:active,
.btx-question-submit:active,
.btx-help-fab:active,
.btx-media-fab:active,
.btx-broadcast-fab:active,
.btx-achievement-fab:active,
.bottom-nav .nav-item:active,
.nav-wallet:active {
  transform: translateY(1px) scale(.985);
  filter: brightness(.96);
}

.pill-action:focus-visible,
.split-action:focus-visible,
.wallet-card button:focus-visible,
.hero-actions button:focus-visible,
.entry-actions button:focus-visible,
.pwa-referral-copy-button:focus-visible,
.app-broadcast-ok:focus-visible,
.btx-question-submit:focus-visible,
.btx-help-fab:focus-visible,
.btx-media-fab:focus-visible,
.btx-broadcast-fab:focus-visible,
.btx-achievement-fab:focus-visible,
.bottom-nav .nav-item:focus-visible,
.nav-wallet:focus-visible {
  outline: 2px solid rgba(255, 209, 102, .86);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .hero-card,
  .wallet-hero,
  .feature-card,
  .wallet-card,
  .balance-card,
  .compact-card,
  .history-card,
  .store-item,
  .game-tile,
  .entry-hero,
  .pill-action,
  .split-action,
  .wallet-card button,
  .hero-actions button,
  .entry-actions button,
  .pwa-referral-copy-button,
  .app-broadcast-ok,
  .btx-question-submit,
  .btx-help-fab,
  .btx-media-fab,
  .btx-broadcast-fab,
  .btx-achievement-fab,
  .bottom-nav .nav-item,
  .nav-wallet {
    transition: none;
  }
}

.pwa-referral-copy-backdrop{position:fixed;inset:0;z-index:12000;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);direction:rtl}
.pwa-referral-copy-backdrop.open{display:flex}
.pwa-referral-copy-card{position:relative;width:min(92vw,430px);max-height:calc(100vh - 36px);overflow:auto;border:1px solid rgba(0,255,135,.42);border-radius:24px;padding:22px;background:radial-gradient(circle at top,rgba(0,255,135,.16),rgba(2,9,8,.97) 62%);box-shadow:0 26px 90px rgba(0,0,0,.76),0 0 42px rgba(0,255,135,.16);color:#eafff5;text-align:right}
.pwa-referral-copy-close{position:absolute;top:10px;left:10px;width:36px;height:36px;border:1px solid rgba(0,255,135,.34);border-radius:999px;background:rgba(0,0,0,.48);color:var(--mint);font-size:23px;cursor:pointer}
.pwa-referral-copy-card h2{margin:0 0 12px;color:var(--mint);font-size:22px;font-weight:950;text-align:center}
.pwa-referral-copy-help{margin:0 0 12px;border:1px solid rgba(0,234,255,.25);border-radius:14px;padding:10px;background:rgba(0,234,255,.06);color:#d9fff0;font-size:13px;line-height:2}
.pwa-referral-copy-text{white-space:pre-wrap;direction:rtl;text-align:right;line-height:1.9;border:1px solid rgba(0,255,135,.22);border-radius:16px;padding:12px;background:rgba(0,0,0,.24);color:#eafff5;font-size:13px}
.pwa-referral-copy-welcome{margin:14px 0 10px;text-align:center;font:950 18px/1.8 "Vazirmatn","Segoe UI",Tahoma,sans-serif;color:#8cffc1;text-shadow:0 0 18px rgba(0,255,135,.35)}
.pwa-referral-copy-button{width:100%;min-height:46px;border:0;border-radius:15px;color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));font-weight:950;cursor:pointer;box-shadow:0 0 24px rgba(0,255,135,.18)}

.app-broadcast-backdrop{position:fixed;inset:0;z-index:10060;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.70);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-y:auto;overscroll-behavior:contain}
.app-broadcast-backdrop.open{display:flex}
.app-broadcast-modal{position:relative;width:min(92vw,430px);max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);border:1px solid rgba(0,255,135,.36);border-radius:28px;background:radial-gradient(circle at top right,rgba(0,255,135,.18),transparent 38%),linear-gradient(150deg,rgba(8,22,18,.98),rgba(2,7,7,.97));box-shadow:0 26px 90px rgba(0,0,0,.76),0 0 44px rgba(0,255,135,.17);padding:24px 22px 22px;color:#eafff5;text-align:right;direction:rtl;overflow-y:auto;box-sizing:border-box}
.app-broadcast-modal::after{content:"";position:absolute;right:-45px;bottom:-60px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(0,215,255,.18),transparent 68%);pointer-events:none}
.app-broadcast-close{position:absolute;top:11px;left:11px;width:37px;height:37px;border:1px solid rgba(0,255,135,.34);border-radius:999px;background:rgba(0,0,0,.44);color:var(--mint);font-size:24px;line-height:1;cursor:pointer}
.app-broadcast-kicker{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(0,255,135,.32);border-radius:999px;background:rgba(0,255,135,.08);color:#a9ffd1;padding:7px 12px;font-size:12px;font-weight:950}
.app-broadcast-title{margin:16px 0 10px;color:var(--mint);font-size:22px;font-weight:950;line-height:1.55}
.app-broadcast-body{margin:0;color:#dfffee;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:14px}
.app-broadcast-sticker{display:block;width:min(180px,70%);max-height:220px;object-fit:contain;margin:10px auto;border-radius:14px;filter:drop-shadow(0 0 12px rgba(0,255,135,.18))}
.app-broadcast-attachment{position:relative;z-index:1;display:block;width:min(330px,100%);max-height:260px;object-fit:contain;margin:14px auto 0;border:1px solid rgba(0,255,135,.25);border-radius:18px;background:rgba(0,0,0,.22);box-shadow:0 14px 32px rgba(0,0,0,.28)}
.app-broadcast-ok{position:relative;z-index:1;width:100%;min-height:46px;margin-top:20px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--mint),var(--cyan));color:#03110b;font-weight:950;cursor:pointer;box-shadow:0 0 24px rgba(0,255,135,.2)}
.btx-achievement-fab{position:fixed;right:14px;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 114px);z-index:70;width:38px;height:38px;border:1px solid rgba(0,255,135,.48);border-radius:999px;color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));box-shadow:0 0 22px rgba(0,255,135,.24),inset 0 1px 0 rgba(255,255,255,.32);font:950 19px/1 Tahoma,Arial,sans-serif;display:grid;place-items:center;cursor:pointer}
.wallet-actions-card {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wallet-actions-card p {
  width: 100%;
  text-align: center !important;
  direction: rtl;
  margin: 0;
  line-height: 1.8;
}

.page-hero,
.wallet-hero-style {
  position: relative;
  isolation: isolate;
}

.header-logo-fixed {
  position: absolute;
  z-index: 0 !important;
}

.hero-topline,
.wallet-hero-style h1,
.wallet-hero-style p,
.hero-actions {
  position: relative;
  z-index: 2 !important;
}

.header-logo-fixed {
  transform: translateZ(0) scale(1) rotate(0deg);
  transition: transform 0.35s ease;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

@media (hover: hover) and (pointer: fine) {
  .header-logo-fixed:hover {
    transform: translateZ(0) scale(1.08) rotate(-6deg);
  }
}

.header-logo-fixed.is-pressed {
  transform: translateZ(0) scale(1.08) rotate(-6deg);
}

.page-hero,
.wallet-hero-style,
.store-hero {
  position: relative;
  isolation: isolate;
}

.page-hero .header-logo-fixed {
  position: absolute;
  z-index: 0;
}

.page-hero .hero-topline,
.page-hero h1,
.page-hero p,
.page-hero .hero-actions {
  position: relative;
  z-index: 2;
}

.frame-page.active #appFrame,
body.app-frame-open #appFrame{
  overflow:hidden!important;
  touch-action:auto!important;
}
.btx-help-fab,.btx-broadcast-fab,.btx-media-fab{position:fixed;right:14px;z-index:70;width:38px;height:38px;border:1px solid rgba(0,255,135,.48);border-radius:999px;color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));box-shadow:0 0 22px rgba(0,255,135,.24),inset 0 1px 0 rgba(255,255,255,.32);font:950 21px/1 Tahoma,Arial,sans-serif;display:grid;place-items:center;cursor:pointer}.btx-help-fab{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 22px)}.btx-broadcast-fab{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 68px);font-size:18px}.btx-media-fab{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 160px);font-size:18px}.btx-media-icon{position:relative;display:block;width:17px;height:17px;border:2px solid currentColor;border-radius:5px}.btx-media-icon::before{content:"";position:absolute;top:50%;right:4px;transform:translateY(-50%);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:8px solid currentColor}.btx-broadcast-count{position:absolute;top:-7px;left:-7px;min-width:18px;height:18px;padding:0 5px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:#ff2d2d;color:#fff;font:950 10px/17px Tahoma,Arial,sans-serif;box-shadow:0 0 14px rgba(255,45,45,.55);display:none}.btx-broadcast-count.visible{display:block}.btx-help-fab:hover,.btx-broadcast-fab:hover,.btx-media-fab:hover{filter:brightness(1.06);transform:translateY(-1px)}.btx-question-backdrop,.btx-broadcast-inbox-backdrop,.btx-media-backdrop{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-y:auto;overscroll-behavior:contain}.btx-question-backdrop.open,.btx-broadcast-inbox-backdrop.open,.btx-media-backdrop.open{display:flex}.btx-question-modal,.btx-broadcast-inbox-modal,.btx-media-modal{position:relative;width:min(92vw,430px);max-height:calc(100vh - 36px);max-height:calc(100dvh - 36px);overflow-y:auto;box-sizing:border-box;border:1px solid rgba(0,255,135,.34);border-radius:26px;background:radial-gradient(circle at top,rgba(0,255,135,.14),rgba(2,9,8,.96) 62%);box-shadow:0 26px 90px rgba(0,0,0,.72),0 0 42px rgba(0,255,135,.14);padding:22px;color:#eafff5;text-align:right;direction:rtl}.btx-media-modal{width:min(94vw,760px);background:radial-gradient(circle at top right,rgba(255,216,107,.16),transparent 34%),radial-gradient(circle at bottom left,rgba(0,234,255,.12),transparent 38%),linear-gradient(150deg,rgba(8,22,18,.98),rgba(2,7,7,.97))}.btx-question-close,.btx-broadcast-inbox-close,.btx-media-close{position:absolute;top:10px;left:10px;width:36px;height:36px;border:1px solid rgba(0,255,135,.34);border-radius:999px;background:rgba(0,0,0,.48);color:var(--mint);font-size:23px;cursor:pointer}.btx-question-title,.btx-broadcast-inbox-title,.btx-media-title{margin:0 0 10px;color:var(--mint);font-size:21px;font-weight:950}.btx-media-kicker{display:inline-flex;margin:0 0 9px;border:1px solid rgba(255,216,107,.28);border-radius:999px;background:rgba(255,216,107,.08);color:var(--gold);padding:6px 11px;font:950 12px/1.3 "Share Tech Mono",Consolas,monospace;letter-spacing:.8px;direction:ltr}.btx-question-text,.btx-broadcast-inbox-text,.btx-media-text{margin:0 0 16px;color:#b7ffe0;line-height:1.9;font-size:13px;overflow-wrap:anywhere}.btx-media-video{position:relative;overflow:hidden;border:1px solid rgba(255,216,107,.28);border-radius:18px;background:rgba(0,0,0,.34);box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 24px rgba(255,216,107,.1)}.btx-media-video iframe,.btx-media-video video{display:block;width:100%;min-height:260px;border:0}.btx-media-playlist{display:grid;gap:8px;margin-top:12px}.btx-media-playlist-item{min-height:42px;border:1px solid rgba(255,216,107,.28);border-radius:14px;background:rgba(255,255,255,.06);color:#fff7cf;font-weight:950}.btx-media-playlist-item.active{background:linear-gradient(135deg,rgba(255,216,107,.2),rgba(0,234,255,.1));box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.btx-question-form{display:grid;gap:12px}.btx-question-form label{display:grid;gap:7px;color:#9fffc8;font-size:12px;font-weight:900}.btx-question-form input,.btx-question-form select,.btx-question-form textarea{width:100%;border:1px solid rgba(0,255,135,.26);border-radius:14px;background:rgba(0,0,0,.28);color:#eafff5;padding:12px;font:inherit;outline:none}.btx-question-form select option{background:#06110d;color:#eafff5}.btx-question-form textarea{min-height:128px;resize:vertical}.btx-question-submit{min-height:46px;border:0;border-radius:15px;color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));font-weight:950;cursor:pointer;box-shadow:0 0 24px rgba(0,255,135,.18)}.btx-question-submit:disabled{opacity:.55;cursor:not-allowed}.btx-question-status,.btx-broadcast-inbox-status{min-height:24px;color:var(--gold);font-size:12px;line-height:1.8;text-align:center}.btx-broadcast-inbox-list{display:grid;gap:10px;max-height:min(58vh,430px);overflow:auto;padding-left:4px}.btx-broadcast-inbox-item{border:1px solid rgba(0,255,135,.18);border-radius:16px;background:rgba(255,255,255,.035);overflow:hidden}.btx-broadcast-inbox-item summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;cursor:pointer;list-style:none}.btx-broadcast-inbox-item summary::-webkit-details-marker{display:none}.btx-broadcast-inbox-item summary strong{color:#eafff5;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.btx-broadcast-inbox-item summary span{color:#8feab8;font-size:11px;white-space:nowrap}.btx-broadcast-inbox-body{border-top:1px solid rgba(0,255,135,.12);padding:12px;color:#dfffee;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;font-size:13px}body.app-frame-open .btx-help-fab,body.app-frame-open .btx-broadcast-fab,body.app-frame-open .btx-media-fab,body.app-frame-open .btx-achievement-fab{display:none!important}
.btx-help-fab,.btx-broadcast-fab,.btx-media-fab,.btx-achievement-fab{border:1px solid rgba(255,215,122,.92);color:#fff8d8;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.07)),radial-gradient(circle at 32% 22%,rgba(255,255,255,.34),rgba(255,255,255,0) 36%),rgba(12,22,24,.34);box-shadow:0 14px 28px rgba(0,0,0,.34),0 0 0 1px rgba(255,244,184,.18),0 0 18px rgba(255,202,70,.35),inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 8px rgba(255,255,255,.16);backdrop-filter:blur(12px) saturate(1.25);-webkit-backdrop-filter:blur(12px) saturate(1.25);text-shadow:0 1px 8px rgba(0,0,0,.58),0 0 12px rgba(255,224,132,.42);animation:btxFabFloat 4.4s ease-in-out infinite}
.btx-broadcast-fab{animation-delay:.18s}.btx-achievement-fab{animation-delay:.28s}.btx-help-fab{animation-delay:.36s}.btx-media-fab{animation-delay:.46s}
.btx-help-fab::before,.btx-broadcast-fab::before,.btx-media-fab::before,.btx-achievement-fab::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,217,91,.95) 28%,rgba(176,116,24,.85) 54%,rgba(255,238,153,.92) 78%,rgba(255,255,255,.72));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.btx-help-fab::after,.btx-broadcast-fab::after,.btx-media-fab::after,.btx-achievement-fab::after{content:"";position:absolute;inset:6px 8px auto 8px;height:12px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);opacity:.58;pointer-events:none}
.btx-help-fab:hover,.btx-broadcast-fab:hover,.btx-media-fab:hover,.btx-achievement-fab:hover{filter:brightness(1.08);transform:translateY(-4px) scale(1.03);box-shadow:0 18px 36px rgba(0,0,0,.38),0 0 0 1px rgba(255,244,184,.22),0 0 24px rgba(255,205,80,.48),inset 0 0 0 1px rgba(255,255,255,.2)}
@keyframes btxFabFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-5px,0)}}
@media (prefers-reduced-motion:reduce){.btx-help-fab,.btx-broadcast-fab,.btx-media-fab,.btx-achievement-fab{animation:none}}
@media (max-width:430px){.btx-media-modal{padding:19px 14px;border-radius:24px}.btx-media-video iframe,.btx-media-video video{min-height:210px}}
@media (max-width:480px){
  .balance-card{padding:14px 10px!important}
  .balance-value{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:5px!important;font-size:clamp(16px,7.4vw,30px)!important;letter-spacing:-.8px!important}
  #walletBtxBalance{display:block!important;width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:break-all!important;white-space:normal!important;font-variant-numeric:tabular-nums}
  .balance-value small{font-size:11px!important;margin-bottom:2px!important}
}
.showcase-store-item{border-color:rgba(0,255,135,.42);background:radial-gradient(circle at 18% 12%,rgba(255,216,107,.18),transparent 34%),linear-gradient(145deg,rgba(0,255,135,.075),rgba(0,234,255,.045)),var(--panel-strong)}
.showcase-store-item button{cursor:pointer;color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));border:0;box-shadow:0 0 24px rgba(0,255,135,.18)}
.bp-showcase-backdrop{position:fixed;inset:0;z-index:10080;display:none;align-items:center;justify-content:center;padding:14px;background:rgba(0,0,0,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow-y:auto;overscroll-behavior:contain}
.bp-showcase-backdrop.open{display:flex}
.bp-showcase-modal,.bp-showcase-confirm{position:relative;width:min(94vw,520px);max-height:86vh;max-height:calc(100dvh - 28px);overflow:auto;box-sizing:border-box;border:1px solid rgba(0,255,135,.34);border-radius:28px;background:radial-gradient(circle at top right,rgba(0,255,135,.18),transparent 38%),linear-gradient(150deg,rgba(8,22,18,.98),rgba(2,7,7,.97));box-shadow:0 28px 90px rgba(0,0,0,.78),0 0 48px rgba(0,255,135,.16);padding:22px;color:#eafff5;text-align:right;direction:rtl}
.bp-showcase-confirm{width:min(92vw,440px)}
.bp-showcase-close{position:absolute;top:10px;left:10px;width:36px;height:36px;border:1px solid rgba(0,255,135,.34);border-radius:999px;background:rgba(0,0,0,.48);color:var(--mint);font-size:23px;cursor:pointer;z-index:2}
.bp-showcase-head{padding-left:38px;margin-bottom:14px}.bp-showcase-kicker{direction:ltr;display:inline-block;color:var(--gold);font:950 12px/1.5 "Share Tech Mono",Consolas,monospace;letter-spacing:1px}.bp-showcase-head h2,.bp-showcase-confirm h2{margin:4px 0 8px;color:#eafff5;font-size:22px;font-weight:950}.bp-showcase-head p,.bp-showcase-gate-text{margin:0;color:#b7ffe0;line-height:1.9;font-size:13px;overflow-wrap:anywhere}
.bp-showcase-list{display:grid;gap:11px;max-height:min(58vh,500px);overflow:auto;padding:2px 0 2px 4px}.bp-showcase-empty{border:1px dashed rgba(0,255,135,.28);border-radius:18px;padding:18px;text-align:center;color:#b7ffe0;background:rgba(255,255,255,.035)}
.bp-showcase-row{display:grid;grid-template-columns:58px 1fr;gap:11px;border:1px solid rgba(0,255,135,.2);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));padding:12px;box-shadow:0 14px 30px rgba(0,0,0,.24);transform:translateZ(0)}
.bp-showcase-row img{width:58px;height:58px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,216,107,.24);background:#06140d}.bp-showcase-row-body h3{margin:0 0 5px;color:#fff7cf;font-size:15px;font-weight:950}.bp-showcase-row-body p{margin:0;color:#c8ffe5;font-size:12px;line-height:1.75}.bp-showcase-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.bp-showcase-meta span{border:1px solid rgba(0,255,135,.18);border-radius:999px;padding:4px 8px;color:#9fffc8;background:rgba(0,0,0,.22);font-size:11px;font-weight:900}
.bp-showcase-row-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.bp-showcase-row-actions button,.bp-showcase-action{min-height:42px;border:1px solid rgba(0,255,135,.28);border-radius:14px;background:rgba(255,255,255,.06);color:#dffff1;font-weight:950;cursor:pointer}.bp-showcase-row-actions button:last-child,.bp-showcase-action.primary{border:0;color:#03110b;background:linear-gradient(135deg,var(--mint),var(--cyan));box-shadow:0 0 22px rgba(0,255,135,.18)}.bp-showcase-row-actions button:disabled,.bp-showcase-action:disabled{opacity:.52;cursor:not-allowed}
.bp-showcase-confirm-body{display:grid;gap:7px;border:1px solid rgba(0,255,135,.16);border-radius:18px;padding:12px;background:rgba(255,255,255,.035);color:#dffff1;line-height:1.8;font-size:13px}.bp-showcase-password{display:grid;gap:7px;margin-top:12px;color:#9fffc8;font-size:12px;font-weight:900}.bp-showcase-password input{width:100%;border:1px solid rgba(0,255,135,.26);border-radius:14px;background:rgba(0,0,0,.28);color:#eafff5;padding:12px;font:inherit;outline:none}.bp-showcase-check{display:flex;align-items:flex-start;gap:8px;margin:12px 0;color:#b7ffe0;font-size:12px;line-height:1.8}.bp-showcase-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.bp-showcase-status{min-height:24px;color:var(--gold);font-size:12px;line-height:1.8;text-align:center;margin-top:8px}
body.app-frame-open .bp-showcase-backdrop{display:none!important}
@media(max-width:430px){.bp-showcase-modal,.bp-showcase-confirm{padding:18px 14px;border-radius:24px}.bp-showcase-row{grid-template-columns:50px 1fr}.bp-showcase-row img{width:50px;height:50px}.bp-showcase-actions{grid-template-columns:1fr}}
/* --- Matrix Splash Screen Styles --- */
.matrix-splash-overlay {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: #000;
  z-index: 999999; /* بالاتر از همه لایه‌ها */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}

.matrix-splash-overlay.fade-out {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

#matrix-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.8s ease;
}

.matrix-splash-content {
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: 'Courier New', monospace, sans-serif;
}

.matrix-glitch-text {
  font-size: 1.8rem;
  font-weight: 900;
  color: #00ff66;
  text-shadow: 0 0 10px #00ff66, 0 0 20px #00ff66, 0 0 40px #008f11;
  letter-spacing: 3px;
  margin-bottom: 8px;
}

.matrix-subtext {
  font-size: 0.75rem;
  color: #a3ffc7;
  letter-spacing: 2px;
  opacity: 0.85;
  text-shadow: 0 0 5px #00ff66;
}

@media (max-width: 480px) {
  .matrix-glitch-text { font-size: 1.3rem; letter-spacing: 2px; }
  .matrix-subtext { font-size: 0.65rem; }
}

#matrixCanvas {
  position: absolute;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  z-index: 1;
  background: #000;
  display: block;
}

#matrixHUD {
  position: relative;
  text-align: center;
  z-index: 2;
  width: 320px;
  max-width: 90vw;
  pointer-events: none;
}
#matrixHUD .matrix-title {
  color: #00ff66;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 4px;
  text-shadow: 0 0 12px #00ff66;
  margin-bottom: 20px;
  font-family: 'Courier New', monospace;
}
#matrixHUD .progress-container {
  width: 100%;
  height: 4px;
  background: rgba(255,255,255,0.1);
  border-radius: 2px;
  overflow: hidden;
  border: 1px solid rgba(244,217,122,0.3);
}
#matrixHUD .progress-bar {
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #06e706, #06d8e7);
  box-shadow: 0 0 10px #f4d97a;
}

#matrixSplashWrapper {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Multiverse navigation visual alignment */
.nav-item{position:relative;isolation:isolate;border:1px solid transparent;background:transparent;transition:color .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease}
.nav-item:not(.active):hover{color:#d9fff6;background:linear-gradient(145deg,rgba(15,48,51,.7),rgba(6,21,29,.82));border-color:rgba(105,244,220,.24);box-shadow:inset 0 0 18px rgba(74,228,230,.06),0 0 16px rgba(74,228,230,.08)}
.nav-item.active{color:#041714;background:linear-gradient(135deg,#20f4aa 0%,#37e4d2 52%,#39d7ff 100%);border-color:rgba(131,255,236,.8);box-shadow:0 0 0 2px rgba(63,249,211,.16),0 0 25px rgba(31,239,205,.28),inset 0 1px 0 rgba(255,255,255,.35)}
.nav-item .nav-icon{display:grid;place-items:center;width:34px;height:30px;color:#75e8d2;transition:transform .24s ease,color .24s ease,filter .24s ease}
.nav-item .nav-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible;filter:drop-shadow(0 0 5px currentColor)}
.nav-item.active .nav-icon{color:#052f29;transform:translateY(-1px)}
.nav-workspace:not(.active) .nav-icon{color:#ffbd70}
.nav-wallet:not(.active) .nav-icon{color:#8bcfff}
.nav-item:not(.active):hover .nav-icon{color:#a9fff0;transform:translateY(-2px)}
.nav-item span:last-child{letter-spacing:.025em}
.nav-wallet{padding:0}
.nav-wallet:not(.active){background:transparent;box-shadow:none;border-color:transparent;color:#94c7b4}
.nav-wallet:not(.active):hover{background:linear-gradient(145deg,rgba(15,48,51,.7),rgba(6,21,29,.82));border-color:rgba(105,244,220,.24);box-shadow:inset 0 0 18px rgba(74,228,230,.06),0 0 16px rgba(74,228,230,.08);color:#d9fff6}
@media(max-width:380px){.nav-item .nav-icon{width:30px;height:27px}.nav-item .nav-icon svg{width:24px;height:24px}}

/* Quick Action: Qard al-Hasan information modal */
.wallet-loan-dialog{width:min(560px,calc(100% - 28px));max-height:calc(100% - 32px);padding:24px;border:1px solid rgba(0,255,160,.55);border-radius:24px;color:#dffcf0;background:radial-gradient(ellipse at 12% 0%,rgba(0,255,153,.16),transparent 48%),linear-gradient(145deg,#102c26 0%,#07131b 100%);box-shadow:0 22px 80px rgba(0,0,0,.65),0 0 36px rgba(0,255,153,.14);direction:rtl;overflow:auto}
.wallet-loan-dialog::backdrop{background:rgba(0,7,10,.78);backdrop-filter:blur(5px)}
.wallet-loan-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.wallet-loan-head h2{margin:0;color:#00f3a1;font-size:clamp(20px,5vw,27px);text-shadow:0 0 18px rgba(0,255,153,.28)}
.wallet-loan-close{width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(0,255,160,.45);border-radius:14px;background:rgba(0,12,17,.7);color:#dffcf0;font-size:28px;line-height:1;cursor:pointer}
.wallet-loan-description{margin:0;padding:18px;border:1px solid rgba(0,207,186,.32);border-radius:17px;background:rgba(0,16,24,.42);font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif;font-size:clamp(15px,3.8vw,18px);line-height:2;text-align:right}
.wallet-loan-form[hidden],.wallet-loan-actions[hidden]{display:none!important}.wallet-loan-form{display:grid;gap:9px;margin-top:18px;font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif}.wallet-loan-form label{font-weight:700}.wallet-loan-form input{width:100%;min-height:48px;padding:11px 14px;border:1px solid rgba(0,255,160,.45);border-radius:14px;background:rgba(0,12,17,.7);color:#e4fff5;font:inherit;direction:ltr;text-align:left}.wallet-loan-form input:focus{outline:2px solid rgba(0,255,160,.45);outline-offset:2px}.wallet-loan-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.wallet-loan-actions button{min-height:52px;padding:10px 16px;border:1px solid rgba(0,255,160,.55);border-radius:16px;color:#e4fff5;font:inherit;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.wallet-loan-actions button:hover,.wallet-loan-actions button:focus-visible{transform:translateY(-2px);box-shadow:0 0 22px rgba(0,255,160,.22);outline:none}.wallet-loan-primary,.wallet-loan-secondary{background:linear-gradient(120deg,#00da91,#00cbe7)!important;color:#00241d!important}
.wallet-loan-notice{margin:18px 0 0;padding:13px;border:1px solid rgba(0,255,160,.4);border-radius:14px;background:rgba(0,255,153,.09);color:#74ffd0;text-align:center;font-weight:700;line-height:1.8}.wallet-loan-notice[hidden]{display:none}
@media(max-width:480px){.wallet-loan-dialog{padding:19px}.wallet-loan-actions{grid-template-columns:1fr;gap:9px}.wallet-loan-actions button{min-height:48px}}


/* Full-screen BTX service tariff and recurring bundle subscription */
.wallet-services-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(760px,calc(100vw - 28px));max-width:calc(100vw - 28px);height:auto;max-height:min(90dvh,820px);padding:clamp(18px,4vw,32px);border:1px solid rgba(80,230,180,.3);border-radius:26px;color:#e5fff4;background:radial-gradient(ellipse at 12% 0%,rgba(0,255,153,.16),transparent 45%),linear-gradient(145deg,#102c26 0%,#07131b 100%);box-shadow:0 26px 90px rgba(0,0,0,.58);overflow:auto;font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif}
.wallet-services-dialog::backdrop{background:rgba(0,7,10,.82);backdrop-filter:blur(7px)}
.wallet-services-shell{box-sizing:border-box;min-height:0;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.wallet-services-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid rgba(80,230,180,.24)}
.wallet-services-kicker{color:#5df3bd;font:700 11px/1.5 "Share Tech Mono",monospace;letter-spacing:.15em}
.wallet-services-head h2{margin:6px 0 0;color:#dffcf0;font-size:clamp(21px,5vw,32px);line-height:1.6}
.wallet-services-close{flex:0 0 44px;width:44px;height:44px;border:1px solid rgba(0,255,160,.42);border-radius:14px;background:rgba(0,12,17,.7);color:#dffcf0;font:400 30px/1 sans-serif;cursor:pointer}
.wallet-services-intro,.wallet-services-note,.wallet-services-bundle-note{margin:0;padding:14px 16px;border:1px solid rgba(0,207,186,.24);border-radius:15px;background:rgba(0,16,24,.38);line-height:1.9}
.wallet-services-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.wallet-services-list li{overflow:hidden;border:1px solid rgba(85,225,184,.25);border-radius:14px;background:rgba(9,45,38,.65);line-height:1.7}
.wallet-service-link{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;background:transparent;color:#e5fff4;text-align:right;text-decoration:none;font:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.wallet-service-link strong{color:#8affd4;white-space:nowrap}
.wallet-service-link:hover,.wallet-service-link:focus-visible{background:rgba(0,255,160,.1);outline:2px solid rgba(93,243,189,.62);outline-offset:-2px}
.wallet-service-soon{opacity:.68}
.wallet-service-disabled{cursor:not-allowed}
.wallet-services-bundle-note{border-color:rgba(255,193,84,.4);color:#ffe7b6}
.wallet-services-future-note{border-color:rgba(92,180,255,.38);color:#c8e9ff}
.wallet-services-tagline{margin:4px 0 2px;padding:10px 0;color:#ffdc73;text-align:center;font-size:clamp(10px,3.6vw,22px);font-weight:900;line-height:1.55;white-space:normal;text-shadow:0 0 9px rgba(255,206,89,.58);animation:walletTaglineSparkle 5.5s ease-in-out infinite}
@keyframes walletTaglineSparkle{0%,78%,100%{color:#ffdc73;text-shadow:0 0 8px rgba(255,206,89,.55)}82%{color:#fff8cf;text-shadow:0 0 14px rgba(255,244,185,.95),0 0 26px rgba(255,191,64,.75)}86%{color:#ffd15d;text-shadow:0 0 8px rgba(255,206,89,.62)}90%{color:#fff1ac;text-shadow:0 0 13px rgba(255,224,126,.86),0 0 23px rgba(255,180,47,.62)}}
@media(prefers-reduced-motion:reduce){.wallet-services-tagline{animation:none}}
.wallet-services-buy{width:100%;min-height:60px;margin-top:auto;padding:14px 18px;border:1px solid #5effbf;border-radius:18px;background:linear-gradient(135deg,#00d987,#00c9d4);color:#03261c;font:800 clamp(16px,4vw,20px)/1.7 "Vazirmatn","Segoe UI",Tahoma,sans-serif;cursor:pointer;box-shadow:0 8px 28px rgba(0,226,164,.2)}
.wallet-services-buy:disabled{opacity:.65;cursor:wait}
.wallet-services-toggle{margin-top:0}
.wallet-services-cancel{border-color:rgba(255,174,126,.65);background:linear-gradient(135deg,#b94c3a,#8c374d);color:#fff3ec;box-shadow:0 8px 28px rgba(220,90,75,.16)}
.wallet-services-buy[hidden],.wallet-services-toggle[hidden]{display:none!important}
.wallet-services-status{min-height:1.8em;margin:0;color:#89ffd2;text-align:center;font-weight:700;line-height:1.8}
@media(max-width:520px){.wallet-services-dialog{max-height:92dvh;padding:16px;border-radius:22px}.wallet-services-shell{gap:11px}.wallet-service-link{align-items:flex-start;flex-direction:column;gap:3px;padding:12px}.wallet-service-link strong{white-space:normal}.wallet-services-buy{min-height:56px}}


/* Primary-screen viewport fit: wallet and workspace */
.app-shell:has(> #walletPage.active),
.app-shell:has(> #storePage.active) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-top: 8px;
  padding-bottom: calc(var(--nav-height) + env(safe-area-inset-bottom) + 8px);
}
@media (min-width: 720px) {
  .app-shell:has(> #walletPage.active),
  .app-shell:has(> #storePage.active) {
    padding-bottom: calc(76px + env(safe-area-inset-bottom) + 12px);
  }
}
.app-shell:has(> #walletPage.active) > #walletPage,
.app-shell:has(> #storePage.active) > #storePage {
  flex: 1 1 0;
  height: auto;
  min-height: 0;
  overflow: hidden;
}
#walletPage.active,
#storePage.active {
  display: flex;
  flex-direction: column;
}

/* Workspace cards share the available height instead of extending the page. */
#storePage.active .store-hero {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 3px;
  min-height: 112px;
  margin: 0 0 7px;
  padding: 8px 110px 8px 8px;
  overflow: hidden;
}
#storePage.active .store-hero .header-logo-fixed {
  top: 50%;
  right: 8px;
  left: auto;
  width: 96px;
  height: 96px;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 10px rgba(0, 255, 135, .36));
}
#storePage.active .store-hero .hero-topline {
  align-self: flex-start;
  padding: 4px 8px;
  font-size: 9px;
}
#storePage.active .store-hero h1 {
  margin: 0;
  font-size: clamp(20px, 6vw, 27px);
  line-height: 1.2;
  text-align: right;
}
#storePage.active .store-hero p {
  max-width: none;
  margin: 0;
  font-size: clamp(10px, 3.2vw, 12px);
  line-height: 1.45;
  text-align: right;
}
#storePage.active .store-grid {
  display: grid;
  flex: 1 1 0;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: clamp(5px, 1vh, 8px);
  min-height: 0;
  margin: 0;
}
#storePage.active .store-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 40px minmax(0, 1fr);
  grid-template-areas: "title" "action" "description";
  align-items: stretch;
  row-gap: 4px;
  min-height: 0;
  padding: 8px 11px 0;
}
#storePage.active .store-item > span {
  grid-area: title;
  align-self: end;
  direction: rtl;
  text-align: right;
  font-size: clamp(17px, 4.8vw, 21px);
  line-height: 1.3;
  letter-spacing: 0;
  text-shadow: 0 0 9px rgba(255, 209, 102, .48), 0 0 18px rgba(255, 209, 102, .2);
}
#storePage.active .store-item > p {
  grid-area: description;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 -11px;
  padding: 4px 11px;
  border-top: 1px solid rgba(0, 255, 135, .13);
  border-radius: 0 0 18px 18px;
  background: linear-gradient(90deg, rgba(0, 255, 135, .055), rgba(0, 234, 255, .11), rgba(0, 255, 135, .055));
  color: #b7ffe0;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
}
#storePage.active .store-item > button {
  grid-area: action;
  align-self: center;
  justify-self: stretch;
  width: 100%;
  min-width: 0;
  min-height: 40px;
  padding: 4px 8px;
  font-size: 13px;
}

/* Wallet content fits above the fixed navigation while retaining every action. */
#walletPage.active .wallet-hero-style {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 2px;
  min-height: 112px;
  margin: 0 0 6px;
  padding: 8px 110px 8px 8px;
  overflow: hidden;
}
#walletPage.active .wallet-hero-style .header-logo-fixed {
  top: 50%;
  right: 8px;
  left: auto;
  width: 96px;
  height: 96px;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 10px rgba(0, 255, 135, .36));
}
#walletPage.active .wallet-hero-style .hero-topline {
  align-self: flex-start;
  padding: 3px 7px;
  font-size: 9px;
}
#walletPage.active .wallet-hero-style h1 {
  margin: 0;
  font-size: clamp(20px, 6vw, 27px);
  line-height: 1.2;
  text-align: right;
}
#walletPage.active .wallet-hero-style p {
  max-width: none;
  margin: 0;
  font-size: clamp(10px, 3.1vw, 12px);
  line-height: 1.4;
  text-align: right;
}
#walletPage.active #walletDashboard {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 6px;
  min-height: 0;
}
#walletPage.active #walletDashboard > .balance-card,
#walletPage.active #walletDashboard > .wallet-actions-card {
  margin: 0;
}
#walletPage.active #walletDashboard > .balance-card {
  flex: 0 0 auto;
  padding: 10px 12px;
}
#walletPage.active .balance-card .wallet-card-head {
  margin-bottom: 4px;
}
#walletPage.active .balance-value {
  font-size: clamp(18px, 6.3vw, 27px) !important;
  line-height: 1.05;
}
#walletPage.active #walletBtxBalance {
  overflow: hidden !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: nowrap !important;
  text-overflow: ellipsis;
}
#walletPage.active .balance-value small {
  margin-bottom: 1px !important;
  font-size: 10px !important;
}
#walletPage.active .balance-sub {
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.35;
}
#walletPage.active .balance-extra-rates {
  margin-top: 6px;
  padding-top: 6px;
  font-size: 12px;
}
#walletPage.active .balance-extra-rates .rate-item span {
  font-size: 12px;
}
#walletPage.active .balance-extra-rates .rate-item strong {
  font-size: 13px;
}
#walletPage.active #walletDashboard > .wallet-actions-card {
  flex: 1 1 0;
  justify-content: space-between;
  gap: 5px;
  min-height: 0;
  padding: 10px 12px;
  overflow: hidden;
}
#walletPage.active .wallet-actions-card .wallet-card-top {
  flex: 0 0 auto;
  gap: 4px;
}
#walletPage.active .wallet-actions-card .wallet-card-head:has(#walletQuickTransfer) {
  column-gap: 7px;
}
#walletPage.active .wallet-actions-card #walletUwidQr {
  width: 88px !important;
  margin: 0 !important;
}
#walletPage.active .wallet-actions-card #walletUwidQrImage {
  width: 88px !important;
  height: 88px !important;
}
#walletPage.active .wallet-actions-card .split-action {
  min-height: 40px !important;
  margin: 0 !important;
  padding: 6px 10px !important;
}
#walletPage.active .wallet-actions-card #walletQuickTransfer {
  min-height: 42px !important;
  margin: 4px 0 0 !important;
  padding: 6px 10px !important;
}
#walletPage.active .wallet-actions-card p {
  margin: 0;
  font-size: 11px;
  line-height: 1.4;
}
#walletPage.active .wallet-auth-card {
  flex: 0 0 auto;
  margin-top: 0;
  padding: 12px;
}
#walletPage.active .wallet-auth-card .wallet-card-head {
  margin-bottom: 6px;
}
#walletPage.active .wallet-auth-card p {
  margin-bottom: 6px;
  font-size: 11px;
  line-height: 1.55;
}
#walletPage.active .wallet-auth-card button {
  min-height: 40px;
  margin-top: 6px;
}

@media (max-height: 620px) {
  .app-shell:has(> #walletPage.active),
  .app-shell:has(> #storePage.active) {
    padding-top: 4px;
  }
  #storePage.active .store-hero {
    min-height: 98px;
    gap: 2px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #storePage.active .store-hero .header-logo-fixed,
  #walletPage.active .wallet-hero-style .header-logo-fixed {
    width: 84px;
    height: 84px;
  }
  #storePage.active .store-hero h1,
  #walletPage.active .wallet-hero-style h1 {
    font-size: clamp(18px, 5.6vw, 24px);
  }
  #storePage.active .store-hero p,
  #walletPage.active .wallet-hero-style p {
    font-size: 10px;
    line-height: 1.3;
  }
  #storePage.active .store-grid {
    gap: 5px;
  }
  #storePage.active .store-item {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto 34px minmax(0, 1fr);
    grid-template-areas: "title" "action" "description";
    row-gap: 3px;
    padding: 6px 9px 0;
  }
  #storePage.active .store-item > span {
    font-size: 15px;
  }
  #storePage.active .store-item > p {
    margin: 0 -9px;
    padding: 3px 9px;
    font-size: 10px;
    line-height: 1.3;
  }
  #storePage.active .store-item > button {
    width: 100%;
    min-height: 34px;
    font-size: 11px;
  }
  #walletPage.active .wallet-hero-style {
    min-height: 98px;
    margin-bottom: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #walletPage.active #walletDashboard {
    gap: 4px;
  }
  #walletPage.active #walletDashboard > .balance-card {
    padding: 7px 9px;
  }
  #walletPage.active .balance-sub {
    margin-top: 3px;
    font-size: 10px;
  }
  #walletPage.active .balance-extra-rates {
    margin-top: 4px;
    padding-top: 4px;
  }
  #walletPage.active #walletDashboard > .wallet-actions-card {
    gap: 3px;
    padding: 7px 9px;
  }
  #walletPage.active .wallet-actions-card #walletUwidQr,
  #walletPage.active .wallet-actions-card #walletUwidQrImage {
    width: 76px !important;
    height: 76px !important;
  }
  #walletPage.active .wallet-actions-card .quick-action-icon {
    width: 36px;
    height: 36px;
    flex-basis: 36px;
  }
  #walletPage.active .wallet-actions-card .quick-action-icon svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 380px) {
  .app-shell:has(> #walletPage.active),
  .app-shell:has(> #storePage.active) {
    padding-bottom: calc(64px + env(safe-area-inset-bottom));
  }
  #walletPage.active .wallet-actions-card .wallet-card-head:has(#walletQuickTransfer) {
    grid-template-columns: minmax(0, 1fr) 82px;
    column-gap: 5px;
  }
  #walletPage.active .wallet-actions-card #walletUwidQr,
  #walletPage.active .wallet-actions-card #walletUwidQrImage {
    width: 76px !important;
    height: 76px !important;
  }
}
@media (max-width: 350px) {
  #walletPage.active .wallet-actions-card .wallet-card-head:has(#walletQuickTransfer) {
    grid-template-columns: minmax(0, 1fr) 76px;
    column-gap: 5px;
  }
  #walletPage.active .wallet-actions-card #walletUwidQr,
  #walletPage.active .wallet-actions-card #walletUwidQrImage {
    width: 72px !important;
    height: 72px !important;
  }
  #walletPage.active .wallet-actions-card .quick-action-icon {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }
  #walletPage.active .wallet-actions-card .quick-action-icon svg {
    width: 19px;
    height: 19px;
  }
}
/* Service previews and transparent bundle-pricing dialogs. */
.wallet-service-info-dialog,.wallet-service-pricing-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;max-width:calc(100vw - 28px);max-height:min(90dvh,780px);padding:0;border:1px solid rgba(102,244,196,.45);border-radius:26px;color:#e7fff5;background:#071a1b;box-shadow:0 26px 90px rgba(0,0,0,.58);overflow:auto;font-family:"Vazirmatn","Segoe UI",Tahoma,sans-serif}
.wallet-service-info-dialog{width:min(520px,calc(100vw - 28px))}
.wallet-service-pricing-dialog{width:min(620px,calc(100vw - 28px))}
.wallet-service-info-dialog::backdrop,.wallet-service-pricing-dialog::backdrop{background:rgba(0,7,10,.78);backdrop-filter:blur(8px)}
.wallet-service-info-card{--service-accent:#6ff3c2;--service-glow:rgba(15,220,155,.2);box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:12px;min-height:100%;padding:clamp(22px,5vw,34px);background:radial-gradient(ellipse at 90% 0%,var(--service-glow),transparent 42%),linear-gradient(150deg,#12382f 0%,#08151e 76%)}
.wallet-service-info-card[data-wallet-service-tone="market"]{--service-accent:#71eaff;--service-glow:rgba(30,180,255,.2)}
.wallet-service-info-card[data-wallet-service-tone="forge"]{--service-accent:#d6a7ff;--service-glow:rgba(156,74,255,.24)}
.wallet-service-info-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wallet-service-info-mark{display:grid;place-items:center;width:62px;height:62px;border:1px solid color-mix(in srgb,var(--service-accent),transparent 35%);border-radius:19px;color:var(--service-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--service-accent),transparent 88%),rgba(3,13,20,.76));box-shadow:0 0 30px var(--service-glow);font-size:24px;font-weight:900;letter-spacing:-.08em}
.wallet-service-info-mark svg,.wallet-service-info-mark img{display:block;width:40px;height:40px}.wallet-service-info-mark svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.wallet-service-info-mark img{object-fit:contain;border-radius:10px}
.wallet-service-info-close{flex:0 0 42px;width:42px;height:42px;border:1px solid rgba(153,222,205,.35);border-radius:14px;color:#d9fff2;background:rgba(1,12,17,.58);font:400 28px/1 sans-serif;cursor:pointer}
.wallet-service-info-close:hover,.wallet-service-info-close:focus-visible{border-color:var(--service-accent,#6ff3c2);outline:2px solid rgba(111,243,194,.32);outline-offset:2px}
.wallet-service-info-kicker{color:var(--service-accent,#77f4c5);font:800 10px/1.6 "Share Tech Mono",Consolas,monospace;letter-spacing:.12em}
.wallet-service-info-card h2,.wallet-service-pricing-head h2{margin:0;color:#f0fff8;font-size:clamp(22px,5vw,30px);line-height:1.55}
.wallet-service-info-description{margin:0;color:#c6e7dc;font-size:15px;line-height:2}
.wallet-service-info-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}
.wallet-service-info-facts>div{display:flex;flex-direction:column;gap:5px;min-width:0;padding:13px;border:1px solid rgba(124,222,190,.23);border-radius:16px;background:rgba(2,17,21,.48)}
.wallet-service-info-facts span,.wallet-service-pricing-tile span,.wallet-service-pricing-current span{color:#9dc7b9;font-size:12px}
.wallet-service-info-facts strong{color:var(--service-accent);font-size:clamp(13px,3.4vw,16px);line-height:1.6}
.wallet-service-info-note{margin:0;color:#9bc8b9;font-size:12px;line-height:1.8}
.wallet-service-trial-button{width:100%;min-height:58px;padding:13px 16px;border:1px solid var(--service-accent);border-radius:17px;color:#03241c;background:linear-gradient(135deg,#00dd91,#00d1d9);box-shadow:0 10px 30px var(--service-glow);font:900 clamp(14px,3.8vw,17px)/1.7 "Vazirmatn","Segoe UI",Tahoma,sans-serif;cursor:pointer;transition:transform .18s ease,filter .18s ease}
.wallet-service-trial-button:hover,.wallet-service-trial-button:focus-visible{transform:translateY(-2px);filter:brightness(1.08);outline:2px solid rgba(255,255,255,.72);outline-offset:2px}
.wallet-service-pricing-shell{box-sizing:border-box;display:flex;flex-direction:column;gap:13px;padding:clamp(20px,4vw,30px);background:radial-gradient(ellipse at 5% 0%,rgba(0,213,162,.17),transparent 40%),linear-gradient(150deg,#12352e 0%,#08151e 75%)}
.wallet-service-pricing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:12px;border-bottom:1px solid rgba(111,243,194,.24)}
.wallet-service-pricing-head h2{margin-top:5px}
.wallet-service-pricing-intro,.wallet-service-pricing-rule,.wallet-service-pricing-action-note{margin:0;color:#c7e8dc;font-size:13px;line-height:1.9}
.wallet-service-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wallet-service-pricing-tile{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid rgba(100,231,190,.25);border-radius:15px;background:rgba(0,18,23,.48)}
.wallet-service-pricing-tile strong{color:#8fffd0;font-size:18px;line-height:1.7}
.wallet-service-pricing-rule{padding:12px 14px;border-right:3px solid rgba(89,231,187,.74);border-radius:12px;background:rgba(0,17,23,.36)}
.wallet-service-pricing-action-note{padding:11px 13px;border:1px solid rgba(255,205,108,.3);border-radius:13px;color:#ffe6b0;background:rgba(55,40,12,.25)}
.wallet-service-pricing-current{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border:1px solid rgba(255,209,113,.4);border-radius:15px;background:rgba(65,48,13,.3)}
.wallet-service-pricing-current[hidden]{display:none}
.wallet-service-pricing-current strong{color:#ffdf85;font-size:19px;direction:ltr}
.wallet-service-pricing-shell .wallet-services-buy{margin-top:2px}
.wallet-service-pricing-back{min-height:44px;padding:9px 14px;border:1px solid rgba(156,213,194,.3);border-radius:14px;color:#d6f5e8;background:rgba(2,15,20,.45);font:700 13px/1.6 "Vazirmatn","Segoe UI",Tahoma,sans-serif;cursor:pointer}
.wallet-service-pricing-back:hover,.wallet-service-pricing-back:focus-visible{border-color:#80f2c6;outline:2px solid rgba(128,242,198,.25);outline-offset:2px}
@media(max-width:520px){.wallet-service-info-dialog,.wallet-service-pricing-dialog{max-height:92dvh;border-radius:22px}.wallet-service-info-card{gap:10px;padding:20px}.wallet-service-info-facts{gap:8px}.wallet-service-info-facts>div{padding:11px}.wallet-service-pricing-shell{gap:10px;padding:18px}.wallet-service-pricing-grid{gap:7px}.wallet-service-pricing-tile{padding:10px}.wallet-service-pricing-tile strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.wallet-service-trial-button{transition:none}}
@keyframes btx-coin-tap {
  0%, 100% { transform: translateY(-50%) scale(1) rotate(0deg); filter: brightness(1) drop-shadow(0 0 10px rgba(0, 255, 135, .36)); }
  28% { transform: translateY(-53%) scale(1.17) rotate(-12deg); filter: brightness(1.45) drop-shadow(0 0 22px rgba(0, 255, 200, .8)); }
  58% { transform: translateY(-48%) scale(.96) rotate(9deg); filter: brightness(1.2) drop-shadow(0 0 17px rgba(0, 234, 255, .65)); }
}
@media (hover: hover) and (pointer: fine) {
  #storePage.active .store-hero .header-logo-fixed:hover,
  #walletPage.active .wallet-hero-style .header-logo-fixed:hover {
    transform: translateY(-50%) scale(1.08) rotate(-6deg);
    filter: brightness(1.15) drop-shadow(0 0 18px rgba(0, 255, 200, .62));
  }
}
#storePage.active .store-hero .header-logo-fixed.is-pressed,
#walletPage.active .wallet-hero-style .header-logo-fixed.is-pressed {
  animation: btx-coin-tap .82s cubic-bezier(.2, .8, .25, 1) both;
  cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  #storePage.active .store-hero .header-logo-fixed.is-pressed,
  #walletPage.active .wallet-hero-style .header-logo-fixed.is-pressed {
    animation: none;
  }
}

/* Floating shortcuts are available only on the Multiverse screen. */
body:not(:has(#gamesPage.active)) .btx-help-fab,
body:not(:has(#gamesPage.active)) .btx-broadcast-fab,
body:not(:has(#gamesPage.active)) .btx-media-fab,
body:not(:has(#gamesPage.active)) .btx-achievement-fab{display:none!important}
/* Keep the four existing shortcut buttons together in the Multiverse panel's lower dark area. */
#gamesPage.multiverse-page .multiverse-shortcuts-row{position:absolute;right:14px;left:14px;bottom:22px;z-index:5;display:flex;align-items:center;justify-content:center;gap:clamp(8px,2.5vw,16px);direction:rtl;pointer-events:none}
#gamesPage.multiverse-page .multiverse-shortcuts-row>.btx-help-fab,
#gamesPage.multiverse-page .multiverse-shortcuts-row>.btx-broadcast-fab,
#gamesPage.multiverse-page .multiverse-shortcuts-row>.btx-media-fab,
#gamesPage.multiverse-page .multiverse-shortcuts-row>.btx-achievement-fab{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;flex:0 0 38px;width:38px;height:38px;padding:0;pointer-events:auto}