/* v167-reset: MHQ Arcade lives in the site header instead of a detached floating orb. */
.arcade-header-launcher{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:48px;
  min-width:132px;
  padding:4px 8px 4px 12px;
  overflow:hidden;
  border:1px solid rgba(91,196,225,.48);
  border-radius:8px;
  background:linear-gradient(135deg,rgba(10,25,41,.98),rgba(12,31,51,.96));
  color:#eff8ff;
  text-decoration:none;
  isolation:isolate;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.28),0 0 0 1px rgba(47,144,201,.04);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
  animation:arcade-launcher-attention 4.6s ease-in-out infinite;
}
.arcade-header-launcher::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:radial-gradient(circle at 76% 50%,rgba(48,182,255,.14),transparent 44%),linear-gradient(90deg,transparent,rgba(255,202,76,.055),transparent);
  pointer-events:none;
}
.arcade-header-launcher:hover,.arcade-header-launcher:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(119,215,244,.88);
  background:linear-gradient(135deg,rgba(12,33,54,.99),rgba(13,42,69,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 28px rgba(0,0,0,.38),0 0 25px rgba(63,190,237,.18);
  outline:none;
}
.arcade-launcher-play{display:inline-flex;align-items:center;gap:7px;position:relative;z-index:2}
.arcade-launcher-copy{font-size:.66rem;font-weight:900;letter-spacing:.11em;line-height:1;color:#f3d27b;text-shadow:0 0 12px rgba(232,190,89,.16)}
.arcade-play-triangle{
  width:0;height:0;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
  border-left:8px solid #6fdcff;
  filter:drop-shadow(0 0 6px rgba(78,199,239,.52));
  transform-origin:center;
  animation:arcade-play-pulse 2.2s ease-in-out infinite;
}
.arcade-launcher-logo-wrap{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:52px;
  height:40px;
  flex:0 0 52px;
}
.arcade-launcher-logo-wrap::before{
  content:'';
  position:absolute;
  inset:4px 2px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(36,156,229,.2),transparent 70%);
  filter:blur(5px);
  animation:arcade-logo-aura 2.8s ease-in-out infinite;
}
.arcade-launcher-logo-wrap img{
  position:relative;
  display:block;
  width:51px;
  height:38px;
  object-fit:contain;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.48)) drop-shadow(0 0 5px rgba(43,147,224,.15));
  animation:arcade-logo-float 3s ease-in-out infinite;
}
.arcade-launcher-shine{
  position:absolute;
  z-index:3;
  top:-40%;
  bottom:-40%;
  left:-30%;
  width:18%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  opacity:0;
  pointer-events:none;
  animation:arcade-shine 5s ease-in-out infinite;
}
.arcade-header-launcher.has-active-room{border-color:rgba(225,189,104,.72);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.32),0 0 22px rgba(225,189,104,.13)}
.arcade-header-launcher.has-active-room::after{content:'';position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:#75d5a4;border:2px solid #0c1928;box-shadow:0 0 10px #75d5a4;animation:arcade-active-dot 1.8s ease-in-out infinite}

@keyframes arcade-launcher-attention{0%,72%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 22px rgba(0,0,0,.28),0 0 0 1px rgba(47,144,201,.04)}82%{box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 9px 24px rgba(0,0,0,.3),0 0 22px rgba(69,194,238,.18)}}
@keyframes arcade-play-pulse{0%,100%{transform:scale(.9);opacity:.74}50%{transform:scale(1.12);opacity:1}}
@keyframes arcade-logo-float{0%,100%{transform:translateY(1px) scale(.98)}50%{transform:translateY(-2px) scale(1.025)}}
@keyframes arcade-logo-aura{0%,100%{opacity:.35;transform:scale(.88)}50%{opacity:.75;transform:scale(1.07)}}
@keyframes arcade-shine{0%,72%{left:-30%;opacity:0}76%{opacity:.7}87%{left:125%;opacity:0}100%{left:125%;opacity:0}}
@keyframes arcade-active-dot{50%{transform:scale(1.25);box-shadow:0 0 15px #75d5a4}}

/* Tablet/mobile: keep Arcade beside the Menu control instead of floating over page content. */
@media(max-width:1100px){
  .site-header .brand{order:1}
  .site-header .header-cta-group{display:flex!important;order:2;margin-left:auto;gap:8px}
  .site-header .header-cta-group .header-watch.header-watch-coaching{display:none!important}
  .site-header .menu-toggle{order:3;margin-left:0!important}
  .site-header .main-nav{order:4}
  .arcade-header-launcher{min-width:58px;width:58px;height:46px;padding:3px;border-radius:8px;gap:0}
  .arcade-launcher-play{position:absolute;left:5px;bottom:5px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#0b1e30;border:1px solid rgba(91,196,225,.4);z-index:4}
  .arcade-launcher-copy{display:none}
  .arcade-play-triangle{border-top-width:3px;border-bottom-width:3px;border-left-width:5px;margin-left:1px}
  .arcade-launcher-logo-wrap{width:48px;height:40px;flex-basis:48px}
  .arcade-launcher-logo-wrap img{width:47px;height:36px}
}
@media(max-width:700px){
  .site-header .header-inner{gap:9px!important}
  .site-header .brand{width:126px!important}
  .arcade-header-launcher{width:52px;min-width:52px;height:44px}
  .arcade-launcher-logo-wrap{width:43px;height:36px;flex-basis:43px}
  .arcade-launcher-logo-wrap img{width:43px;height:33px}
  .site-header .menu-toggle{width:44px!important;height:44px!important}
}
@media(max-width:380px){
  .site-header .brand{width:112px!important}
  .arcade-header-launcher{width:48px;min-width:48px}
  .arcade-launcher-logo-wrap img{width:40px;height:31px}
}
@media(prefers-reduced-motion:reduce){
  .arcade-header-launcher,.arcade-play-triangle,.arcade-launcher-logo-wrap::before,.arcade-launcher-logo-wrap img,.arcade-launcher-shine,.arcade-header-launcher.has-active-room::after{animation:none!important;transition:none!important}
}

/* v168 — mobile Arcade entry lives inline below the site header, not as a header icon. */
.mobile-arcade-promo{display:none}
@media(max-width:700px){
  .site-header .arcade-header-launcher{display:none!important}
  .mobile-arcade-promo{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    margin:10px 14px 2px;
    padding:15px 16px;
    border:1px solid rgba(88,118,149,.28);
    border-radius:12px;
    background:linear-gradient(135deg,rgba(12,25,39,.92),rgba(8,16,26,.9));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  }
  .mobile-arcade-promo-copy{display:grid;gap:3px;min-width:0}
  .mobile-arcade-promo-copy>span{
    color:#8fa6bd;
    font-size:.53rem;
    font-weight:800;
    letter-spacing:.14em;
  }
  .mobile-arcade-promo-copy>strong{
    color:#f2f6fb;
    font-family:var(--display,inherit);
    font-size:1.45rem;
    line-height:1;
    letter-spacing:-.01em;
  }
  .mobile-arcade-promo-copy>small{color:#8295a9;font-size:.7rem;line-height:1.35}
  .mobile-arcade-promo-link{
    position:relative;
    width:106px;
    min-width:106px;
    height:64px;
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    gap:6px;
    padding:6px 7px 6px 9px;
    border:1px solid rgba(72,181,220,.42);
    border-radius:10px;
    background:linear-gradient(145deg,#0b2032,#091522 72%);
    color:#f0d17c;
    overflow:hidden;
    box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.035);
    text-decoration:none;
  }
  .mobile-arcade-promo-link:before{
    content:'';
    position:absolute;
    inset:-20% auto -20% -45%;
    width:34%;
    transform:skewX(-18deg);
    background:linear-gradient(90deg,transparent,rgba(107,211,242,.22),transparent);
    animation:mobile-arcade-sweep 4.8s ease-in-out infinite;
  }
  .mobile-arcade-promo-play{
    position:relative;
    z-index:1;
    font-size:.52rem;
    font-weight:900;
    letter-spacing:.11em;
    color:#f0d17c;
  }
  .mobile-arcade-promo-logo{position:relative;z-index:1;display:grid;place-items:center;height:52px}
  .mobile-arcade-promo-logo:before{
    content:'';
    position:absolute;
    width:46px;height:46px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(75,193,231,.19),transparent 68%);
    animation:mobile-arcade-aura 2.6s ease-in-out infinite;
  }
  .mobile-arcade-promo-logo img{
    position:relative;
    width:66px;
    max-width:none;
    height:auto;
    filter:drop-shadow(0 0 9px rgba(53,184,228,.22));
    animation:mobile-arcade-float 2.8s ease-in-out infinite;
  }
  .mobile-arcade-promo-link.has-active-room{border-color:rgba(226,190,103,.64);box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 20px rgba(226,190,103,.11)}
  .mobile-arcade-promo-link.has-active-room:after{content:'';position:absolute;right:6px;top:6px;width:6px;height:6px;border-radius:50%;background:#75d5a4;box-shadow:0 0 10px #75d5a4}
}
@media(max-width:390px){
  .mobile-arcade-promo{margin-inline:10px;padding:13px 14px;gap:10px}
  .mobile-arcade-promo-link{width:94px;min-width:94px;height:58px}
  .mobile-arcade-promo-logo img{width:58px}
  .mobile-arcade-promo-copy>strong{font-size:1.32rem}
}
@keyframes mobile-arcade-sweep{0%,70%{left:-45%;opacity:0}76%{opacity:.7}88%{left:120%;opacity:0}100%{left:120%;opacity:0}}
@keyframes mobile-arcade-aura{0%,100%{opacity:.4;transform:scale(.9)}50%{opacity:.9;transform:scale(1.08)}}
@keyframes mobile-arcade-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.mobile-arcade-promo-link:before,.mobile-arcade-promo-logo:before,.mobile-arcade-promo-logo img{animation:none!important}}

/* v169 — desktop Arcade launcher is a standalone animated icon outside the menu shell. */
@media(min-width:1101px){
  .site-header,
  .site-header .header-inner{overflow:visible!important}
  .site-header .header-cta-group{position:relative}
  .site-header .arcade-header-launcher{
    position:absolute;
    top:50%;
    right:-78px;
    transform:translateY(-50%);
    width:62px;
    min-width:62px;
    height:62px;
    padding:0;
    gap:0;
    overflow:visible;
    border:0;
    border-radius:50%;
    background:transparent;
    box-shadow:none;
    animation:none;
    isolation:isolate;
  }
  .site-header .arcade-header-launcher::before{
    inset:4px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(49,181,246,.22) 0,rgba(20,92,149,.12) 42%,transparent 72%);
    filter:blur(3px);
    animation:arcade-edge-aura 2.8s ease-in-out infinite;
  }
  .site-header .arcade-header-launcher:hover,
  .site-header .arcade-header-launcher:focus-visible{
    transform:translateY(-50%) scale(1.08);
    border:0;
    background:transparent;
    box-shadow:none;
    outline:none;
  }
  .site-header .arcade-launcher-play{
    position:absolute;
    left:-1px;
    bottom:4px;
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    border-radius:50%;
    border:1px solid rgba(109,220,255,.55);
    background:#081a2a;
    box-shadow:0 0 12px rgba(64,193,242,.2);
    z-index:5;
  }
  .site-header .arcade-launcher-copy{display:none}
  .site-header .arcade-play-triangle{
    border-top-width:4px;
    border-bottom-width:4px;
    border-left-width:6px;
    margin-left:2px;
  }
  .site-header .arcade-launcher-logo-wrap{
    width:62px;
    height:62px;
    flex-basis:62px;
  }
  .site-header .arcade-launcher-logo-wrap::before{
    inset:7px 3px;
    filter:blur(7px);
  }
  .site-header .arcade-launcher-logo-wrap img{
    width:61px;
    height:49px;
    filter:drop-shadow(0 3px 7px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(48,163,235,.24));
    animation:arcade-edge-float 2.7s ease-in-out infinite;
  }
  .site-header .arcade-launcher-shine{
    display:none;
  }
  .site-header .arcade-header-launcher.has-active-room::after{
    right:1px;
    top:4px;
  }
}
@keyframes arcade-edge-float{
  0%,100%{transform:translateY(1px) rotate(-1deg) scale(.98)}
  50%{transform:translateY(-3px) rotate(1deg) scale(1.04)}
}
@keyframes arcade-edge-aura{
  0%,100%{opacity:.35;transform:scale(.88)}
  50%{opacity:.9;transform:scale(1.08)}
}
@media(prefers-reduced-motion:reduce){
  .site-header .arcade-header-launcher::before,
  .site-header .arcade-launcher-logo-wrap img{animation:none!important}
}

/* v170 — restore the original compact mobile "Between matches" strip.
   Keep its simple text + divider layout and replace the old side shortcuts
   with one animated MHQ Arcade logo icon. Desktop v169 stays unchanged. */
@media (max-width:700px){
  .mobile-arcade-promo{
    display:grid;
    grid-template-columns:minmax(0,1fr) 62px;
    align-items:center;
    gap:14px;
    margin:18px 12px 0;
    padding:14px 0 18px;
    border:0;
    border-bottom:1px solid rgba(86,111,136,.18);
    border-radius:0;
    background:none;
    box-shadow:none;
  }
  .mobile-arcade-promo-copy{
    display:grid;
    gap:4px;
    min-width:0;
  }
  .mobile-arcade-promo-copy>span{
    color:#8296aa;
    font-size:.52rem;
    font-weight:800;
    letter-spacing:.14em;
  }
  .mobile-arcade-promo-copy>strong{
    color:#edf3f8;
    font-family:var(--display,inherit);
    font-size:1.42rem;
    line-height:1.02;
    letter-spacing:-.012em;
  }
  .mobile-arcade-promo-copy>small{
    color:#7e91a4;
    font-size:.71rem;
    line-height:1.35;
  }
  .mobile-arcade-promo-link{
    justify-self:end;
    position:relative;
    width:58px;
    min-width:58px;
    height:58px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(78,172,209,.34);
    border-radius:50%;
    background:radial-gradient(circle at 50% 45%,rgba(19,54,78,.86),rgba(8,18,28,.96) 70%);
    color:#f2d17b;
    overflow:visible;
    text-decoration:none;
    box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.025) inset;
    animation:mobile-arcade-icon-pulse 3.2s ease-in-out infinite;
  }
  .mobile-arcade-promo-link:before{
    content:'';
    position:absolute;
    inset:-5px;
    width:auto;
    transform:none;
    border-radius:50%;
    border:1px dashed rgba(224,186,91,.28);
    background:none;
    animation:mobile-arcade-icon-spin 12s linear infinite;
    pointer-events:none;
  }
  .mobile-arcade-promo-link:after{
    content:'';
    position:absolute;
    right:4px;
    bottom:5px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#e3bb5f;
    box-shadow:0 0 10px rgba(227,187,95,.9);
  }
  .mobile-arcade-promo-play{display:none!important}
  .mobile-arcade-promo-logo{
    position:relative;
    z-index:1;
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
  }
  .mobile-arcade-promo-logo:before{
    content:'';
    position:absolute;
    width:48px;
    height:48px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(63,190,232,.16),transparent 68%);
    animation:mobile-arcade-aura 2.6s ease-in-out infinite;
  }
  .mobile-arcade-promo-logo img{
    position:relative;
    width:54px;
    max-width:none;
    height:auto;
    filter:drop-shadow(0 0 8px rgba(63,190,232,.24));
    animation:mobile-arcade-float 2.8s ease-in-out infinite;
  }
  .mobile-arcade-promo-link.has-active-room{
    border-color:rgba(226,190,103,.62);
    box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 16px rgba(226,190,103,.12);
  }
  .mobile-arcade-promo-link.has-active-room:after{
    content:'';
    position:absolute;
    right:4px;
    bottom:5px;
    top:auto;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#75d5a4;
    box-shadow:0 0 10px #75d5a4;
  }
}
@media(max-width:390px){
  .mobile-arcade-promo{margin:16px 10px 0;padding:13px 0 17px;gap:10px;grid-template-columns:minmax(0,1fr) 56px}
  .mobile-arcade-promo-link{width:54px;min-width:54px;height:54px}
  .mobile-arcade-promo-logo{width:48px;height:48px}
  .mobile-arcade-promo-logo img{width:50px}
  .mobile-arcade-promo-copy>strong{font-size:1.34rem}
}
@keyframes mobile-arcade-icon-pulse{
  0%,100%{transform:translateY(0) scale(1);box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 rgba(62,193,232,0)}
  50%{transform:translateY(-2px) scale(1.035);box-shadow:0 10px 26px rgba(0,0,0,.3),0 0 18px rgba(62,193,232,.13)}
}
@keyframes mobile-arcade-icon-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .mobile-arcade-promo-link,.mobile-arcade-promo-link:before,.mobile-arcade-promo-logo:before,.mobile-arcade-promo-logo img{animation:none!important}
}

