/*
 * Homepage recovery overrides.  The media is the recovered five-second
 * mobile resource inventory.  The page uses the original static mobile hero
 * image; it does not reuse the desktop video or a generated poster.
 * This sheet intentionally replaces the former 750px blanket 2× scaling.
 */
.mobile-home-header { position:relative; z-index:5; }
.mobile-home { font-family:BinancePlex,Arial,sans-serif; }
.mobile-home-hero { position:relative; background:#000; isolation:isolate; overflow:hidden; }
.mobile-hero-sky { display:none; }
/* Exact recovered UniApp model: <image class="bg-img" mode="aspectFill">.
 * The previous per-viewport background offsets were image-registration
 * candidates only; they are deliberately not production geometry. */
.banner-bg { position:absolute; inset:0; z-index:-2; overflow:hidden; }
.mobile-hero-media { display:block; width:100%; height:100%; background:#000 url('/assets/mobile-home-banner-bg.png') center center/cover no-repeat; }
.mobile-home-coin { width:auto; height:auto; filter:none; overflow:visible; animation:none; transform:none; }
.mobile-coin-float { display:inline-block; line-height:normal; animation:mobile-coin-bob var(--duration) ease-in-out infinite alternate; }
.mobile-home-coin img { display:block; width:100%; height:100%; object-fit:fill; filter:drop-shadow(0 0 5px rgba(139,226,255,.52)); }
.mobile-coin-1 { left:10.8%; top:1px; width:41.6px; }
.mobile-coin-4 { right:19%; top:0; width:41.6px; }
.mobile-coin-2 { left:1.5%; top:105px; width:83.2px; }
.mobile-coin-5 { right:3%; top:108px; width:83.2px; }
.mobile-coin-3 { left:20.5%; top:220px; width:41.6px; }
.mobile-coin-6 { right:23%; top:221px; width:41.6px; }
@keyframes mobile-coin-bob { 0%,100% { transform:translateY(0); } 25% { transform:translateY(-5px); } 75% { transform:translateY(5px); } }

.mobile-locale-flag,.mobile-menu-trigger,.mobile-notice-icon,.home-entry-icon,.mobile-home-bottom i,.mobile-home-support>span { font-family:inherit; }
.mobile-locale-flag { padding:0!important; overflow:hidden; }
.mobile-locale-flag>img { display:block; width:20px; height:12px; object-fit:cover; }
.mobile-menu-trigger>img { display:block; width:20px; height:20px; object-fit:contain; }
.mobile-notice-icon { width:16px; height:16px; border:1px solid #60e4f2; border-radius:50%; display:block; }
.home-entry-icon { width:30px; height:30px; background:transparent!important; position:relative; object-fit:contain; }
.home-entry-icon::after { content:none; }
.home-entry-wrap { width:43px; height:43px; display:grid; place-items:center; border:1px solid #3c3e53; border-radius:9999px; margin:0 10px 5px; }
.mobile-home-support>img { display:block; width:28px; height:28px; }
.mobile-home-bottom img { width:24px; height:24px; object-fit:contain; display:block; }
.mobile-home-market>header>a{color:inherit;text-decoration:none}
.mobile-home-dialog{position:fixed;z-index:1000;margin:0;border:0;background:#10131c;color:#f6f8fb;box-shadow:0 22px 70px rgba(0,0,0,.55);font-family:BinancePlex,Arial,sans-serif}
.mobile-home-dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(2px)}
.mobile-home-dialog>header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #2a3040}
.mobile-home-dialog>header strong{font-size:18px}.mobile-home-dialog>header button{width:38px;height:38px;border:0;background:transparent;color:#fff;font-size:28px}
.mobile-home-drawer{inset:0 0 0 auto;width:min(84vw,340px);height:100vh;max-height:none}
.mobile-home-drawer nav{display:grid;padding:10px 0}.mobile-home-drawer nav a{min-height:48px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid #202634;color:#dce4ef;text-decoration:none}
.mobile-home-drawer nav a:active{background:#1b2230;color:#6eecfc}
.mobile-home-locale{inset:auto 12px 70px 12px;width:auto;max-width:none;border-radius:14px}
.mobile-home-locale>div{max-height:min(62vh,520px);display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:auto;background:#252c3a}
.mobile-home-locale>div button{min-height:46px;padding:8px 12px;border:0;background:#111722;color:#dce4ef;text-align:start}
.mobile-home-locale>div button.active{color:#6eecfc;background:#16252c}

/* 390px original screenshot measurements: visual fixture uses the same rules
 * for 375px, with only percentage positioning changing with the viewport. */
.mobile-home-brand { width:30px; height:37px; overflow:visible; }
.mobile-home-brand img { width:30px; height:37px; max-width:none; object-fit:fill; }
.mobile-home-stats { left:30px; right:30px; top:341px; height:64px; }
.mobile-home-stats b { font-size:16px; }
.mobile-home-stats span { font-size:10px; }
.mobile-start-trade { top:481px; left:20px; right:20px; width:auto; height:31px; border-radius:18px; }
.mobile-home-market { padding-top:0; }
.mobile-home-market header { display:block; }
.mobile-home-market header button { display:block; margin-top:9px; }
.mobile-home-entries { align-items:start; padding-top:10px; }
.mobile-home-entries a { gap:10px; }
.mobile-home-support { right:24px; }

/* CURRENT_LIVE_LOSSLESS_PNG_V1, Mobile 390 anonymous homepage.  The live
 * UniApp root is a 520px .home_top using this outer asset, with the banner
 * image as a child layer.  Keeping both layers is required: either layer on
 * its own produces a materially different hero. */
@media (max-width:375px) {
  .mobile-home-header { height:50px; padding:0 10px; background:#000; gap:10px; }
  .mobile-home-brand,.mobile-home-brand img { width:30px; height:30px; }
  .mobile-home-header button { width:33px; min-width:33px; height:33px; padding:0; background:#1a1b24; }
  #mobile-locale-flag { width:15px; min-width:15px; background:transparent; }
  .mobile-locale-flag>img { width:15px; height:12px; }
  .mobile-menu-trigger>img { width:20px; height:20px; }
  .mobile-menu-trigger>img { transform:translateX(7px); }
  /* The live UniApp hero allows the final login control to paint across the
     following announcement strip.  Keeping this stacking context restores
     the full 30px control without moving the strip itself. */
  .mobile-home-hero { height:500px; overflow:visible; z-index:1; background:#000 url('/assets/live-home-current-v1/4f702fdc01e7e3aa.png') 0 0/100% 100% no-repeat; }
  .mobile-home-stats { left:32px; right:32px; top:340px; height:63.984375px; border-radius:1000px; background:rgba(0,0,0,.5); border-color:rgba(255,255,255,.3); backdrop-filter:blur(3px); display:grid; grid-template-columns:repeat(3,auto); padding:13px 20px; }
  .mobile-home-stats article { min-width:0; height:auto; padding:0; border-right:0; font-size:12px; line-height:14.4px; }
  .mobile-home-stats b { font-size:18px; line-height:21.6px; font-weight:400; }
  .mobile-home-stats span { margin-top:0; font-size:12px; line-height:14.4px; color:#fff; }
  .mobile-start-trade { left:18px; right:18px; top:478.984375px; width:auto; height:30px; border-radius:15px; background:#00f0ff; display:flex; align-items:center; justify-content:center; font-size:12px; line-height:14.4px; }
  .mobile-home-notice { height:45.1875px; padding:0 20px; gap:5px; border:0; background:#000; }
  .mobile-notice-icon { width:21px; height:25.2px; border:0; border-radius:0; color:#00f0ff; font-family:uniicons; font-size:21px; line-height:25.2px; }
  .mobile-news-window { height:20px; }
  .mobile-news-track a { height:20px; line-height:20px; font-size:13px; color:#00f0ff; }
  .mobile-news-track a { transform:translateY(1px); }
  .mobile-notice-icon { color:#00f0ff!important; }
  .mobile-home-entries { height:89px; display:flex; align-items:start; justify-content:space-between; padding:7px 20px 0; background:#000; }
  .mobile-home-entries a { width:62px; height:72.390625px; display:block; padding:5px 0; margin:0; border-radius:5px; text-align:center; font-size:12px; line-height:14.4px; color:#fff; }
  .mobile-home-entries a > span:last-child { display:block; transform:none; }
  /* Live UniApp semantic chain is a 42px icon wrapper containing a 30px
     image, not the earlier 43/31 approximation. */
  .home-entry-icon { width:30px; height:30px; }
  .home-entry-wrap { width:42px; height:42px; margin:0 10px 5px; }
  .mobile-home-market { padding:11px 15px 0; }
  .mobile-home-market h2 { font-size:20px; font-weight:400; transform:translateX(17px); }
  .mobile-home-market header button { margin-top:7px; transform:translateX(5px); padding:8px 15px; border-radius:9999px; background:#00f0ff; color:#fff; font-size:14px; line-height:16.8px; font-weight:400; }
  .mobile-home-support { right:20px; bottom:260px; width:48px; height:48px; background:#00f0ff; border-radius:50%; box-shadow:0 6px 18px rgba(0,0,0,.15); }
  .mobile-home-support>img { width:28px; height:28px; }
  .mobile-home-bottom { background:#0d081a; border-top:1px solid #0b0716; }
  .mobile-home-bottom a { color:#838b99; }
  .mobile-home-bottom a.active { color:#00f0ff; }
  .mobile-home-bottom img { transform:translateY(2px); }
  .mobile-home-bottom small { font-size:10px; line-height:14px; transform:translateY(3px); }
  .mobile-coin-1 { left:15%; top:5%; width:40px; height:43.390625px; transform:translate(-35%,-35%); }
  .mobile-coin-2 { left:10%; top:25%; width:79.984375px; height:83.375px; transform:translate(-40%,-19%); }
  .mobile-coin-3 { left:15%; top:45%; width:40px; height:43.390625px; transform:translate(-35%,-8%); }
  .mobile-coin-4 { right:auto; left:68%; top:5%; width:40px; height:43.390625px; transform:translate(18%,-55%); }
  .mobile-coin-5 { right:auto; left:73%; top:25%; width:79.984375px; height:83.375px; transform:translate(23%,-32%); }
  .mobile-coin-6 { right:auto; left:68%; top:45%; width:40px; height:43.390625px; transform:translate(18%,-3%); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-float { animation:none; }
  html[data-xm-visual-fixture="home-current"] .mobile-home-coin img { filter:none; }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-1 .mobile-coin-float { transform:translateY(-2.94658px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-2 .mobile-coin-float { transform:translateY(-7.16187px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-3 .mobile-coin-float { transform:translateY(-7.07784px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-4 .mobile-coin-float { transform:translateY(-6.45503px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-5 .mobile-coin-float { transform:translateY(-5.09307px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-6 .mobile-coin-float { transform:translateY(-7.48616px); }
}

@media (min-width:376px) and (max-width:749px) {
  .mobile-home-header { height:50px; padding:0 10px; background:#000; gap:10px; }
  .mobile-home-brand,.mobile-home-brand img { width:31px; height:31px; }
  .mobile-home-header button { width:34px; min-width:34px; height:34px; padding:0; background:#1a1b24; }
  #mobile-locale-flag { width:15px; min-width:15px; background:transparent; }
  .mobile-locale-flag>img { width:15px; height:12px; }
  .mobile-menu-trigger>img { width:20px; height:20px; }
  .mobile-home-hero { height:520px; background:#000 url('/assets/live-home-current-v1/4f702fdc01e7e3aa.png') 0 0/100% 100% no-repeat; }
  .mobile-home-stats { left:33.28125px; right:33.28125px; top:341px; height:65.015625px; border-radius:33px; }
  .mobile-home-stats { background:rgba(0,0,0,.5); border-color:rgba(255,255,255,.3); }
  /* Current live uses content-width statistic columns, not an equal-width
     grid.  The parent remains the measured 323.4375px pill. */
  .mobile-home-stats { display:flex; align-items:center; justify-content:center; gap:0; }
  .mobile-home-stats article { flex:0 0 auto; width:auto; min-width:0; height:35.984375px; padding:0; border-right:0; font-size:12px; line-height:14.4px; }
  .mobile-home-stats article:nth-child(1) { width:99.40625px; }
  .mobile-home-stats article:nth-child(2) { width:95.578125px; }
  .mobile-home-stats article:nth-child(3) { width:84.859375px; }
  .mobile-home-stats b { font-size:18px; line-height:21.6px; font-weight:400; }
  .mobile-home-stats span { margin-top:0; font-size:12px; line-height:14.4px; color:#fff; }
  .mobile-start-trade { left:18px; right:18px; top:484.015625px; width:auto; height:31px; border-radius:15px; background:#00f0ff; display:flex; align-items:center; justify-content:center; font-size:12px; line-height:14.4px; }
  .mobile-home-notice { height:45.1875px; padding:0 20px; gap:5px; border:0; background:#000; }
  .mobile-notice-icon { width:21px; height:25.2px; border:0; border-radius:0; color:#00e9f3; font-family:uniicons; font-size:21px; line-height:25.2px; }
  .mobile-news-window { height:20px; }
  .mobile-news-track a { height:20px; line-height:20px; font-size:13px; color:#00f0ff; }
  .mobile-home-entries { height:89px; display:flex; align-items:start; justify-content:space-between; padding:7px 20px 0; background:#000; }
  .mobile-home-entries a { width:63px; height:72.390625px; display:block; padding:5px 0; margin:0; border-radius:5px; text-align:center; font-size:12px; line-height:14.4px; color:#fff; }
  .home-entry-icon { width:31px; height:31px; }
  .home-entry-wrap { width:43px; height:43px; margin:0 10px 5px; }
  .mobile-home-market { padding:11px 15px 0; }
  .mobile-home-market h2 { font-size:20px; font-weight:400; transform:translateX(17px); }
  .mobile-home-market header button { margin-top:9px; transform:translateX(5px); padding:8px 15px; border-radius:9999px; background:#00f0ff; color:#fff; font-size:14px; line-height:16.8px; font-weight:400; }
  .mobile-home-support { right:20px; bottom:260px; width:48px; height:48px; background:#00f0ff; border-radius:50%; box-shadow:0 6px 18px rgba(0,0,0,.15); }
  .mobile-home-support>img { width:28px; height:28px; }
  .mobile-home-bottom { background:#0d081a; border-top:1px solid #0b0716; }
  .mobile-home-bottom a { color:#838b99; }
  .mobile-home-bottom a.active { color:#00f0ff; }
  .mobile-home-bottom img { transform:translateY(1px); }
  .mobile-home-bottom small { font-size:10px; line-height:14px; transform:translateY(1px); }
  .mobile-coin-1 { left:15%; top:5%; width:41.59375px; height:44.984375px; transform:translate(-35%,-35%); }
  .mobile-coin-2 { left:10%; top:25%; width:83.1875px; height:86.578125px; transform:translate(-40%,-19%); }
  .mobile-coin-3 { left:15%; top:45%; width:41.59375px; height:44.984375px; transform:translate(-35%,-8%); }
  .mobile-coin-4 { right:auto; left:68%; top:5%; width:41.59375px; height:44.984375px; transform:translate(18%,-55%); }
  .mobile-coin-5 { right:auto; left:73%; top:25%; width:83.1875px; height:86.578125px; transform:translate(23%,-32%); }
  .mobile-coin-6 { right:auto; left:68%; top:45%; width:41.59375px; height:44.984375px; transform:translate(18%,-3%); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-float { animation:none; }
  html[data-xm-visual-fixture="home-current"] .mobile-home-coin img { filter:none; }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-1 { transform:translate(-35%,-35.0487%); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-2 { transform:translate(-40%,-18.7941%); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-3 { transform:translate(-35%,-8.24515%); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-4 { transform:translate(18%,-54.7127%); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-5 { transform:translate(23%,-32.2504%); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-6 { transform:translate(18%,-3.12215%); }
  /* Captured from CURRENT_LIVE_LOSSLESS_PNG_V1 after its public fixture was
     frozen; normal runtime keeps the independent source durations above. */
  html[data-xm-visual-fixture="home-current"] .mobile-coin-1 .mobile-coin-float { transform:translateY(-6.32514px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-2 .mobile-coin-float { transform:translateY(-.934975px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-3 .mobile-coin-float { transform:translateY(-6.45746px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-4 .mobile-coin-float { transform:translateY(-.092635px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-5 .mobile-coin-float { transform:translateY(-7.76401px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-6 .mobile-coin-float { transform:translateY(-2.81298px); }
}

/* CURRENT_LIVE_LOSSLESS_PNG_V1 tablet homepage.  This is not a scaled phone
 * layout: the live UniApp page resolves its rpx geometry to a 67px header and
 * a 1024px hero, which keeps notices and entries below the first viewport. */
@media (min-width:750px) {
  .mobile-home { padding-bottom:50px; }
  .mobile-home-header { height:67px; padding:0 20px; gap:20px; background:#000; }
  .mobile-home-brand,.mobile-home-brand img { width:60px; height:60px; }
  .mobile-home-header button { width:67px; min-width:67px; height:67px; padding:0; font-size:32px; border-radius:0; }
  #mobile-locale-flag { width:30px; min-width:30px; background:transparent; }
  .mobile-locale-flag>img { width:30px; height:24px; }
  .mobile-menu-trigger>img { width:40px; height:40px; }
  .mobile-home-hero { height:1024px; overflow:visible; background:#000 url('/assets/live-home-current-v1/4f702fdc01e7e3aa.png') 0 0/100% 100% no-repeat; }
  .mobile-coin-1 { left:15%; top:5%; width:81.90625px; height:87.703125px; transform:translate(-35%,-35.0487%); }
  .mobile-coin-2 { left:10%; top:25%; width:163.828125px; height:169.625px; transform:translate(-40%,-18.7941%); }
  .mobile-coin-3 { left:15%; top:45%; width:81.90625px; height:87.703125px; transform:translate(-35%,-8.24515%); }
  .mobile-coin-4 { right:auto; left:68%; top:5%; width:81.90625px; height:87.703125px; transform:translate(18%,-54.7127%); }
  .mobile-coin-5 { right:auto; left:73%; top:25%; width:163.828125px; height:169.625px; transform:translate(23%,-32.2504%); }
  .mobile-coin-6 { right:auto; left:68%; top:45%; width:81.90625px; height:87.703125px; transform:translate(18%,-3.12215%); }
  .mobile-coin-1 img,.mobile-coin-3 img,.mobile-coin-4 img,.mobile-coin-6 img { width:81.90625px; height:81.90625px; }
  .mobile-coin-2 img,.mobile-coin-5 img { width:163.828125px; height:163.828125px; }
  .mobile-home-stats { left:65.53125px; right:65.546875px; top:381px; height:127.203125px; border-radius:2048px; background:rgba(0,0,0,.5); border-color:rgba(255,255,255,.3); backdrop-filter:blur(6.144px); display:grid; grid-template-columns:repeat(3,auto); padding:26.624px 40.96px; z-index:10; }
  .mobile-home-stats article { height:auto; padding:0; border-right:0; font-size:24px; line-height:28.8px; }
  .mobile-home-stats b { font-size:36px; line-height:43.2px; font-weight:400; }
  .mobile-home-stats span { margin-top:0; font-size:24px; line-height:28.8px; color:#fff; }
  .mobile-start-trade { top:661.203125px; left:36px; right:36px; width:auto; height:61px; border-radius:30px; background:#00f0ff; font-size:24px; line-height:28.8px; z-index:10; }
  .mobile-home-notice { display:flex; height:90.375px; padding:0 40px; gap:10px; border:0; background:#000; }
  .mobile-notice-icon { width:42px; height:50.4px; border:0; border-radius:0; color:#00f0ff; font-family:uniicons; font-size:42px; line-height:50.4px; }
  .mobile-news-window,.mobile-news-track a { height:40px; line-height:40px; font-size:26px; }
  .mobile-home-entries { height:178px; padding:14px 40px 0; margin:0; align-items:start; background:#000; }
  .mobile-home-entries a { width:126px; height:144px; padding:10px 0; font-size:24px; line-height:28.8px; }
  .home-entry-wrap { width:86px; height:86px; margin:0 20px 10px; }
  .mobile-home-entries .home-entry-icon { width:62px; height:62px; }
  .mobile-home-market { padding:22px 30px 0; }
  .mobile-home-market h2 { font-size:40px; }
  .mobile-home-market header button { padding:16px 30px; font-size:28px; }
  .mobile-home-support { right:20px; bottom:260px; width:48px; height:48px; }
  .mobile-home-bottom { height:50px; }
  .mobile-home-bottom a { font-size:15px; }
  .mobile-home-bottom small { font-size:10px; }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-float { animation:none; }
  html[data-xm-visual-fixture="home-current"] .mobile-home-coin img { filter:none; }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-1 .mobile-coin-float { transform:translateY(-15.331px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-2 .mobile-coin-float { transform:translateY(-5.72514px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-3 .mobile-coin-float { transform:translateY(-12.3753px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-4 .mobile-coin-float { transform:translateY(-3.52843px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-5 .mobile-coin-float { transform:translateY(-14.9716px); }
  html[data-xm-visual-fixture="home-current"] .mobile-coin-6 .mobile-coin-float { transform:translateY(-8.37194px); }
}