.nav__coin {
  align-items: center;
  background: linear-gradient(145deg, #ffdc86, #c78523);
  border: 1px solid rgba(255, 236, 172, .9);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(238, 177, 64, .34);
  color: #42240b !important;
  display: inline-flex !important;
  height: 2.55rem;
  justify-content: center;
  padding: 0 !important;
  width: 2.55rem;
  animation: coin-pulse 3s ease-in-out infinite;
}
.nav__coin i { font-size: 1.4rem; }
.nav__coin::after { display: none !important; }
.nav__coin:hover, .nav__coin:focus-visible { color: #231304 !important; transform: translateY(-2px) rotate(-8deg); }
body.professional-site .nav__link.nav__coin,
.professional-inner-page .nav__link.nav__coin,
.store-nav__links a.nav__coin { color: #42240b !important; }
body.professional-site .nav__link.nav__coin:hover,
.professional-inner-page .nav__link.nav__coin:hover,
.store-nav__links a.nav__coin:hover { color: #231304 !important; }
.nav__coin:focus-visible, .arcade-ad__button:focus-visible, .payment-choice:focus-visible { outline: 3px solid #50c8ff; outline-offset: 4px; }
@keyframes coin-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(238, 177, 64, .34); }
  50% { box-shadow: 0 0 0 7px rgba(238, 177, 64, 0); }
}

.arcade-ad {
  align-items: center;
  background: #071324 url('assets/hero/arcade-promo-venue.webp') center / cover no-repeat;
  border-radius: 1rem;
  box-shadow: 0 20px 55px rgba(3, 15, 32, .2);
  color: #fff;
  display: flex;
  isolation: isolate;
  margin: 3rem auto;
  min-height: 300px;
  overflow: hidden;
  padding: clamp(1.5rem, 4vw, 3.5rem);
  position: relative;
}
.arcade-ad::before {
  background: linear-gradient(90deg, rgba(4, 11, 25, .94), rgba(4, 11, 25, .64) 48%, rgba(4, 11, 25, .08));
  content: '';
  inset: 0;
  position: absolute;
  z-index: -1;
}
.arcade-ad::after {
  animation: ad-sweep 7s linear infinite;
  background: linear-gradient(100deg, transparent 35%, rgba(255, 213, 128, .13) 50%, transparent 65%);
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(-120%);
}
.arcade-ad__content { max-width: 470px; position: relative; z-index: 1; }
.arcade-ad__eyebrow { color: #ffd479; display: block; font-size: .72rem; font-weight: 800; letter-spacing: .16em; margin-bottom: .8rem; text-transform: uppercase; }
.arcade-ad h2 { color: #fff; font-size: clamp(1.65rem, 3vw, 2.7rem); line-height: 1.12; margin: 0 0 .8rem; }
.arcade-ad p { color: #d9e3f2; font-size: .95rem; line-height: 1.6; margin: 0 0 1.35rem; }
.arcade-ad__button { align-items: center; background: #ffcf72; border-radius: .55rem; color: #1b2330; display: inline-flex; font-size: .84rem; font-weight: 800; gap: .5rem; padding: .78rem 1.1rem; text-decoration: none; transition: transform .2s, background .2s; }
.arcade-ad__button:hover { background: #ffe0a0; color: #1b2330; transform: translateY(-3px); }
@keyframes ad-sweep { 0%, 18% { transform: translateX(-120%); } 48%, 100% { transform: translateX(120%); } }
.arcade-ad--home { max-width: 1160px; width: calc(100% - 2rem); }
.arcade-ad--store { max-width: 1240px; width: calc(100% - 3rem); }
.arcade-ad--subscription { max-width: 1120px; width: calc(100% - 2.5rem); }
.subscription-page .choice-intro { color: #526177 !important; margin: 0 0 1.25rem; }
.subscription-page .choice-heading { color: #101b2d; font-size: 1.35rem; margin: 0 0 .7rem; }
.payment-choices { display: grid; gap: .9rem; }
.payment-choice { align-items: center; background: #f2f6fb; border: 1px solid #d9e1eb; border-radius: .8rem; color: #172b45; display: flex; gap: 1rem; padding: 1.1rem; text-align: left; transition: border-color .2s, transform .2s, box-shadow .2s; width: 100%; }
.payment-choice:hover { border-color: #316ee8; box-shadow: 0 10px 25px rgba(30, 65, 115, .1); transform: translateY(-2px); }
.payment-choice__icon { align-items: center; background: #e2ebfc; border-radius: .6rem; color: #316ee8; display: flex; flex: 0 0 3rem; font-size: 1.5rem; height: 3rem; justify-content: center; }
.payment-choice strong, .payment-choice small { display: block; }
.payment-choice strong { font-size: .96rem; }
.payment-choice small { color: #5d6c80; font-size: .78rem; line-height: 1.45; margin-top: .15rem; }
.payment-choice > .bx { margin-left: auto; }
.machine-choice-list { display: grid; gap: .75rem; margin: 1.1rem 0; }
.machine-choice { align-items: center; background: #f2f6fb; border: 1px solid #d9e1eb; border-radius: .75rem; color: #172b45; display: flex; justify-content: space-between; padding: 1rem 1.1rem; text-align: left; transition: border-color .2s, transform .2s, box-shadow .2s; width: 100%; }
.machine-choice:hover { border-color: #316ee8; box-shadow: 0 10px 25px rgba(30, 65, 115, .1); transform: translateY(-2px); }
.machine-choice__details strong, .machine-choice__details small { display: block; }
.machine-choice__details strong { font-size: .95rem; overflow-wrap: anywhere; }
.machine-choice__details small { color: #5d6c80; font-size: .76rem; line-height: 1.5; margin-top: .2rem; }
.machine-choice > i { color: #316ee8; font-size: 1.25rem; margin-left: 1rem; }
.earnings-heading { align-items: center; display: flex; flex-wrap: wrap; gap: .65rem; margin-bottom: .7rem; }
.earnings-heading .choice-heading { margin: 0; }
.earnings-retention { color: #697a90; font-size: .73rem; line-height: 1.5; margin: -.65rem 0 1rem; }
.earnings-auth-panel { align-items: center; background: #fff8e9; border: 1px solid #f2dcab; border-radius: .7rem; color: #684c19; display: flex; gap: .8rem; margin: 1rem 0; padding: .85rem; }
.earnings-auth-panel > i { font-size: 1.35rem; }
.earnings-auth-panel > div { flex: 1; }
.earnings-auth-panel strong, .earnings-auth-panel span { display: block; }
.earnings-auth-panel strong { font-size: .8rem; }
.earnings-auth-panel div span { color: #806c45; font-size: .7rem; line-height: 1.4; margin-top: .12rem; }
.earnings-badge { background: #fff2d6; border: 1px solid #f4d58b; border-radius: 100px; color: #794e08; font-size: .65rem; font-weight: 700; padding: .2rem .55rem; text-transform: uppercase; }
.earnings-fields { background: #f5f8fc; border: 1px solid #d9e1eb; border-radius: .8rem; margin: 1.2rem 0; padding: 1.2rem; }
.earnings-fields .form-group:last-child { margin-bottom: 0; }
.earnings-dates { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.earnings-period-row { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.earnings-fields select { appearance: auto; background: #fff; border: 1px solid #c8d2df; border-radius: .5rem; color: #101b2d; padding: 12px; width: 100%; }
.earnings-fields select:disabled { background: #e9eef5; color: #77869a; cursor: not-allowed; }
.earnings-selected-machine { background: #eaf0fb; border: 1px solid #d4e0f4; border-radius: .6rem; margin-bottom: 1rem; padding: .8rem .9rem; }
.earnings-selected-machine span, .earnings-selected-machine strong { display: block; }
.earnings-selected-machine span { color: #687a91; font-size: .7rem; text-transform: uppercase; }
.earnings-selected-machine strong { color: #172b45; font-size: .82rem; overflow-wrap: anywhere; }
.earnings-report-preview { background: #fff; border: 1px solid #d9e1eb; border-radius: .6rem; display: grid; gap: .7rem; padding: .9rem; }
.earnings-report-preview div { display: flex; flex-direction: column; gap: .1rem; }
.earnings-report-preview span { color: #687a91; font-size: .67rem; text-transform: uppercase; }
.earnings-report-preview strong { color: #263950; font-size: .78rem; overflow-wrap: anywhere; }
.subscription-page .btn:disabled { background: #cbd5e1 !important; border-color: #cbd5e1 !important; box-shadow: none !important; color: #46576c !important; cursor: not-allowed; }
.earnings-status { color: #697a90; font-size: .75rem; margin: .6rem 0 0; text-align: center; }
.earnings-password-note { color: #697a90; font-size: .72rem; line-height: 1.5; margin: .75rem 0; text-align: center; }
.earnings-password-note i { color: #316ee8; font-size: 1rem; vertical-align: -.12rem; }
@media (max-width: 600px) {
  .store-nav__links a.nav__coin { flex: 0 0 2.55rem; width: 2.55rem !important; }
  .earnings-auth-panel { align-items: flex-start; flex-wrap: wrap; }
  .earnings-auth-panel .earnings-badge { margin-left: 2.1rem; }
  .earnings-dates { gap: 0; grid-template-columns: 1fr; }
  .earnings-period-row { gap: 0; grid-template-columns: 1fr; }
  .arcade-ad { align-items: flex-start; background-position: 62% center; min-height: 360px; padding: 1.5rem; }
  .arcade-ad::before { background: linear-gradient(180deg, rgba(4, 11, 25, .96), rgba(4, 11, 25, .7) 60%, rgba(4, 11, 25, .3)); }
  .arcade-ad__content { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .nav__coin, .arcade-ad::after { animation: none; }
  .payment-choice, .machine-choice, .arcade-ad__button { transition: none; }
}
