/* Tune ship size centrally */
:root { --am-ship-size: 72px; } /* make it bigger/smaller here */

#am-arcade { position: fixed; inset: 0; z-index: 2147483000; pointer-events: none; }
#am-arcade.am-hidden { display: none; }
#am-arcade-canvas { position: fixed; inset: 0; pointer-events: none; }

#am-ship{
  position: fixed; left: 0; top: 0;
  width: var(--am-ship-size); height: var(--am-ship-size);
  background: center/contain no-repeat; 

  pointer-events: auto;  /* drag handle */
  z-index: 2147483002;
  transform: translate(-9999px,-9999px);
}

/* prevent page scroll while running or popup open */
.am-no-scroll { overflow: hidden !important; height: 100% !important; }

.am-score{
  position: fixed; left: 12px; top: 8px;
  color: #0f172a; background: rgba(255,255,255,.85);
  font: 600 14px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  padding: 6px 8px; border-radius: 6px;
  z-index: 2147483003; pointer-events: none;
}

.am-btn{
  position: fixed; z-index: 2147483003; pointer-events: auto;
  width: 36px; height: 36px; border-radius: 50%;
  border: none; color: #0f172a; background: rgba(255,255,255,.95);
  display: grid; place-items: center; font-size: 18px; cursor: pointer;
}
.am-btn--close { right: 8px; top: 8px; }
.am-btn--sound { right: 52px; top: 8px; }

.am-toggle{
  position: fixed; right: 12px; bottom: 12px;
  z-index: 2147483004; pointer-events: auto;
  background: #111827; color: #fff; border: 0;
  padding: 10px 12px; border-radius: 999px; cursor: pointer;
  font: 600 14px/1 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- Popup ---------- */
.amgp{ position:fixed; inset:0; z-index:2147483500; display:none; }
.amgp.amgp--open{ display:block; }
.amgp__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.5); }
.amgp__dialog{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:min(92vw,560px); background:#fff; border-radius:14px; padding:20px 20px 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  font: 500 15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}
.amgp__x{
  position:absolute; right:8px; top:8px; width:36px; height:36px; border-radius:50%;
  border:0; background:#f3f4f6; cursor:pointer; font-size:18px;
}
.amgp__lead{ margin:8px 0 14px; }
.amgp__form{ display:flex; gap:8px; margin:0 0 10px; }
.amgp__form input{ flex:1; border:1px solid #e5e7eb; border-radius:8px; padding:10px 12px; font: inherit; }
.amgp__btn{
  background:#111827; color:#fff; border:0; border-radius:10px; padding:10px 14px; cursor:pointer;
  font-weight:700;
}
.amgp__btn--ghost{ background:#eef2ff; color:#111827; }
.amgp__result{ display:block; margin:6px 0 8px; }
.amgp__coupon{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }
.amgp__coupon code{
  background:#0ea5e9; color:#fff; padding:6px 10px; border-radius:8px; font-weight:800; letter-spacing:0.5px;
}
.amgp__stores{ display:flex; gap:10px; margin-top:8px; }
.amgp__store{
  display:inline-block; text-decoration:none; color:#fff; background:#0F66FF; padding:10px 12px; border-radius:10px; font-weight:700;
}
:root { --am-ship-size: 200px; }