/* FIST Pro UI — Obsidian Gold product system */
:root{
  --pro-bg:#060606;
  --pro-bg-soft:#0a0b0d;
  --pro-panel:#101114;
  --pro-panel-up:#15161a;
  --pro-line:rgba(255,255,255,.085);
  --pro-line-gold:rgba(255,184,0,.26);
  --pro-gold:#ffb800;
  --pro-gold-soft:#ffd66b;
  --pro-gold-pale:#ffe7a6;
  --pro-green:#58e39a;
  --pro-text:#f7f7f5;
  --pro-muted:#92959d;
  --pro-dim:#5e626b;
  --pro-shadow:0 24px 72px rgba(0,0,0,.42);
  --pro-radius-lg:24px;
  --pro-radius-md:17px;
}

html,body,body.uni-body,uni-app,uni-page,uni-page-body,uni-page-wrapper,
.content,.tab-page,.page-bg,.forge-page,.game-scene{
  background-color:var(--pro-bg)!important;
  background-image:none!important;
  color:var(--pro-text)!important;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(640px 360px at 74% -8%,rgba(255,184,0,.075),transparent 72%),
    radial-gradient(520px 340px at 12% 24%,rgba(255,214,107,.032),transparent 70%),
    linear-gradient(180deg,#090909 0%,#060606 52%,#050505 100%);
}
.luxury-bg,.forge-bg,.scene-bg,.page-bg{
  background:linear-gradient(180deg,rgba(255,184,0,.02),transparent 34%)!important;
}
.luxury-bg:before,.forge-bg:before,.scene-bg:before,.page-bg:before,
.bg-grid,.preview-grid,.game-scene .bg-glow{display:none!important}

.page-inner,.page-body,.forge-body{max-width:760px!important;padding-left:20px!important;padding-right:20px!important}
.top-bar,.page-header,.forge-header{min-height:76px!important;padding:12px 0 16px!important}

/* Typography and compact product header */
.brand-mark-img{width:46px!important;height:46px!important;margin-right:12px!important}
.brand-name{font-size:18px!important;font-weight:820!important;letter-spacing:-.02em!important}
.brand-sub{color:var(--pro-muted)!important;font-size:9px!important;letter-spacing:.18em!important}
.wallet-chip,.forge-page .wallet-pill{
  min-height:40px!important;padding:0 14px!important;border:1px solid var(--pro-line)!important;
  border-radius:999px!important;background:rgba(255,255,255,.035)!important;box-shadow:none!important;
}
.wallet-chip.connected,.forge-page .wallet-pill{border-color:rgba(88,227,154,.18)!important}
.chip-text,.pill-amount{color:#d9dadd!important}.chip-dot{background:var(--pro-green)!important}

/* Surfaces */
.vault-card,.bento-main,.bento-sm,.notice-card,.profile-hero,.wallet-card,.stats-card,.list-card,
.earn-card,.card-box,.rate-box,.balance-hero,.action-card,.wallet-box,.tip-box,.notice-panel,
.preview-stage,.modal-box,.rule-popup-inner,.command-deck,.offline-panel{
  border:1px solid var(--pro-line)!important;
  background:linear-gradient(145deg,rgba(22,23,27,.98),rgba(12,13,15,.99))!important;
  box-shadow:var(--pro-shadow)!important;
}

/* Home market hero */
.vault-wrap{margin:8px 0 18px!important}
.vault-card{
  min-height:252px!important;border-color:var(--pro-line-gold)!important;border-radius:28px!important;
  background:
    radial-gradient(320px 240px at 100% 0%,rgba(255,184,0,.13),transparent 70%),
    linear-gradient(145deg,#17191d,#0c0d10 74%)!important;
}
.vault-card:before{
  width:270px!important;height:270px!important;right:-116px!important;top:-126px!important;
  border-color:rgba(255,184,0,.17)!important;box-shadow:0 0 0 38px rgba(255,184,0,.022),0 0 0 76px rgba(255,184,0,.012)!important;
}
.vault-card:after{content:"FIST  /  BSC MARKET"!important;color:rgba(255,214,107,.31)!important}
.vault-inner{min-height:252px!important}.vault-content{padding:27px!important}
.coin-medal-img{width:70px!important;height:70px!important;right:25px!important;top:25px!important;box-shadow:0 14px 40px rgba(255,184,0,.22)!important}
.live-badge{border-color:rgba(88,227,154,.18)!important;background:rgba(88,227,154,.065)!important}
.live-text{color:var(--pro-green)!important}.live-src,.live-divider{color:var(--pro-muted)!important}
.price-block{margin-top:28px!important}.price-num{color:var(--pro-text)!important;-webkit-text-fill-color:var(--pro-text)!important;font-size:46px!important;font-weight:820!important}
.price-currency,.price-hint{color:var(--pro-muted)!important}.refresh-btn{color:var(--pro-gold)!important;border-color:var(--pro-line-gold)!important;background:rgba(255,184,0,.07)!important}
.contract-bar{position:relative!important;min-height:56px!important;padding:8px 10px 8px 12px!important;border:1px solid rgba(255,184,0,.14)!important;border-radius:15px!important;background:linear-gradient(100deg,rgba(255,184,0,.045),rgba(0,0,0,.2) 38%,rgba(0,0,0,.28))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.contract-left{gap:12px!important}.contract-tag-wrap{display:flex!important;align-items:center!important;justify-content:center!important;min-width:66px!important;height:32px!important;padding:0 12px!important;border:1px solid rgba(255,184,0,.28)!important;border-radius:9px!important;background:rgba(255,184,0,.075)!important;box-sizing:border-box!important}
.contract-tag-text{display:flex!important;align-items:center!important;color:var(--pro-gold-soft)!important;font-size:0!important}.contract-tag-text:before{content:"";width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--pro-gold);box-shadow:0 0 9px rgba(255,184,0,.65)}.contract-tag-text:after{content:"Fist";font-size:11px!important;font-weight:800!important;letter-spacing:.035em!important}
.contract-addr{color:#a9acb4!important;font-size:12px!important;font-weight:520!important;letter-spacing:.025em!important}
.contract-action{display:flex!important;align-items:center!important;justify-content:center!important;min-width:68px!important;height:36px!important;margin-left:10px!important;padding:0 17px!important;border-radius:10px!important;color:#171000!important;background:linear-gradient(135deg,var(--pro-gold-soft),var(--pro-gold))!important;box-shadow:0 8px 22px rgba(255,184,0,.13)!important;font-size:11px!important;font-weight:800!important}
.vault-card:after{content:"FIST  /  FIST MARKET"!important}

/* Home tiles */
.bento-grid{gap:13px!important}.bento-col{gap:13px!important}
.bento-main,.bento-sm{border-radius:20px!important;box-shadow:0 16px 42px rgba(0,0,0,.2)!important}
.bento-main{background:linear-gradient(145deg,#17181c,#0f1013)!important}
.bento-main:after{color:rgba(255,184,0,.08)!important}
.bento-icon-img{border-color:var(--pro-line-gold)!important;background:rgba(255,184,0,.065)!important;filter:grayscale(1) brightness(2.2) sepia(1) saturate(.6)!important}
.bento-cta,.copy-hint{color:var(--pro-gold-soft)!important}.bento-badge{color:var(--pro-green)!important}
.section-header:before,.section-title-row:before,.title-bar:before{background:linear-gradient(var(--pro-gold-soft),var(--pro-gold))!important}
.header-text,.section-title,.title-text{color:var(--pro-text)!important}

/* Game page: premium locked module */
.game-scene .page-title{font-size:25px!important;font-weight:820!important;letter-spacing:-.03em!important}
.game-scene .page-sub{color:var(--pro-muted)!important;letter-spacing:.08em!important}
.game-scene .preview-stage{min-height:430px!important;border-radius:26px!important;background:radial-gradient(420px 250px at 50% 45%,rgba(255,184,0,.07),transparent 72%),linear-gradient(145deg,#121316,#0b0c0e)!important}
.game-scene .notice-panel{max-width:390px!important;padding:34px!important;border-color:var(--pro-line-gold)!important;border-radius:22px!important;background:rgba(10,10,10,.78)!important;backdrop-filter:blur(16px)!important}
.game-scene .lock-icon{width:66px!important;height:66px!important;border:0!important;border-radius:50%!important;background:var(--ftst-brand-logo) center/contain no-repeat!important;box-shadow:0 12px 40px rgba(255,184,0,.22)!important;font-size:0!important}
.game-scene .notice-eyebrow{color:var(--pro-gold-soft)!important;letter-spacing:.2em!important}.game-scene .notice-main{color:var(--pro-text)!important}.game-scene .notice-sub{color:var(--pro-muted)!important;line-height:1.75!important}
.game-scene .status-pill{border-color:rgba(88,227,154,.18)!important;background:rgba(88,227,154,.055)!important}.game-scene .status-text{color:var(--pro-green)!important}

/* Mining: logo-led reactor and clear command deck */
.forge-page .forge-bg{background:radial-gradient(480px 300px at 50% 28%,rgba(255,184,0,.065),transparent 74%)!important}
.forge-page .forge-tag{color:var(--pro-gold-soft)!important;background:rgba(255,184,0,.07)!important}
.forge-page .reactor-shell{border-color:rgba(255,184,0,.22)!important;background:radial-gradient(circle,rgba(255,184,0,.075),transparent 64%)!important}
.forge-page .ring,.forge-page .orbit-track,.forge-page .core-spinner,.forge-page .hex-line{border-color:rgba(255,184,0,.23)!important}
.forge-page .reactor-brand{width:94px!important;height:94px!important;box-shadow:0 0 54px rgba(255,184,0,.22)!important}
.forge-page .reactor-sub{color:var(--pro-gold-soft)!important;letter-spacing:.28em!important}
.forge-page .power-hud{border-color:var(--pro-line)!important;background:rgba(13,13,15,.84)!important}
.forge-page .command-deck{border-color:var(--pro-line)!important;background:linear-gradient(145deg,#16171b,#0c0d0f)!important}
.forge-page .deck-btn,.forge-page .deck-btn.ignite-btn,.forge-page .deck-btn.wide,
.gold-btn,.btn-primary,.wallet-btn.primary{
  border:0!important;background:linear-gradient(135deg,var(--pro-gold-soft),var(--pro-gold))!important;
  color:#1b1200!important;box-shadow:0 12px 32px rgba(255,184,0,.16)!important;
}
.forge-page .deck-btn .deck-btn-text,.forge-page .deck-btn.ignite-btn .deck-btn-text,.forge-page .deck-btn.wide .deck-btn-text,
.gold-btn-text,.wallet-btn.primary .wallet-btn-text{color:#1b1200!important;-webkit-text-fill-color:#1b1200!important;font-weight:800!important}
.forge-page .deck-links,.forge-page .link-item{color:var(--pro-gold-soft)!important}

/* Referral dashboard */
.pages-promotion-promotion .page-inner{padding-top:24px!important}
.pages-promotion-promotion .earn-card,.pages-promotion-promotion .card-box{border-radius:24px!important}
.pages-promotion-promotion .earn-card{background:radial-gradient(400px 220px at 100% 0%,rgba(255,184,0,.09),transparent 70%),linear-gradient(145deg,#17181c,#0d0e10)!important}
.pages-promotion-promotion .rate-box{border-color:var(--pro-line)!important;background:rgba(0,0,0,.24)!important;box-shadow:none!important}
.pages-promotion-promotion .rate-item-text,.pages-promotion-promotion .team-total-text{color:var(--pro-gold-pale)!important}
.pages-promotion-promotion .share-btn{min-height:46px!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(135deg,var(--pro-gold-soft),var(--pro-gold))!important;box-shadow:0 12px 30px rgba(255,184,0,.14)!important}
.pages-promotion-promotion .share-btn-inner{background:transparent!important}.pages-promotion-promotion .share-icon,.pages-promotion-promotion .gold-btn-text{color:#1b1200!important}
.pages-promotion-promotion .progress-track{height:6px!important;background:rgba(255,255,255,.08)!important}.pages-promotion-promotion .progress-fill{background:linear-gradient(90deg,var(--pro-gold),var(--pro-gold-soft))!important}.pages-promotion-promotion .progress-thumb{border-color:#fff2c8!important;background:var(--pro-gold)!important;box-shadow:0 0 18px rgba(255,184,0,.4)!important}
.pages-promotion-promotion .team-ref-bg,.pages-promotion-promotion .team-ref-grid{background:rgba(255,255,255,.025)!important}.pages-promotion-promotion .ref-num,.pages-promotion-promotion .earn-amount{color:var(--pro-text)!important}

/* Account */
.profile-hero{border-color:var(--pro-line-gold)!important;background:radial-gradient(330px 190px at 100% 0%,rgba(255,184,0,.08),transparent 72%),linear-gradient(145deg,#17181c,#0d0e10)!important}
.profile-name,.guest-title{font-weight:820!important}.profile-addr,.guest-desc{color:var(--pro-muted)!important}
.avatar-ring,.guest-avatar{box-shadow:0 12px 38px rgba(255,184,0,.2)!important}
.wallet-card{background:linear-gradient(145deg,#15161a,#0c0d0f)!important}.wallet-tag{color:var(--pro-gold-soft)!important;border-color:var(--pro-line-gold)!important;background:rgba(255,184,0,.055)!important}
.wallet-btn{border-color:var(--pro-line)!important;background:rgba(255,255,255,.035)!important}.stats-card,.list-card{box-shadow:0 16px 42px rgba(0,0,0,.2)!important}

/* Navigation: single warm brand accent and a clear active capsule */
uni-tabbar .uni-tabbar{height:calc(72px + env(safe-area-inset-bottom))!important;padding:8px 12px env(safe-area-inset-bottom)!important;border-top:1px solid var(--pro-line)!important;background:rgba(7,7,8,.94)!important;backdrop-filter:blur(24px) saturate(1.4)!important}
uni-tabbar .uni-tabbar__item{padding:0 4px!important}
uni-tabbar .uni-tabbar__bd{position:relative!important;height:55px!important;border-radius:16px!important;transition:background .2s ease!important}
uni-tabbar .uni-tabbar__icon{width:21px!important;height:21px!important;opacity:.5!important;filter:grayscale(1) brightness(1.8)!important}
uni-tabbar .uni-tabbar__label{color:#656871!important;font-size:10px!important;font-weight:650!important}
html[data-ftst-route="index"] uni-tabbar .uni-tabbar__item:nth-child(1) .uni-tabbar__bd,
html[data-ftst-route="game"] uni-tabbar .uni-tabbar__item:nth-child(2) .uni-tabbar__bd,
html[data-ftst-route="mining"] uni-tabbar .uni-tabbar__item:nth-child(3) .uni-tabbar__bd,
html[data-ftst-route="promotion"] uni-tabbar .uni-tabbar__item:nth-child(4) .uni-tabbar__bd,
html[data-ftst-route="mine"] uni-tabbar .uni-tabbar__item:nth-child(5) .uni-tabbar__bd{background:linear-gradient(180deg,rgba(255,184,0,.11),rgba(255,184,0,.035))!important}
html[data-ftst-route="index"] uni-tabbar .uni-tabbar__item:nth-child(1) .uni-tabbar__label,
html[data-ftst-route="game"] uni-tabbar .uni-tabbar__item:nth-child(2) .uni-tabbar__label,
html[data-ftst-route="mining"] uni-tabbar .uni-tabbar__item:nth-child(3) .uni-tabbar__label,
html[data-ftst-route="promotion"] uni-tabbar .uni-tabbar__item:nth-child(4) .uni-tabbar__label,
html[data-ftst-route="mine"] uni-tabbar .uni-tabbar__item:nth-child(5) .uni-tabbar__label{color:var(--pro-gold-soft)!important}
html[data-ftst-route="index"] uni-tabbar .uni-tabbar__item:nth-child(1) .uni-tabbar__icon,
html[data-ftst-route="game"] uni-tabbar .uni-tabbar__item:nth-child(2) .uni-tabbar__icon,
html[data-ftst-route="mining"] uni-tabbar .uni-tabbar__item:nth-child(3) .uni-tabbar__icon,
html[data-ftst-route="promotion"] uni-tabbar .uni-tabbar__item:nth-child(4) .uni-tabbar__icon,
html[data-ftst-route="mine"] uni-tabbar .uni-tabbar__item:nth-child(5) .uni-tabbar__icon{opacity:1!important;filter:grayscale(1) brightness(2.3) sepia(1) saturate(5)!important}
uni-tabbar .uni-tabbar__item.ftst-active-tab .uni-tabbar__bd{background:linear-gradient(180deg,rgba(255,184,0,.11),rgba(255,184,0,.035))!important}
uni-tabbar .uni-tabbar__item.ftst-active-tab .uni-tabbar__label{color:var(--pro-gold-soft)!important}
uni-tabbar .uni-tabbar__item.ftst-active-tab .uni-tabbar__icon{opacity:1!important;filter:grayscale(1) brightness(2.3) sepia(1) saturate(5)!important}

.ftst-preview-badge{border-color:rgba(255,184,0,.16)!important;color:#8e8f94!important;background:rgba(7,7,8,.86)!important}

@media(max-width:520px){
  .page-inner,.page-body,.forge-body{padding-left:15px!important;padding-right:15px!important}
  .top-bar,.page-header,.forge-header{min-height:68px!important}
  .vault-card,.vault-inner{min-height:238px!important}.vault-content{padding:22px!important}.price-num{font-size:39px!important}.coin-medal-img{width:58px!important;height:58px!important}
  .game-scene .preview-stage{min-height:390px!important}.game-scene .notice-panel{margin:0 14px!important;padding:28px 20px!important}
  .forge-page .reactor-brand{width:84px!important;height:84px!important}
  .contract-bar{min-height:52px!important;padding:7px 8px 7px 9px!important}.contract-tag-wrap{min-width:56px!important;height:30px!important;padding:0 9px!important}.contract-tag-text:before{margin-right:5px}.contract-tag-text:after{font-size:10px!important}.contract-addr{font-size:10px!important}.contract-action{min-width:58px!important;height:34px!important;padding:0 13px!important}
}

@media(max-width:360px){
  .brand-sub{display:none!important}.wallet-chip{padding:0 11px!important}.price-num{font-size:35px!important}
}

/* 2026 palette refinement — graphite navy and champagne gold. */
:root{--pro-bg:#080b10;--pro-bg-soft:#0c1118;--pro-panel:#111822;--pro-panel-up:#17212d;--pro-line:rgba(168,188,216,.115);--pro-line-gold:rgba(226,185,104,.27);--pro-gold:#d9a94f;--pro-gold-soft:#f0cf8d;--pro-gold-pale:#f8e6bd;--pro-green:#63d9a1;--pro-text:#f1f4f8;--pro-muted:#8c99aa;--pro-dim:#566376;--pro-shadow:0 24px 72px rgba(1,5,12,.42)}
html,body,body.uni-body,uni-app,uni-page,uni-page-body,uni-page-wrapper,.content,.tab-page,.page-bg,.forge-page,.game-scene{background-color:var(--pro-bg)!important;background-image:none!important}
body:before{background:radial-gradient(720px 400px at 76% -10%,rgba(217,169,79,.095),transparent 72%),radial-gradient(600px 420px at -8% 28%,rgba(47,96,151,.12),transparent 72%),linear-gradient(180deg,#0b1017 0%,#080b10 48%,#070a0f 100%)!important}
.luxury-bg,.forge-bg,.scene-bg,.page-bg{background:linear-gradient(180deg,rgba(35,55,78,.16),transparent 38%)!important}
.wallet-chip,.forge-page .wallet-pill{background:rgba(19,30,42,.72)!important;border-color:rgba(141,166,198,.16)!important}
.vault-card{border-color:rgba(226,185,104,.3)!important;background:radial-gradient(340px 260px at 100% 0%,rgba(217,169,79,.16),transparent 70%),linear-gradient(145deg,#182331,#0d141e 76%)!important;box-shadow:0 30px 78px rgba(1,5,12,.46)!important}
.vault-card:before{border-color:rgba(240,207,141,.16)!important;box-shadow:0 0 0 38px rgba(217,169,79,.024),0 0 0 76px rgba(217,169,79,.013)!important}
.contract-bar{border-color:rgba(226,185,104,.18)!important;background:linear-gradient(100deg,rgba(217,169,79,.06),rgba(10,16,24,.6) 38%,rgba(8,13,20,.72))!important}
.contract-addr{color:#aab6c8!important}.contract-tag-wrap{border-color:rgba(240,207,141,.3)!important;background:rgba(217,169,79,.09)!important}
.contract-action,.gold-btn,.btn-primary,.wallet-btn.primary,.forge-page .deck-btn.ignite-btn,.forge-page .deck-btn.wide{background:linear-gradient(135deg,#f3d596,#d6a348)!important;box-shadow:0 12px 30px rgba(190,139,48,.17)!important}
.bento-main,.bento-sm,.notice-card,.profile-hero,.wallet-card,.stats-card,.list-card,.earn-card,.card-box,.rate-box,.balance-hero,.action-card,.wallet-box,.tip-box,.notice-panel,.preview-stage,.modal-box,.rule-popup-inner,.command-deck,.offline-panel{border-color:rgba(151,174,204,.12)!important;background:linear-gradient(145deg,rgba(20,30,42,.98),rgba(11,17,26,.99))!important;box-shadow:0 22px 64px rgba(1,5,12,.3)!important}
.bento-main{background:linear-gradient(145deg,#182332,#101722)!important}.bento-sm.group-card,.bento-sm.guide-card{background:linear-gradient(145deg,#151f2c,#0d151f)!important}.bento-icon-img{border-color:rgba(226,185,104,.22)!important;background:rgba(217,169,79,.07)!important}
.notice-card-shell,.notice-row{background:#0e1620!important}.notice-row:not(.last)::after{background:rgba(151,174,204,.1)!important}
.game-scene .preview-stage{background:radial-gradient(430px 270px at 50% 44%,rgba(217,169,79,.075),transparent 72%),linear-gradient(145deg,#141e2a,#0b121b)!important}.game-scene .notice-panel{background:rgba(12,19,28,.84)!important}
.forge-page .forge-bg{background:radial-gradient(500px 320px at 50% 28%,rgba(217,169,79,.08),transparent 74%),linear-gradient(180deg,#0b1119,#080b10 76%)!important}.forge-page .power-hud{background:rgba(13,21,31,.84)!important}.forge-page .command-deck{background:linear-gradient(145deg,#172332,#0c131c)!important}
.pages-promotion-promotion .earn-card,.profile-hero{background:radial-gradient(400px 240px at 100% 0%,rgba(217,169,79,.1),transparent 72%),linear-gradient(145deg,#182331,#0d151f)!important}.pages-promotion-promotion .rate-box,.pages-promotion-promotion .team-ref-bg,.pages-promotion-promotion .team-ref-grid{background:rgba(10,17,25,.62)!important}
.wallet-card{background:linear-gradient(145deg,#162231,#0c141e)!important}.stats-card,.list-card{background:#0f1823!important}
uni-tabbar .uni-tabbar{border-top-color:rgba(151,174,204,.12)!important;background:rgba(8,12,18,.94)!important;box-shadow:0 -18px 54px rgba(1,5,12,.32)!important}
uni-tabbar .uni-tabbar__label{color:#667386!important}.ftst-preview-badge{border-color:rgba(226,185,104,.16)!important;color:#8794a5!important;background:rgba(8,13,20,.88)!important}