/* v171 — larger desktop Arcade launcher aligned near the viewport edge. */
@media(min-width:1101px){
  .site-header .header-inner{position:relative}
  .site-header .header-cta-group{position:static}
  .site-header .arcade-header-launcher{
    right:calc(((100vw - 100%) / -2) + 20px);
    width:82px;
    min-width:82px;
    height:82px;
  }
  .site-header .arcade-launcher-logo-wrap{
    width:82px;
    height:82px;
    flex-basis:82px;
  }
  .site-header .arcade-launcher-logo-wrap::before{
    inset:8px 3px;
    filter:blur(8px);
  }
  .site-header .arcade-launcher-logo-wrap img{
    width:80px;
    height:64px;
    filter:drop-shadow(0 4px 9px rgba(0,0,0,.58)) drop-shadow(0 0 11px rgba(48,163,235,.28));
  }
  .site-header .arcade-launcher-play{
    left:-2px;
    bottom:7px;
    width:23px;
    height:23px;
  }
  .site-header .arcade-header-launcher.has-active-room::after{
    right:3px;
    top:7px;
  }
}


/* v172 — robust Arcade launcher across fast scroll, zoom, tablets and older phones. */
/* Wide desktop keeps the large edge launcher. Zoomed desktop/tablet moves it back
   into normal header flow so it can never overlap Menu/Book coaching or be clipped. */
