/* HB Battle Navigation Suite — premium visual layer, no business logic changes */
:root{--hb-ink:#070b18;--hb-panel:#10182b;--hb-panel2:#141f36;--hb-line:rgba(151,174,255,.17);--hb-violet:#8b5cf6;--hb-blue:#25b7ff;--hb-cyan:#4de4f5;--hb-muted:#9aabc9;--hb-white:#f4f7ff;--hb-gold:#ffc96b}
html[data-theme="dark"] body,html[data-theme="dark"] .app{background:radial-gradient(ellipse at 50% -10%,rgba(67,56,202,.18),transparent 42%),var(--hb-ink)!important;color:var(--hb-white)!important}
html[data-theme="dark"] .screen{background:transparent!important;color:var(--hb-white)!important;min-height:100dvh;box-sizing:border-box;overflow-x:clip}
html[data-theme="dark"] .screen.active{padding-bottom:calc(108px + env(safe-area-inset-bottom))!important;animation:hbScreenIn .22s ease-out both}
@keyframes hbScreenIn{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* Shared headers */
html[data-theme="dark"] .header{background:rgba(10,16,32,.9)!important;border-bottom:1px solid var(--hb-line)!important;backdrop-filter:blur(16px);color:var(--hb-white)!important;padding:15px 16px;min-height:58px;box-sizing:border-box}
html[data-theme="dark"] .header-title,html[data-theme="dark"] .sec-title,html[data-theme="dark"] .home-name,html[data-theme="dark"] .qa-card-title,html[data-theme="dark"] .wallet-hero *{text-shadow:none}
html[data-theme="dark"] .header-back{background:linear-gradient(145deg,#192640,#10182b)!important;color:#e6edff!important;border:1px solid var(--hb-line)!important}
html[data-theme="dark"] .sec-title{color:var(--hb-white)!important;font-weight:800;letter-spacing:-.025em}
html[data-theme="dark"] .sec-title a,html[data-theme="dark"] .header-action{color:var(--hb-cyan)!important}
/* Home dashboard */
html[data-theme="dark"] #dashboardScreen .home-hero{padding:22px 18px 18px!important;background:radial-gradient(ellipse at 80% 0%,rgba(124,58,237,.25),transparent 55%),linear-gradient(135deg,#101b35,#090e1d 75%)!important;border-bottom:1px solid var(--hb-line)!important;border-radius:0 0 26px 26px}
html[data-theme="dark"] #dashboardScreen .home-greeting{color:var(--hb-muted)!important}
html[data-theme="dark"] #dashboardScreen .home-name{color:#fff!important;font-size:clamp(25px,6vw,32px)!important;letter-spacing:-.04em}
html[data-theme="dark"] #dashboardScreen .home-wallet-card{margin:16px 16px 0!important;border:1px solid rgba(117,129,255,.35)!important;border-radius:24px!important;background:linear-gradient(120deg,#4421a3 0%,#263b91 55%,#087eae 100%)!important;box-shadow:0 14px 32px rgba(31,54,151,.25)!important;color:#fff!important;overflow:hidden;position:relative}
html[data-theme="dark"] #dashboardScreen .home-wallet-label,html[data-theme="dark"] #dashboardScreen .home-wallet-amt{color:#fff!important}
html[data-theme="dark"] #dashboardScreen .home-wallet-add{background:rgba(255,255,255,.17)!important;border:1px solid rgba(255,255,255,.25);border-radius:99px;color:#fff!important}
html[data-theme="dark"] #dashboardScreen .home-card-float{margin:12px 16px!important;padding:15px 10px!important;border:1px solid var(--hb-line)!important;background:rgba(15,24,43,.9)!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)}
html[data-theme="dark"] #dashboardScreen .home-stat-val{color:#fff!important}
html[data-theme="dark"] #dashboardScreen .home-stat-label{color:var(--hb-muted)!important}
html[data-theme="dark"] #dashboardScreen .home-promo{margin:14px 16px!important;border:1px solid rgba(77,228,245,.22)!important;border-radius:20px!important;background:linear-gradient(110deg,rgba(124,58,237,.24),rgba(13,148,216,.13))!important;color:#fff!important}
html[data-theme="dark"] #dashboardScreen .home-body{padding:18px 16px 20px!important}
html[data-theme="dark"] #dashboardScreen .qa-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important;width:100%!important;min-width:0!important;margin:14px 0 24px!important;padding:0!important}
html[data-theme="dark"] #dashboardScreen .qa-grid>.qa-card,html[data-theme="dark"] #dashboardScreen #qaExtraCards>.qa-card{display:flex!important;position:relative!important;align-items:center!important;gap:12px!important;min-width:0!important;min-height:112px!important;height:auto!important;padding:14px 12px!important;box-sizing:border-box!important;border-radius:20px!important;border:1px solid var(--hb-line)!important;background:linear-gradient(145deg,rgba(22,33,58,.98),rgba(12,18,34,.98))!important;color:var(--hb-white)!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
html[data-theme="dark"] #dashboardScreen .qa-grid>.qa-card:active,html[data-theme="dark"] #dashboardScreen #qaExtraCards>.qa-card:active{transform:scale(.98)}
html[data-theme="dark"] #dashboardScreen .qa-card-icon{display:flex!important;align-items:center;justify-content:center;flex:0 0 44px!important;width:44px!important;height:44px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(139,92,246,.25),rgba(37,183,255,.13))!important;color:#c8b8ff!important;box-shadow:inset 0 0 0 1px rgba(170,150,255,.16)!important;font-size:18px!important}
html[data-theme="dark"] #dashboardScreen .qa-card-title{font-size:14px!important;line-height:1.25!important;font-weight:800!important;color:#f6f8ff!important;overflow-wrap:anywhere}
html[data-theme="dark"] #dashboardScreen .qa-card-sub{font-size:11px!important;line-height:1.35!important;color:var(--hb-muted)!important;margin-top:4px}
html[data-theme="dark"] #dashboardScreen #qaExtraCards{display:contents!important}
html[data-theme="dark"] #dashboardScreen #qaExtraCards[style*="display: none"]{display:none!important}
/* Tours */
html[data-theme="dark"] #tournamentScreen .header{margin-bottom:4px}
html[data-theme="dark"] #tournamentScreen #gameFilters{padding:8px 16px!important;gap:8px!important}
html[data-theme="dark"] #tournamentScreen .chip,html[data-theme="dark"] #leaderboardScreen .chip{background:#121d33!important;border:1px solid var(--hb-line)!important;color:#bdc9e4!important;border-radius:999px!important;white-space:nowrap}
html[data-theme="dark"] #tournamentScreen .chip.active,html[data-theme="dark"] #leaderboardScreen .chip.active{background:linear-gradient(100deg,#7443e9,#167fc6)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 5px 16px rgba(95,69,226,.22)}
html[data-theme="dark"] #tournamentScreen .tournament-card,html[data-theme="dark"] #tournamentScreen .tour-card,html[data-theme="dark"] #tournamentScreen .match-card{background:linear-gradient(145deg,#121e35,#0d1426)!important;border:1px solid var(--hb-line)!important;border-radius:20px!important;color:var(--hb-white)!important;box-shadow:0 8px 24px rgba(0,0,0,.14)!important}
html[data-theme="dark"] #tournamentScreen input,html[data-theme="dark"] #tournamentScreen .search-bar{background:#111c31!important;color:#fff!important;border-color:var(--hb-line)!important}
/* Wallet */
html[data-theme="dark"] #walletScreen .wallet-hero{margin:14px 14px 0!important;border-radius:26px!important;overflow:hidden;border:1px solid rgba(106,128,255,.35)!important;box-shadow:0 16px 36px rgba(27,54,139,.2)!important}
html[data-theme="dark"] #walletScreen .wallet-body{padding:18px 16px 28px!important}
html[data-theme="dark"] #walletScreen .wallet-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:14px!important}
html[data-theme="dark"] #walletScreen .wallet-btn{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important;padding:12px 4px!important;border-radius:16px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;font-size:11px!important;font-weight:700!important}
html[data-theme="dark"] #walletScreen .wallet-btn i{font-size:18px!important;color:#c4b5fd!important}
html[data-theme="dark"] #walletScreen .wallet-stat-card{background:linear-gradient(145deg,#15223b,#0d1528)!important;border:1px solid var(--hb-line)!important;border-radius:17px!important;padding:14px 8px!important;color:#fff!important}
html[data-theme="dark"] #walletScreen .wallet-body .sec-title{margin-top:22px!important}
html[data-theme="dark"] #walletScreen #walletTxns .empty,html[data-theme="dark"] #leaderboardScreen .empty{background:rgba(18,29,51,.7)!important;border:1px dashed var(--hb-line)!important;border-radius:18px!important;color:var(--hb-muted)!important;padding:24px 16px!important}
/* Leaderboard / board */
html[data-theme="dark"] #leaderboardScreen #seasonTabsBar{background:#0d1528!important;border-color:var(--hb-line)!important}
html[data-theme="dark"] #leaderboardScreen .leader-podium{margin:18px 14px 10px!important;padding:20px 10px 16px!important;border:1px solid var(--hb-line)!important;border-radius:24px!important;background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.24),transparent 65%),linear-gradient(145deg,#121e36,#0a1020)!important;align-items:end}
html[data-theme="dark"] #leaderboardScreen .podium-avatar{border:2px solid rgba(160,145,255,.55)!important;background:linear-gradient(145deg,#28365a,#151e35)!important;color:#e6e9ff!important}
html[data-theme="dark"] #leaderboardScreen .podium-name{color:#f4f7ff!important}
html[data-theme="dark"] #leaderboardScreen .podium-prize{color:var(--hb-gold)!important}
html[data-theme="dark"] #leaderboardScreen #leaderList>*,html[data-theme="dark"] #leaderboardScreen .leader-row{border-color:var(--hb-line)!important}
/* Profile */
html[data-theme="dark"] #profileScreen .profile-hero-premium{margin:12px 14px 0!important;border-radius:26px!important;overflow:hidden;border:1px solid rgba(141,112,255,.35)!important;background:radial-gradient(ellipse at 50% 0%,rgba(124,58,237,.4),transparent 65%),linear-gradient(145deg,#172344,#0b1224)!important;box-shadow:0 16px 36px rgba(35,26,108,.2)!important}
html[data-theme="dark"] #profileScreen .profile-name{color:#fff!important;font-size:24px!important}
html[data-theme="dark"] #profileScreen .profile-uid{color:#aebbd7!important}
html[data-theme="dark"] #profileScreen .profile-stats-float{margin:12px 16px!important;padding:14px 10px!important;border:1px solid var(--hb-line)!important;border-radius:20px!important;background:#101a2e!important}
html[data-theme="dark"] #profileScreen .profile-body{padding:18px 16px 26px!important}
html[data-theme="dark"] #profileScreen .info-card{background:linear-gradient(145deg,#131f36,#0d1527)!important;border:1px solid var(--hb-line)!important;border-radius:20px!important;overflow:hidden}
html[data-theme="dark"] #profileScreen .info-row{border-color:rgba(151,174,255,.1)!important;padding:14px!important}
html[data-theme="dark"] #profileScreen .info-icon{background:rgba(139,92,246,.18)!important;color:#c4b5fd!important;border-radius:13px!important}
html[data-theme="dark"] #profileScreen .info-label{color:#93a5c6!important}
html[data-theme="dark"] #profileScreen .info-val{color:#f4f7ff!important;overflow-wrap:anywhere}
html[data-theme="dark"] #profileScreen .profile-action-btn{background:#121e34!important;border:1px solid var(--hb-line)!important;color:#e9edff!important;border-radius:15px!important;min-height:48px}
html[data-theme="dark"] #profileScreen .profile-actions-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important}
html[data-theme="dark"] #profileScreen .profile-actions-grid .profile-action-btn{margin-top:0!important;grid-column:auto!important}
/* Bottom navigation */
html[data-theme="dark"] #sharedBottomNav.bottom-nav{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:560px!important;margin:0 auto!important;z-index:1000!important;display:flex!important;align-items:center!important;justify-content:space-around!important;gap:2px!important;padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;min-height:76px!important;box-sizing:border-box!important;border:1px solid rgba(153,174,255,.22)!important;border-radius:28px!important;background:rgba(9,15,30,.94)!important;backdrop-filter:blur(18px) saturate(140%)!important;-webkit-backdrop-filter:blur(18px) saturate(140%)!important;box-shadow:0 14px 42px rgba(0,0,0,.38),0 0 22px rgba(80,74,210,.12)!important}
html[data-theme="dark"] #sharedBottomNav .nav-item{display:flex!important;flex:1 1 0!important;min-width:0!important;min-height:52px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;color:#8797b7!important;border-radius:17px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.045em!important;text-transform:uppercase!important;transition:color .18s ease,background .18s ease!important}
html[data-theme="dark"] #sharedBottomNav .nav-item i{font-size:20px!important;line-height:1!important}
html[data-theme="dark"] #sharedBottomNav .nav-item.active,html[data-theme="dark"] #sharedBottomNav .nav-item[aria-current="page"]{color:#7ce8ff!important;background:rgba(67,119,255,.13)!important}
html[data-theme="dark"] #sharedBottomNav .nav-item-center{flex:1 1 0!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
html[data-theme="dark"] #sharedBottomNav .nav-fab{width:54px!important;height:54px!important;min-width:54px!important;border-radius:19px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#8b5cf6,#2878ff 65%,#20c7e8)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:0 8px 24px rgba(93,77,255,.4)!important;font-size:21px!important;transform:translateY(-8px)}
/* Keep content clear of the fixed nav and Android browser chrome */
html[data-theme="dark"] #dashboardScreen .home-body,html[data-theme="dark"] #tournamentScreen,html[data-theme="dark"] #walletScreen,html[data-theme="dark"] #leaderboardScreen,html[data-theme="dark"] #profileScreen{scroll-margin-top:72px}
@media(max-width:380px){html[data-theme="dark"] #dashboardScreen .qa-grid{gap:9px!important}html[data-theme="dark"] #dashboardScreen .qa-grid>.qa-card,html[data-theme="dark"] #dashboardScreen #qaExtraCards>.qa-card{min-height:104px!important;padding:11px 9px!important;gap:9px!important}html[data-theme="dark"] #dashboardScreen .qa-card-icon{flex-basis:38px!important;width:38px!important;height:38px!important;font-size:16px!important}html[data-theme="dark"] #dashboardScreen .qa-card-title{font-size:12px!important}html[data-theme="dark"] #sharedBottomNav.bottom-nav{left:7px!important;right:7px!important;padding-left:4px!important;padding-right:4px!important}html[data-theme="dark"] #sharedBottomNav .nav-item{font-size:9px!important}html[data-theme="dark"] #sharedBottomNav .nav-item i{font-size:18px!important}html[data-theme="dark"] #sharedBottomNav .nav-fab{width:48px!important;height:48px!important;min-width:48px!important}}
@media(prefers-reduced-motion:reduce){html[data-theme="dark"] .screen.active{animation:none!important}html[data-theme="dark"] #sharedBottomNav *,html[data-theme="dark"] #dashboardScreen .qa-card{transition:none!important}}


/* ================================================================
   HB BATTLE — AURORA SIGNATURE FINISH
   Visual-only refinement layer. Existing routes and business logic
   intentionally untouched. Keep effects restrained for mobile.
   ================================================================ */
:root {
  --hb-surface: rgba(16, 25, 45, .88);
  --hb-surface-raised: rgba(22, 34, 59, .96);
  --hb-edge: rgba(142, 164, 255, .22);
  --hb-glow-violet: rgba(124, 58, 237, .18);
  --hb-glow-cyan: rgba(34, 211, 238, .12);
}
html[data-theme="dark"] body {
  background-image:
    radial-gradient(ellipse at 6% 7%, var(--hb-glow-violet), transparent 30rem),
    radial-gradient(ellipse at 96% 32%, var(--hb-glow-cyan), transparent 26rem),
    linear-gradient(180deg, #070b18 0%, #080e1c 48%, #070b16 100%) !important;
  background-attachment: scroll !important;
}
html[data-theme="dark"] button,
html[data-theme="dark"] .btn,
html[data-theme="dark"] [role="button"] {
  -webkit-tap-highlight-color: transparent;
}
html[data-theme="dark"] button:focus-visible,
html[data-theme="dark"] a:focus-visible,
html[data-theme="dark"] input:focus-visible,
html[data-theme="dark"] select:focus-visible,
html[data-theme="dark"] textarea:focus-visible {
  outline: 2px solid #67e8f9 !important;
  outline-offset: 3px !important;
}
/* Section headers get a consistent premium accent without shifting layout. */
html[data-theme="dark"] .sec-title {
  position: relative;
  line-height: 1.15 !important;
}
html[data-theme="dark"] .sec-title::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 1em;
  margin-right: 10px;
  vertical-align: -.08em;
  border-radius: 99px;
  background: linear-gradient(180deg, #a78bfa, #22d3ee);
  box-shadow: 0 0 14px rgba(124, 58, 237, .24);
}
/* Surfaces across the five main tabs. */
html[data-theme="dark"] #dashboardScreen .home-card-float,
html[data-theme="dark"] #dashboardScreen .home-promo,
html[data-theme="dark"] #tournamentScreen .tournament-card,
html[data-theme="dark"] #tournamentScreen .tour-card,
html[data-theme="dark"] #tournamentScreen .match-card,
html[data-theme="dark"] #walletScreen .wallet-hero,
html[data-theme="dark"] #walletScreen .wallet-card,
html[data-theme="dark"] #walletScreen .transaction-card,
html[data-theme="dark"] #leaderboardScreen .leaderboard-card,
html[data-theme="dark"] #leaderboardScreen .rank-card,
html[data-theme="dark"] #profileScreen .info-card {
  box-shadow: 0 12px 28px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}
html[data-theme="dark"] #dashboardScreen .qa-grid > .qa-card,
html[data-theme="dark"] #dashboardScreen #qaExtraCards > .qa-card {
  background-image: radial-gradient(ellipse at 100% 0%, rgba(124,58,237,.13), transparent 60%),
                    linear-gradient(145deg, rgba(20,31,54,.98), rgba(10,16,31,.98)) !important;
  border-color: rgba(151,174,255,.2) !important;
}
html[data-theme="dark"] #dashboardScreen .qa-grid > .qa-card::after,
html[data-theme="dark"] #dashboardScreen #qaExtraCards > .qa-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(255,255,255,.035), transparent 36%);
}
html[data-theme="dark"] #tournamentScreen .tournament-card,
html[data-theme="dark"] #tournamentScreen .tour-card,
html[data-theme="dark"] #tournamentScreen .match-card {
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
html[data-theme="dark"] #tournamentScreen .tournament-card:active,
html[data-theme="dark"] #tournamentScreen .tour-card:active,
html[data-theme="dark"] #tournamentScreen .match-card:active {
  transform: scale(.992);
  border-color: rgba(103,232,249,.42) !important;
}
/* Wallet: clear hierarchy and legible transaction rows. */
html[data-theme="dark"] #walletScreen .wallet-hero {
  border: 1px solid rgba(139,92,246,.34) !important;
  background: radial-gradient(ellipse at 88% 0%, rgba(34,211,238,.2), transparent 48%),
              linear-gradient(135deg, #382078 0%, #172d66 58%, #0d4964 100%) !important;
  border-radius: 24px !important;
  overflow: hidden;
}
html[data-theme="dark"] #walletScreen button,
html[data-theme="dark"] #tournamentScreen button,
html[data-theme="dark"] #profileScreen button {
  touch-action: manipulation;
}
html[data-theme="dark"] #walletScreen input,
html[data-theme="dark"] #walletScreen select,
html[data-theme="dark"] #profileScreen input,
html[data-theme="dark"] #profileScreen select,
html[data-theme="dark"] #profileScreen textarea {
  border-radius: 13px !important;
  border-color: var(--hb-edge) !important;
  background: #0c1528 !important;
  color: #f4f7ff !important;
  min-height: 44px;
  box-sizing: border-box;
}
/* Leaderboard: ranking rows stay readable and aligned on narrow devices. */
html[data-theme="dark"] #leaderboardScreen .leaderboard-card,
html[data-theme="dark"] #leaderboardScreen .rank-card {
  border: 1px solid var(--hb-edge) !important;
  border-radius: 18px !important;
  background: linear-gradient(145deg, rgba(20,31,54,.96), rgba(10,16,31,.98)) !important;
}
html[data-theme="dark"] #profileScreen .profile-action-btn {
  background: linear-gradient(145deg, rgba(22,34,59,.98), rgba(12,19,35,.98)) !important;
  transition: border-color .18s ease, background .18s ease !important;
}
html[data-theme="dark"] #profileScreen .profile-action-btn:active {
  border-color: rgba(103,232,249,.48) !important;
  background: #172746 !important;
}
/* Navigation gets a fine top highlight, not a heavier blur. */
html[data-theme="dark"] #sharedBottomNav.bottom-nav {
  background: linear-gradient(180deg, rgba(17,26,47,.97), rgba(8,14,28,.97)) !important;
  border-color: rgba(160,178,255,.24) !important;
}
html[data-theme="dark"] #sharedBottomNav.bottom-nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 22%;
  right: 22%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(103,232,249,.7), rgba(167,139,250,.7), transparent);
  pointer-events: none;
}
html[data-theme="dark"] #sharedBottomNav .nav-item.active,
html[data-theme="dark"] #sharedBottomNav .nav-item[aria-current="page"] {
  background: linear-gradient(180deg, rgba(124,58,237,.17), rgba(37,183,255,.07)) !important;
  box-shadow: inset 0 0 0 1px rgba(139,92,246,.12) !important;
}
/* Compact screens: prevent text and cards from being squeezed by nav. */
@media (max-width: 360px) {
  html[data-theme="dark"] #dashboardScreen .home-body { padding-left: 12px !important; padding-right: 12px !important; }
  html[data-theme="dark"] #dashboardScreen .qa-grid { gap: 8px !important; }
  html[data-theme="dark"] #dashboardScreen .qa-grid > .qa-card,
  html[data-theme="dark"] #dashboardScreen #qaExtraCards > .qa-card { padding: 10px 8px !important; min-height: 100px !important; }
  html[data-theme="dark"] #sharedBottomNav .nav-item { letter-spacing: 0 !important; }
}
@media (hover: hover) and (pointer: fine) {
  html[data-theme="dark"] #dashboardScreen .qa-grid > .qa-card:hover,
  html[data-theme="dark"] #dashboardScreen #qaExtraCards > .qa-card:hover {
    transform: translateY(-2px);
    border-color: rgba(103,232,249,.38) !important;
    box-shadow: 0 14px 30px rgba(0,0,0,.22), 0 0 18px rgba(124,58,237,.1) !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="dark"] *, html[data-theme="dark"] *::before, html[data-theme="dark"] *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* The shared bottom nav must only show on in-app screens (JS adds .visible).
   The rules above force display:flex!important, which made it appear on the
   login / signup / reset screens too. */
html body #sharedBottomNav.bottom-nav:not(.visible){display:none!important}