/* Compatibility rules only. The presentation remains the stable V1 website. */
#creditTabBtn,
#creditPanel,
[data-mode="credit"],
[data-source="credit"],
#miningCredit,
#miningCreditRow,
#miningCreditVault,
#miningCreditMine,
a[data-tab="vault"],
#vaultView,
.chat-fab,
aside.chat,
#walletConnectBtn { display: none !important; }

/* V1 carried hard-coded market-price placeholders. Testnet shows only live
   contract balances; no stale or implied fiat values are presented. */
#tickerToggle,
#yourStakedUsd,
.mine-stat-strip .chip:nth-child(1) .c-sub,
.mine-stat-strip .chip:nth-child(2) .c-sub { display: none !important; }

.v2-status {
  position: fixed;
  left: 50%;
  bottom: 22px;
  transform: translateX(-50%);
  z-index: 9999;
  max-width: min(620px, calc(100vw - 32px));
  padding: 11px 16px;
  border: 1px solid rgba(255, 117, 24, .45);
  border-radius: 12px;
  background: rgba(12, 13, 15, .96);
  color: #f1f1f3;
  box-shadow: 0 12px 36px rgba(0,0,0,.45);
  font: 600 14px/1.35 system-ui, sans-serif;
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.v2-status.show { opacity: 1; }
.v2-status.error { border-color: rgba(255, 78, 58, .8); }
.v2-status.success { border-color: rgba(56, 211, 137, .75); }

.v2-wallet-sync {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9998;
  padding: 7px 11px;
  border: 1px solid rgba(128, 137, 150, .4);
  border-radius: 999px;
  background: rgba(12, 13, 15, .9);
  color: #aeb4be;
  font: 600 11px/1.2 system-ui, sans-serif;
  pointer-events: none;
}
.v2-wallet-sync.synced { border-color: rgba(56, 211, 137, .5); color: #79dba5; }
.v2-wallet-sync.stale { border-color: rgba(240, 183, 68, .65); color: #f0c766; }
.v2-wallet-sync.loading,
.v2-wallet-sync.pending { border-color: rgba(255, 138, 61, .6); color: #ffad72; }
.v2-wallet-loading #claimEthBtn,
.v2-wallet-loading #buyStakeBtn,
.v2-wallet-loading #claimAllBtn,
.v2-wallet-loading #stakeBurnBtn,
.v2-wallet-loading #stakeBtn,
.v2-wallet-loading #cancelAutomationBtn { opacity: .55; pointer-events: none; }

.tile { cursor: pointer; }
.tile.phase-winner { opacity: 1 !important; }
.tile.phase-loser { opacity: .24; }
.tile.disabled { pointer-events: none; }

#deployBtn:disabled { cursor: not-allowed; opacity: .55; }
#claimCrucibleEthBtn {
  width: 100%;
  min-height: 48px;
  margin-top: 16px;
  padding: 11px 16px;
  border: 1px solid rgba(255, 117, 24, .48);
  border-radius: 12px;
  background: linear-gradient(100deg, #ffb13b, #ff503b);
  color: #111214;
  font: 800 15px/1.2 system-ui, sans-serif;
  cursor: pointer;
}
#claimCrucibleEthBtn:not(:disabled):hover { filter: brightness(1.08); }
#claimCrucibleEthBtn:disabled {
  opacity: 1;
  border-color: rgba(128, 137, 150, .42);
  background: #191b1f;
  color: #b9bec7;
  cursor: not-allowed;
}
.v2-auto-topup { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line, #493527); }
.v2-auto-topup label { display: block; margin-bottom: 7px; color: var(--text-2); font-size: 12px; }
.v2-auto-topup-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
.v2-auto-topup-row input { min-width: 0; }
.v2-auto-topup-row .ghost-btn { width: auto; margin: 0; white-space: nowrap; }

.v2-page-head { margin-bottom: 18px; }
.v2-page-head h1 { margin: 0 0 7px; color: var(--gold, #f0c766); font-family: var(--serif); font-size: clamp(30px, 4vw, 52px); }
.v2-page-head p { margin: 0; color: var(--text-2); font-size: 15px; }
.v2-live-grid, .v2-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.v2-live-card, .v2-info-card { border: 1px solid var(--line, #493527); border-radius: 16px; background: var(--surface-2, #17181b); padding: 18px; }
.v2-live-card span { display: block; color: var(--text-3); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
.v2-live-card strong { display: block; margin-top: 8px; color: var(--text-1); font-size: 24px; }
.v2-info-card h3 { margin: 0 0 8px; color: var(--orange, #ff8a3d); }
.v2-info-card p, .v2-info-card li { color: var(--text-2); line-height: 1.55; }
.v2-info-card ul { margin: 8px 0 0; padding-left: 18px; }
.v2-wide { grid-column: 1 / -1; }

@media (max-width: 900px) {
  .right-rail { min-width: 0; }
  .v2-live-grid, .v2-info-grid { grid-template-columns: 1fr; }
}
.t-balance{display:block;margin-top:4px;color:#f0b465;font-size:10px;font-weight:700;line-height:1.1}