/* ARENACTIVE v1.48.5.234 — Android beta portal */

/* ARENACTIVE v1.48.5.235 — compact hero app entry */

.hero-app-entry{
  /* v241: this element now lives INSIDE .hero-art.
     Its right/bottom offsets are therefore relative to the artwork itself,
     never to Find Match or the full page grid. */
  position:absolute;
  z-index:14;
  right:18px;
  bottom:20px;
  width:228px;
  max-width:calc(100% - 36px);
  margin:0;
  color:#f5f6f7;
  pointer-events:auto;
}

.hero-app-label{
  margin:0 0 7px 2px;
  padding-left:10px;
  border-left:2px solid #ed1717;
  line-height:1.05;
}
.hero-app-label b,
.hero-app-label span{display:block}
.hero-app-label b{font-size:10px;font-weight:950;letter-spacing:.65px}
.hero-app-label span{margin-top:3px;color:#98a1aa;font-size:10px;font-weight:750}

.hero-app-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}
.hero-app-platform{
  appearance:none;
  min-width:0;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:6px 12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:9px;
  background:
    radial-gradient(circle at 82% 16%,rgba(237,23,23,.10),transparent 34%),
    linear-gradient(145deg,rgba(13,17,23,.96),rgba(7,10,14,.97));
  box-shadow:0 9px 24px rgba(0,0,0,.25);
  color:#fff;
  cursor:pointer;
  text-align:left;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
.hero-app-platform:hover,
.hero-app-platform:focus-visible,
.hero-app-platform.is-active{
  transform:translateY(-1px);
  border-color:rgba(237,23,23,.58);
  background:
    radial-gradient(circle at 82% 16%,rgba(237,23,23,.17),transparent 38%),
    linear-gradient(145deg,rgba(16,18,23,.98),rgba(8,9,13,.99));
  box-shadow:0 0 0 1px rgba(237,23,23,.09),0 12px 28px rgba(0,0,0,.30);
  outline:none;
}
.hero-app-platform-icon{
  flex:0 0 auto;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  color:#fff;
}
.hero-app-platform-icon svg{
  width:24px;
  height:24px;
  display:block;
  fill:currentColor;
}
.hero-app-platform>span:last-child{min-width:0}
.hero-app-platform strong,
.hero-app-platform small{display:block}
.hero-app-platform strong{font-size:11px;line-height:1.05;font-weight:950}
.hero-app-platform small{margin-top:2px;color:#89939d;font-size:10px;line-height:1;font-weight:900;letter-spacing:.7px}
.hero-app-platform.is-android small{color:#ff5c61}
.hero-app-platform.is-iphone small{color:#a9b2bc}

.hero-app-popover{
  position:absolute;
  right:0;
  bottom:calc(100% + 10px);
  width:248px;
  padding:14px;
  border:1px solid rgba(237,23,23,.62);
  border-radius:12px;
  background:
    radial-gradient(circle at 80% 10%,rgba(237,23,23,.12),transparent 34%),
    linear-gradient(150deg,rgba(10,13,18,.985),rgba(5,7,10,.995));
  box-shadow:0 22px 48px rgba(0,0,0,.46),0 0 24px rgba(237,23,23,.08);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(7px) scale(.985);
  transform-origin:bottom right;
  transition:opacity .15s ease,transform .15s ease,visibility .15s ease;
}
.hero-app-popover::after{
  content:"";
  position:absolute;
  right:47px;
  bottom:-7px;
  width:12px;
  height:12px;
  border-right:1px solid rgba(237,23,23,.62);
  border-bottom:1px solid rgba(237,23,23,.62);
  background:#07090d;
  transform:rotate(45deg);
}
.hero-app-entry.is-open .hero-app-popover{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}
.hero-app-close{
  position:absolute;
  top:6px;
  right:7px;
  width:28px;
  height:28px;
  border:0;
  background:transparent;
  color:#8c959e;
  font-size:21px;
  line-height:1;
  cursor:pointer;
}
.hero-app-close:hover{color:#fff}
.hero-app-popover-head{padding-right:28px;text-align:center}
.hero-app-popover-head strong,
.hero-app-popover-head small{display:block}
.hero-app-popover-head strong{font-size:10px;font-weight:950;letter-spacing:.75px}
.hero-app-popover-head small{margin-top:4px;color:#747f89;font-size:10px;font-weight:850;letter-spacing:.65px}

.hero-app-qr{
  width:158px;
  height:158px;
  margin:12px auto 10px;
  padding:8px;
  border:1px solid rgba(237,23,23,.38);
  border-radius:11px;
  background:#fff;
  box-shadow:0 0 0 4px rgba(237,23,23,.035);
}
.hero-app-qr img{display:block;width:100%;height:100%}
.hero-app-popover p{
  margin:0 auto;
  max-width:205px;
  color:#949da6;
  text-align:center;
  font-size:10px;
  line-height:1.45;
}
.hero-app-open{
  height:32px;
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(237,23,23,.30);
  border-radius:6px;
  background:rgba(237,23,23,.07);
  color:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:950;
  letter-spacing:.55px;
}
.hero-app-open:hover{
  border-color:rgba(237,23,23,.58);
  background:rgba(237,23,23,.12);
}

/* Stay inside the artwork as desktop width changes. */
@media(min-width:1360px){
  .hero-app-entry{right:20px;bottom:20px;width:228px;max-width:calc(100% - 40px)}
}
@media(min-width:1181px) and (max-width:1359px){
  .hero-app-entry{right:16px;bottom:18px;width:216px;max-width:calc(100% - 32px)}
  .hero-app-popover{width:232px}
  .hero-app-qr{width:146px;height:146px}
}
@media(min-width:981px) and (max-width:1180px){
  .hero-app-entry{right:14px;bottom:16px;width:202px;max-width:calc(100% - 28px)}
  .hero-app-label{margin-bottom:5px}
  .hero-app-platform{min-height:44px;padding:5px 8px;gap:7px}
  .hero-app-popover{width:216px}
  .hero-app-qr{width:136px;height:136px}
}

/* Do not disturb the already-approved mobile homepage layout. */
@media(max-width:980px){
  .hero-app-entry{display:none!important}
  .hero-app-popover{
    position:fixed;
    z-index:220;
    left:50%;
    right:auto;
    bottom:auto;
    top:50%;
    width:min(300px,calc(100vw - 22px));
    transform:translate(-50%,-48%) scale(.985);
    transform-origin:center;
  }
  .hero-app-entry.is-open .hero-app-popover{
    transform:translate(-50%,-50%) scale(1);
  }
  .hero-app-popover::after{display:none}
  .hero-app-qr{width:min(190px,58vw);height:auto;aspect-ratio:1}
}
@media(max-width:430px){
  .hero-app-entry{width:100%;margin-top:2px}
  .hero-app-label{text-align:center;border-left:0;padding-left:0}
  .hero-app-buttons{gap:6px}
  .hero-app-platform{height:45px;padding:5px 7px;gap:7px}
  .hero-app-platform-icon{width:24px;height:24px}
  .hero-app-platform-icon svg{width:22px;height:22px}
  .hero-app-platform strong{font-size:10px}
  .hero-app-platform small{font-size:10px}
}

.android-download-page{min-height:100vh;background:#05070a;color:#f5f6f7}
.android-download-main{min-height:calc(100vh - var(--header));padding:42px 28px 64px;background:
 radial-gradient(ellipse at 18% 6%,rgba(237,23,23,.09),transparent 30%),
 radial-gradient(ellipse at 86% 16%,rgba(237,23,23,.055),transparent 28%),
 #05070a}
.android-download-shell{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:22px;align-items:stretch}
.android-download-copy,.android-qr-card,.android-install-panel,.android-security-note{border:1px solid rgba(255,255,255,.085);border-radius:14px;background:linear-gradient(145deg,rgba(12,16,22,.97),rgba(7,10,14,.985));box-shadow:0 18px 44px rgba(0,0,0,.24)}
.android-download-copy{padding:32px}
.android-download-eyebrow{margin-bottom:10px;color:#8e98a2;font-size:10px;font-weight:950;letter-spacing:1.6px}.android-download-eyebrow b{color:#ed1717}
.android-download-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.android-download-title-row h1{margin:0;font-size:clamp(34px,5vw,62px);line-height:.96;letter-spacing:-2.2px}.android-download-title-row>span{padding:6px 8px;border:1px solid rgba(237,23,23,.38);border-radius:5px;color:#ff676b;background:rgba(237,23,23,.08);font-size:10px;font-weight:950;letter-spacing:1.2px}
.android-download-lead{max-width:660px;margin:17px 0 0;color:#9aa4ae;font-size:13px;line-height:1.65}
.android-download-state{margin-top:22px;padding:11px 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.075);border-radius:9px;background:#080b0f}.android-download-state i{width:9px;height:9px;border-radius:50%;background:#b77a14;box-shadow:0 0 14px rgba(183,122,20,.5)}.android-download-state.is-ready i{background:#31c46c;box-shadow:0 0 14px rgba(49,196,108,.48)}.android-download-state strong,.android-download-state small{display:block}.android-download-state strong{font-size:10px;letter-spacing:.7px}.android-download-state small{margin-top:3px;color:#76818b;font-size:10px}
.android-download-actions{margin-top:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.android-download-button{min-height:52px;display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 9px;border:1px solid #ee2a2a;border-radius:8px;background:linear-gradient(110deg,#740607,#d10d10 68%,#850708);box-shadow:0 10px 26px rgba(237,23,23,.17);color:#fff;text-decoration:none}.android-download-button.is-disabled{border-color:rgba(255,255,255,.11);background:#0a0d11;box-shadow:none;color:#7c858e}.android-download-button-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:7px;background:rgba(0,0,0,.25);font-size:20px;font-weight:900}.android-download-button small,.android-download-button strong{display:block}.android-download-button small{font-size:10px;letter-spacing:1.2px;opacity:.72}.android-download-button strong{margin-top:2px;font-size:10px;letter-spacing:.6px}
.android-download-back{padding:10px;color:#8d97a1;font-size:10px;font-weight:900;letter-spacing:.55px;text-decoration:none}.android-download-back:hover{color:#fff}
.android-build-meta{margin:23px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.android-build-meta>div{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#080b0f}.android-build-meta dt{color:#69747e;font-size:10px;font-weight:950;letter-spacing:.9px}.android-build-meta dd{margin:5px 0 0;color:#dce1e5;font-size:10px;font-weight:850;overflow-wrap:anywhere}.android-build-meta .android-build-sha{grid-column:1/-1}.android-build-meta .android-build-sha dd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#929ca6;font-size:10px}

.android-qr-card{padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.android-qr-frame{width:min(230px,100%);aspect-ratio:1;padding:13px;border:1px solid rgba(237,23,23,.25);border-radius:15px;background:#fff;box-shadow:0 0 0 6px rgba(237,23,23,.03),0 18px 36px rgba(0,0,0,.28)}.android-qr-frame img{display:block;width:100%;height:100%}
.android-qr-card>strong{margin-top:17px;font-size:10px;letter-spacing:.7px}.android-qr-card>p{margin:8px 0 0;color:#89939d;font-size:10px;line-height:1.55}.android-qr-card code{margin-top:11px;padding:6px 8px;border-radius:5px;background:#07090c;color:#b9c0c7;font-size:10px}

.android-install-panel{width:min(1120px,100%);margin:18px auto 0;padding:20px 22px}
.android-install-heading{display:flex;align-items:center;gap:11px}.android-install-heading>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(237,23,23,.3);border-radius:8px;color:#ff5458;background:rgba(237,23,23,.06);font-size:11px;font-weight:950}.android-install-heading strong,.android-install-heading small{display:block}.android-install-heading strong{font-size:12px}.android-install-heading small{margin-top:3px;color:#6d7781;font-size:10px;letter-spacing:1px}
.android-install-steps{margin:16px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.android-install-steps li{min-width:0;display:flex;align-items:flex-start;gap:9px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#080b0f}.android-install-steps b{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#151a20;color:#ff5559;font-size:10px}.android-install-steps span{color:#9aa3ac;font-size:10px;line-height:1.55}

.android-security-note{width:min(1120px,100%);margin:10px auto 0;padding:15px 18px;display:flex;align-items:center;gap:12px}.android-security-mark{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(237,23,23,.28);border-radius:9px;color:#fff;background:linear-gradient(145deg,#180607,#090b0f);font-size:17px;font-weight:950}.android-security-note strong{font-size:10px}.android-security-note p{margin:4px 0 0;color:#7f8993;font-size:10px;line-height:1.5}

@media(max-width:760px){
  .android-home-card{width:100%;grid-template-columns:42px minmax(0,1fr);gap:9px;padding:8px}
  .android-home-mark{width:40px;height:40px}
  .android-home-copy strong{font-size:14px}
  .android-home-meta{grid-column:1/-1;justify-content:center;padding-top:4px;border-top:1px solid rgba(255,255,255,.055)}
  .android-home-meta i{width:22px;height:22px}
  .android-download-main{padding:18px 10px 44px}
  .android-download-shell{grid-template-columns:minmax(0,1fr);gap:10px}
  .android-download-copy{padding:20px 15px}
  .android-download-title-row h1{font-size:clamp(30px,11vw,44px);letter-spacing:-1.4px}
  .android-download-lead{font-size:11px}
  .android-download-actions{display:grid;grid-template-columns:1fr}
  .android-download-button{width:100%;justify-content:center}
  .android-download-back{text-align:center}
  .android-build-meta{grid-template-columns:1fr 1fr}
  .android-build-meta>div:nth-child(3),.android-build-meta .android-build-sha{grid-column:1/-1}
  .android-qr-card{padding:20px 15px}
  .android-qr-frame{width:min(220px,74vw)}
  .android-install-panel{padding:16px 12px}
  .android-install-steps{grid-template-columns:minmax(0,1fr)}
  .android-security-note{align-items:flex-start;padding:13px}
}


/* ===== ARENACTIVE v1.48.5.242 — final hero app corner + crisp QR ===== */

/* The artwork itself visually extends past its CSS grid column.
   Shift the app controls into that visible bottom-right corner, while
   keeping them attached to .hero-art and clear of Find Match. */
@media(min-width:1360px){
  .hero-app-entry{
    right:-66px!important;
    bottom:18px!important;
    width:228px!important;
    max-width:none!important;
  }
}
@media(min-width:1181px) and (max-width:1359px){
  .hero-app-entry{
    right:-44px!important;
    bottom:17px!important;
    width:216px!important;
    max-width:none!important;
  }
}
@media(min-width:981px) and (max-width:1180px){
  .hero-app-entry{
    right:-20px!important;
    bottom:15px!important;
    width:202px!important;
    max-width:none!important;
  }
}

/* iPhone is intentionally non-interactive until a native build exists. */
.hero-app-platform.is-iphone{
  cursor:default!important;
}
.hero-app-platform.is-iphone:hover,
.hero-app-platform.is-iphone:focus-visible{
  transform:none!important;
  border-color:rgba(255,255,255,.13)!important;
  background:
    radial-gradient(circle at 82% 16%,rgba(237,23,23,.08),transparent 34%),
    linear-gradient(145deg,rgba(13,17,23,.96),rgba(7,10,14,.97))!important;
  box-shadow:0 9px 24px rgba(0,0,0,.25)!important;
}
.hero-app-platform.is-iphone small{
  color:#ff3d43!important;
  font-weight:950!important;
  letter-spacing:.55px!important;
}

/* Cleaner Android QR popover: no blur-like scaling, no oversized padding. */
.hero-app-popover{
  right:0!important;
  bottom:calc(100% + 9px)!important;
  width:218px!important;
  padding:12px!important;
  border-radius:10px!important;
  background:#07090d!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.52),
    0 0 0 1px rgba(237,23,23,.10)!important;
  transform:translateY(4px)!important;
  transform-origin:bottom right!important;
}
.hero-app-entry.is-open .hero-app-popover{
  transform:translateY(0)!important;
}
.hero-app-popover-head{
  padding-right:24px!important;
}
.hero-app-popover-head strong{
  font-size:10px!important;
  letter-spacing:.7px!important;
}
.hero-app-popover-head small{
  margin-top:3px!important;
  font-size:10px!important;
  color:#8d969f!important;
}

/* Native-size QR: 185x185 PNG, no browser interpolation. */
.hero-app-qr{
  width:185px!important;
  height:185px!important;
  margin:10px auto 8px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(237,23,23,.38)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.hero-app-qr img{
  display:block!important;
  width:185px!important;
  height:185px!important;
  max-width:none!important;
  object-fit:contain!important;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
}

.hero-app-popover p{
  max-width:190px!important;
  font-size:10px!important;
  line-height:1.35!important;
  color:#9aa3ac!important;
}
.hero-app-open{
  height:29px!important;
  margin-top:8px!important;
  font-size:10px!important;
  border-radius:5px!important;
}

@media(min-width:981px) and (max-width:1180px){
  .hero-app-popover{
    width:206px!important;
    padding:10px!important;
  }
  .hero-app-qr{
    width:175px!important;
    height:175px!important;
  }
  .hero-app-qr img{
    width:175px!important;
    height:175px!important;
  }
}


/* ===== ARENACTIVE v1.48.5.243 — larger app text + exact QR geometry ===== */

.hero-app-label b{
  font-size:11px!important;
  letter-spacing:.7px!important;
}
.hero-app-label span{
  margin-top:3px!important;
  font-size:10px!important;
}
.hero-app-platform strong{
  font-size:10px!important;
}
.hero-app-platform small{
  margin-top:2px!important;
  font-size:10px!important;
  line-height:1.05!important;
}
.hero-app-platform.is-iphone small{
  color:#ff3d43!important;
  font-size:10px!important;
}

.hero-app-popover{
  width:226px!important;
  padding:12px!important;
}
.hero-app-popover-head strong{
  font-size:11px!important;
  line-height:1.1!important;
  letter-spacing:.72px!important;
}
.hero-app-popover-head small{
  margin-top:4px!important;
  font-size:10px!important;
  line-height:1.1!important;
}

/* The QR image is generated at exactly 198x198 px and displayed 1:1.
   content-box prevents the border from stealing 2px and distorting/overflowing it. */
.hero-app-qr{
  box-sizing:content-box!important;
  width:198px!important;
  height:198px!important;
  min-width:198px!important;
  min-height:198px!important;
  max-width:none!important;
  max-height:none!important;
  margin:11px auto 9px!important;
  padding:0!important;
  border:1px solid rgba(237,23,23,.38)!important;
  border-radius:6px!important;
  overflow:hidden!important;
  background:#fff!important;
  line-height:0!important;
}
.hero-app-qr img{
  display:block!important;
  width:198px!important;
  height:198px!important;
  min-width:198px!important;
  min-height:198px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:none!important;
  transform:none!important;
  image-rendering:auto!important;
}

.hero-app-popover p{
  max-width:198px!important;
  font-size:10px!important;
  line-height:1.4!important;
}
.hero-app-open{
  height:31px!important;
  margin-top:9px!important;
  font-size:10px!important;
  letter-spacing:.45px!important;
}

@media(min-width:981px) and (max-width:1180px){
  .hero-app-popover{
    width:226px!important;
    padding:12px!important;
  }
  .hero-app-qr,
  .hero-app-qr img{
    width:198px!important;
    height:198px!important;
    min-width:198px!important;
    min-height:198px!important;
  }
}


/* ===== ARENACTIVE v1.48.5.244 — restore known-good visible QR ===== */
.hero-app-qr{
  box-sizing:border-box!important;
  width:185px!important;
  height:185px!important;
  min-width:185px!important;
  min-height:185px!important;
  max-width:185px!important;
  max-height:185px!important;
  margin:11px auto 9px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(237,23,23,.38)!important;
  border-radius:7px!important;
  background:#fff!important;
}
.hero-app-qr img{
  display:block!important;
  width:185px!important;
  height:185px!important;
  min-width:185px!important;
  min-height:185px!important;
  max-width:185px!important;
  max-height:185px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:contain!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  image-rendering:pixelated!important;
}


/* ===== ARENACTIVE v1.48.5.245 — QR only ===== */
.hero-app-qr{
  box-sizing:border-box!important;
  width:187px!important;
  height:187px!important;
  min-width:187px!important;
  min-height:187px!important;
  max-width:187px!important;
  max-height:187px!important;
  margin:11px auto 9px!important;
  padding:1px!important;
  overflow:hidden!important;
  border:1px solid rgba(237,23,23,.38)!important;
  border-radius:7px!important;
  background:#fff!important;
  line-height:0!important;
}
.hero-app-qr img{
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:185px!important;
  height:185px!important;
  min-width:185px!important;
  min-height:185px!important;
  max-width:185px!important;
  max-height:185px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  object-fit:fill!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}


/* ===== ARENACTIVE v1.48.5.246 — Android only ===== */
.hero-app-buttons{
  grid-template-columns:minmax(0,1fr)!important;
}

/* Keep the Android entry compact while preserving its current right edge
   and the QR popup position inside Hero. */
@media(min-width:981px){
  .hero-app-entry{
    width:184px!important;
  }
  .hero-app-platform.is-android{
    width:100%!important;
  }
}

/* No iPhone placeholder / coming-soon UI remains. */
.hero-app-platform.is-iphone,
[data-app-coming-soon]{
  display:none!important;
}


/* ===== ARENACTIVE v1.48.5.255 — premium Android badge ===== */
.hero-app-platform.is-android{
  position:relative!important;
  overflow:hidden!important;
  min-height:56px!important;
  padding:7px 14px 7px 10px!important;
  gap:10px!important;
  border:1px solid rgba(255,92,97,.34)!important;
  border-radius:12px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,0) 34%),
    radial-gradient(circle at 88% 18%,rgba(237,23,23,.18),transparent 34%),
    linear-gradient(145deg,rgba(14,18,24,.985),rgba(7,10,14,.995))!important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(255,255,255,.02)!important;
}
.hero-app-platform.is-android::before{
  content:"";
  position:absolute;
  top:7px;
  bottom:7px;
  right:8px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff5c61,#b40510)!important;
  box-shadow:0 0 14px rgba(237,23,23,.28)!important;
  opacity:.95!important;
}
.hero-app-platform.is-android::after{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:44%;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))!important;
  opacity:.35!important;
  pointer-events:none!important;
}
.hero-app-platform.is-android:hover,
.hero-app-platform.is-android:focus-visible,
.hero-app-platform.is-android.is-active{
  transform:translateY(-1px)!important;
  border-color:rgba(255,92,97,.58)!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,0) 36%),
    radial-gradient(circle at 88% 18%,rgba(237,23,23,.22),transparent 36%),
    linear-gradient(145deg,rgba(16,19,24,.995),rgba(8,9,13,.995))!important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.38),
    0 0 0 1px rgba(237,23,23,.10),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.hero-app-platform.is-android .hero-app-platform-icon{
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02)),rgba(0,0,0,.28)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.24)!important;
  color:#ffffff!important;
}
.hero-app-platform.is-android .hero-app-platform-icon svg{
  width:21px!important;
  height:21px!important;
}
.hero-app-platform.is-android>span:last-child{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding-right:12px!important;
}
.hero-app-platform.is-android strong{
  font-size:12px!important;
  line-height:1.02!important;
  letter-spacing:.35px!important;
  font-weight:950!important;
}
.hero-app-platform.is-android small{
  margin-top:3px!important;
  color:#ff6f73!important;
  font-size:9px!important;
  line-height:1!important;
  letter-spacing:1.25px!important;
  font-weight:950!important;
}
@media(min-width:1360px){
  .hero-app-entry{width:208px!important;right:-68px!important;}
}
@media(min-width:1181px) and (max-width:1359px){
  .hero-app-entry{width:202px!important;}
}
@media(min-width:981px) and (max-width:1180px){
  .hero-app-entry{width:194px!important;}
}
@media(max-width:980px){
  .hero-app-platform.is-android{min-height:48px!important;padding:6px 12px 6px 9px!important;}
  .hero-app-platform.is-android .hero-app-platform-icon{width:27px!important;height:27px!important;}
  .hero-app-platform.is-android strong{font-size:11px!important;}
}


/* ===== ARENACTIVE v1.48.5.260 — home Android entry below premium stats ===== */
#home .hero-copy > .hero-app-entry{
  position:relative!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:208px!important;
  max-width:100%!important;
  margin:14px 0 0!important;
  z-index:10!important;
}
#home .hero-copy > .hero-app-entry .hero-app-popover{
  left:0!important;
  right:auto!important;
  bottom:calc(100% + 10px)!important;
  transform-origin:bottom left!important;
}
#home .hero-copy > .hero-app-entry .hero-app-popover::after{
  left:26px!important;
  right:auto!important;
}
@media(min-width:1360px){
  #home .hero-copy > .hero-app-entry{width:208px!important;}
}
@media(min-width:1181px) and (max-width:1359px){
  #home .hero-copy > .hero-app-entry{width:202px!important;}
}
@media(min-width:981px) and (max-width:1180px){
  #home .hero-copy > .hero-app-entry{width:194px!important;margin-top:12px!important;}
}
@media(max-width:980px){
  #home .hero-copy > .hero-app-entry{display:none!important;}
}


/* ===== ARENACTIVE v1.48.5.262 — compact QR opens to the right ===== */
@media(min-width:981px){
  #home .hero-copy > .hero-app-entry .hero-app-popover{
    left:calc(100% + 11px) !important;
    right:auto !important;
    bottom:-2px !important;
    width:194px !important;
    padding:10px !important;
    transform:translateX(-4px) scale(.985) !important;
    transform-origin:bottom left !important;
  }
  #home .hero-copy > .hero-app-entry.is-open .hero-app-popover{
    transform:translateX(0) scale(1) !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-popover::after{
    left:-6px !important;
    right:auto !important;
    bottom:18px !important;
    top:auto !important;
    width:10px !important;
    height:10px !important;
    transform:rotate(45deg) !important;
    border-left:1px solid rgba(237,23,23,.55) !important;
    border-bottom:1px solid rgba(237,23,23,.55) !important;
    border-top:0 !important;
    border-right:0 !important;
    background:#07090d !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-popover-head strong{font-size:10px !important;}
  #home .hero-copy > .hero-app-entry .hero-app-popover-head small{font-size:9px !important;}
  #home .hero-copy > .hero-app-entry .hero-app-qr{
    width:160px !important;
    height:160px !important;
    min-width:160px !important;
    min-height:160px !important;
    max-width:160px !important;
    max-height:160px !important;
    margin:8px auto 7px !important;
    padding:1px !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-qr img{
    width:158px !important;
    height:158px !important;
    min-width:158px !important;
    min-height:158px !important;
    max-width:158px !important;
    max-height:158px !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-popover p{
    max-width:166px !important;
    margin:6px auto 0 !important;
    font-size:9px !important;
    line-height:1.35 !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-open{
    height:28px !important;
    margin-top:7px !important;
    font-size:9px !important;
  }
}

/* ===== ARENACTIVE v1.48.5.274 — Android dock wing =====
   Desktop home only: Android becomes the fifth element of the bottom activity
   dock, positioned immediately to the right of live telemetry. The new angled
   silhouette is deliberately different from the statistic cells while using
   the same glass/metal visual language. */
@media (min-width:981px) {
  #home .hero-copy > .hero-app-entry {
    position:absolute !important;
    left:calc(var(--aa-hero-telemetry-width, 438px) + 11px) !important;
    right:auto !important;
    bottom:8px !important;
    width:164px !important;
    max-width:164px !important;
    margin:0 !important;
    z-index:14 !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-buttons {
    display:block !important;
    width:100% !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android {
    position:relative !important;
    width:100% !important;
    min-height:60px !important;
    height:60px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:10px !important;
    padding:7px 22px 7px 9px !important;
    border:0 !important;
    border-radius:10px 3px 3px 10px !important;
    clip-path:polygon(0 0, calc(100% - 13px) 0, 100% 50%, calc(100% - 13px) 100%, 0 100%) !important;
    background:
      linear-gradient(118deg, rgba(255,255,255,.055), transparent 31%),
      radial-gradient(circle at 76% 18%, rgba(237,23,23,.18), transparent 36%),
      linear-gradient(145deg, rgba(15,19,25,.95), rgba(6,9,13,.92)) !important;
    box-shadow:none !important;
    filter:drop-shadow(0 13px 22px rgba(0,0,0,.33)) !important;
    overflow:hidden !important;
    transform:none !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android::before {
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    width:auto !important;
    height:auto !important;
    border-radius:inherit !important;
    background:
      linear-gradient(90deg, #ed1717 0 3px, transparent 3px),
      linear-gradient(180deg, rgba(255,255,255,.10), transparent 24%) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.095) !important;
    opacity:1 !important;
    pointer-events:none !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android::after {
    content:"" !important;
    position:absolute !important;
    top:10px !important;
    right:16px !important;
    bottom:10px !important;
    left:auto !important;
    width:2px !important;
    height:auto !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#ff5c61,#8f0710) !important;
    box-shadow:0 0 12px rgba(237,23,23,.28) !important;
    opacity:.9 !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android:hover,
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android:focus-visible,
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android.is-active {
    transform:translateY(-1px) !important;
    background:
      linear-gradient(118deg, rgba(255,255,255,.07), transparent 31%),
      radial-gradient(circle at 76% 18%, rgba(237,23,23,.24), transparent 38%),
      linear-gradient(145deg, rgba(18,21,27,.98), rgba(7,9,13,.97)) !important;
    filter:drop-shadow(0 15px 27px rgba(0,0,0,.38)) drop-shadow(0 0 9px rgba(237,23,23,.08)) !important;
    outline:none !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android .hero-app-platform-icon {
    flex:0 0 auto !important;
    width:36px !important;
    height:36px !important;
    display:grid !important;
    place-items:center !important;
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:10px !important;
    background:
      radial-gradient(circle at 50% 34%, rgba(237,23,23,.17), transparent 68%),
      rgba(2,4,7,.55) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 16px rgba(0,0,0,.24) !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android .hero-app-platform-icon svg {
    width:22px !important;
    height:22px !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android > span:last-child {
    min-width:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android strong {
    color:#f6f7f8 !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:.45px !important;
    text-transform:uppercase !important;
  }

  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android small {
    display:inline-flex !important;
    align-items:center !important;
    min-height:17px !important;
    margin-top:5px !important;
    padding:2px 6px !important;
    border:1px solid rgba(255,82,88,.26) !important;
    border-radius:999px !important;
    background:rgba(237,23,23,.085) !important;
    color:#ff7478 !important;
    font-size:8.5px !important;
    line-height:1 !important;
    font-weight:950 !important;
    letter-spacing:1.05px !important;
  }

  /* QR remains compact, but opens above the new dock wing instead of pushing
     across the hero floor. */
  #home .hero-copy > .hero-app-entry .hero-app-popover {
    left:auto !important;
    right:0 !important;
    bottom:calc(100% + 11px) !important;
    transform:translateY(4px) scale(.985) !important;
    transform-origin:bottom right !important;
  }
  #home .hero-copy > .hero-app-entry.is-open .hero-app-popover {
    transform:translateY(0) scale(1) !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-popover::after {
    left:auto !important;
    right:28px !important;
    bottom:-6px !important;
    border-left:0 !important;
    border-top:0 !important;
    border-right:1px solid rgba(237,23,23,.55) !important;
    border-bottom:1px solid rgba(237,23,23,.55) !important;
  }
}

@media (min-width:981px) and (max-width:1180px) {
  #home .hero-copy > .hero-app-entry {
    width:152px !important;
    max-width:152px !important;
    left:calc(var(--aa-hero-telemetry-width, 410px) + 8px) !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android {
    padding-right:19px !important;
    gap:8px !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android .hero-app-platform-icon {
    width:32px !important;
    height:32px !important;
  }
  #home .hero-copy > .hero-app-entry .hero-app-platform.is-android strong {
    font-size:11px !important;
  }
}