/*
 * Scorpion Arena consistency fix v1
 *
 * Trimmed on 2026-07-30. The rules below are the ones still doing real work.
 * Removed, because their root causes are now fixed at source in index.html:
 *
 *  - body { padding-bottom: ... !important }
 *      The bottom nav is position:fixed and was overlapping page content.
 *      index.html's own `body` rule now carries this padding, so the
 *      !important override is no longer needed.
 *
 *  - [data-arena-floating-ton] { z-index / right / bottom !important }
 *      The floating "⭐ TON" button had z-index 9992 while the highest modal
 *      layer is 140, so it sat on top of every open dialog. It is now 90 in
 *      index.html and needs no override or JS tagging.
 *
 *  - modal max-height: calc(100dvh - 96px) !important
 *      The three modal panels used 100vh, which is wrong on mobile browsers
 *      (the URL bar is not accounted for). They now use 100dvh directly in
 *      index.html.
 */

/*
 * Still needed: locks background scrolling while a modal is open. This is
 * driven by manageModalState() in the JS, which detects any visible dialog —
 * including ones rendered by the third-party TonConnect UI, which this app
 * does not control.
 */
.arena-fix-modal-open body {
    overflow: hidden !important;
}

/*
 * Still needed: repositions transient toasts. Some come from the third-party
 * TonConnect UI library and do not dismiss themselves, which is why the JS
 * still removes them on a timer.
 */
.arena-fix-toast {
    position: fixed !important;
    top: calc(76px + env(safe-area-inset-top)) !important;
    left: 14px !important;
    right: 14px !important;
    z-index: 100000 !important;
    max-width: 560px !important;
    margin: 0 auto !important;
    transition: opacity .25s ease, transform .25s ease !important;
}

.arena-fix-toast.arena-fix-hide {
    opacity: 0 !important;
    transform: translateY(-8px) !important;
    pointer-events: none !important;
}

/*
 * Still needed: applied by syncBalanceEverywhere() so balance figures line up
 * digit-for-digit when they update.
 */
.arena-balance-sync {
    font-variant-numeric: tabular-nums;
}