/* DEEPMINE UI v4 — generated art hooks.
   When painted art from docs/ui-v4-asset-brief.md is added under /art/ui-v4/, point the custom properties here at it.
   Example: #sheet[data-mode="market"] { --sheet-art: url(/art/ui-v4/banners/market.webp); } */
@layer overrides {
  #sheet[data-mode="market"] { --sheet-art: url(/art/ui-v4/banners/market.webp); }
  #sheet[data-mode="bag"] { --sheet-art: url(/art/ui-v4/banners/bag.webp); }
  #sheet[data-mode="talents"] { --sheet-art: url(/art/ui-v4/banners/talents.webp); }
  #sheet[data-mode="camp"] { --sheet-art: url(/art/ui-v4/banners/camp.webp); }
  #sheet[data-mode="profile"] { --sheet-art: url(/art/ui-v4/banners/profile.webp); }
  #sheet[data-mode="ton"] { --sheet-art: url(/art/ui-v4/banners/ton.webp); }
  #sheet[data-mode="analytics"] { --sheet-art: url(/art/ui-v4/banners/analytics.webp); }
  #sheet[data-mode="help"] { --sheet-art: url(/art/ui-v4/banners/help.webp); }
  #sheet[data-mode="settings"] { --sheet-art: url(/art/ui-v4/banners/settings.webp); }
  #sheet[data-mode="ledger"] { --sheet-art: url(/art/ui-v4/banners/ledger.webp); }
  #sheet[data-mode="archive"] { --sheet-art: url(/art/ui-v4/banners/archive.webp); }
  #sheet[data-mode="access"] { --sheet-art: url(/art/ui-v4/banners/access.webp); }
  #sheet[data-mode="credits"] { --sheet-art: url(/art/ui-v4/banners/credits.webp); }
  #loading { background:
    radial-gradient(70% 40% at 50% 38%, rgb(40 100 74 / .35), transparent 70%),
    linear-gradient(180deg, rgb(6 19 14 / .2), rgb(6 19 14 / .55) 55%, rgb(6 19 14 / .96) 88%),
    url(/art/ui-v4/banners/splash.webp) center 30% / cover no-repeat,
    var(--bg-0); }
}