@media (min-width:1101px) and (max-width:1399px){
  .site-header .header-inner{overflow:visible!important}
  .site-header .header-cta-group{position:relative!important;display:flex!important;align-items:center!important}
  .site-header .arcade-header-launcher{
    position:relative!important;inset:auto!important;right:auto!important;top:auto!important;
    transform:none!important;margin-left:8px!important;width:58px!important;min-width:58px!important;height:58px!important;
    animation:none!important;flex:0 0 58px!important
  }
  .site-header .arcade-header-launcher:hover,.site-header .arcade-header-launcher:focus-visible{transform:scale(1.04)!important}
  .site-header .arcade-launcher-logo-wrap{width:58px!important;height:58px!important;flex-basis:58px!important}
  .site-header .arcade-launcher-logo-wrap img{width:57px!important;height:46px!important;animation:none!important;filter:drop-shadow(0 2px 5px rgba(0,0,0,.42))!important}
  .site-header .arcade-header-launcher::before,.site-header .arcade-launcher-logo-wrap::before{animation:none!important;filter:none!important;opacity:.48!important}
  .site-header .arcade-launcher-play{left:-1px!important;bottom:3px!important;width:19px!important;height:19px!important}
}
@media (min-width:701px) and (max-width:1100px){
  .site-header .header-inner{overflow:visible!important}
  .site-header .header-cta-group{display:flex!important;align-items:center!important;position:relative!important}
  .site-header .arcade-header-launcher{
    position:relative!important;inset:auto!important;transform:none!important;margin-left:4px!important;
    width:50px!important;min-width:50px!important;height:46px!important;padding:0!important;animation:none!important
  }
  .site-header .arcade-header-launcher:hover,.site-header .arcade-header-launcher:focus-visible{transform:none!important}
  .site-header .arcade-launcher-logo-wrap{width:48px!important;height:42px!important;flex-basis:48px!important}
  .site-header .arcade-launcher-logo-wrap img{width:47px!important;height:37px!important;animation:none!important;filter:none!important}
  .site-header .arcade-header-launcher::before,.site-header .arcade-launcher-logo-wrap::before,.site-header .arcade-launcher-shine{display:none!important}
}

/* Phone: keep the original compact Between matches strip, but make the action a
   paint-stable PLAY + logo control. No blur, orbit, glow animation or transforms. */
@media (max-width:700px){
  .mobile-arcade-promo{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important}
  .mobile-arcade-promo-link{
    width:auto!important;min-width:88px!important;height:54px!important;padding:0 2px 0 8px!important;
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;
    border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;
    animation:none!important;transform:none!important;filter:none!important;contain:layout paint;
  }
  .mobile-arcade-promo-link:before{display:none!important;animation:none!important}
  .mobile-arcade-promo-link:after{right:2px!important;bottom:3px!important}
  .mobile-arcade-promo-play{
    display:inline-block!important;position:relative!important;z-index:2!important;
    font-size:.58rem!important;font-weight:900!important;letter-spacing:.12em!important;color:#f0c866!important;
    text-shadow:none!important;white-space:nowrap!important
  }
  .mobile-arcade-promo-logo{width:54px!important;height:50px!important;flex:0 0 54px!important}
  .mobile-arcade-promo-logo:before{display:none!important;animation:none!important}
  .mobile-arcade-promo-logo img{
    width:54px!important;height:44px!important;object-fit:contain!important;
    animation:none!important;transform:none!important;filter:none!important;opacity:1!important;will-change:auto!important
  }
}
@media(max-width:390px){
  .mobile-arcade-promo-link{min-width:82px!important;height:50px!important;padding-left:5px!important}
  .mobile-arcade-promo-logo{width:49px!important;height:46px!important;flex-basis:49px!important}
  .mobile-arcade-promo-logo img{width:49px!important;height:40px!important}
  .mobile-arcade-promo-play{font-size:.54rem!important}
}
html.motion-lite .mobile-arcade-promo-link,
html.motion-lite .mobile-arcade-promo-logo,
html.motion-lite .mobile-arcade-promo-logo img,
html.motion-lite .mobile-arcade-promo-link:before{animation:none!important;transform:none!important;filter:none!important;transition:none!important}

/* v174 — mobile Arcade promo alignment.
   Match the exact outer width/gutters of the compact mobile site header on
   every phone size, including <=390px where an older 10px rule made the
   strip/divider slightly wider than the menu. */
@media (max-width:700px){
  .mobile-arcade-promo{
    width:calc(100% - 24px)!important;
    margin:18px auto 0!important;
    box-sizing:border-box!important;
  }
}
@media (max-width:390px){
  .mobile-arcade-promo{
    width:calc(100% - 24px)!important;
    margin:16px auto 0!important;
  }
}