/* ---------- step-1 mini-game frame (shared) ---------- */
.gm{position:relative;margin-top:14px;border-radius:20px;padding:8px 8px 6px;border:1px solid transparent;color:#f2f2ee;
  background:linear-gradient(180deg,#151515,#070707) padding-box,var(--rose-grad) border-box;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 40px rgba(0,0,0,.35);transition:box-shadow .5s}
.gm-stage{position:relative;height:clamp(230px,37dvh,330px);border-radius:14px;overflow:hidden;background:#030303;
  touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;
  box-shadow:inset 0 0 0 1px rgba(246,207,191,.16)}
.gm-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.gm-meta{margin-top:6px;padding:0 2px}
.gm-banner{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;z-index:2}
.gm-banner span{font-family:var(--f-display);font-weight:800;font-size:25px;letter-spacing:-.02em;text-transform:uppercase;color:#1a0f0c;white-space:nowrap;
  padding:6px 14px;border-radius:10px;background:var(--rose-grad);background-size:200% 100%;animation:sheen 2s linear infinite;
  box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 40px rgba(224,164,143,.6);transform:rotate(-4deg)}
.gm.won .gm-banner{animation:smBanner .6s cubic-bezier(.2,1.6,.4,1) both}
.gm.won{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 2px #f6cfbf,0 0 60px rgba(224,164,143,.65)}
.gm.shake{animation:smShake .45s cubic-bezier(.36,.07,.19,.97) both}
.gm-alt{display:block;margin:0 auto 4px;padding:12px 20px;border-radius:99px;border:1px solid var(--wl-line);color:var(--wl-fg);font-size:10px;letter-spacing:.18em;touch-action:manipulation;transition:border-color .3s,color .3s}
.gm-alt:hover{border-color:var(--wl-rose);color:var(--wl-rose)}
.gm-alt:focus-visible{outline:2px solid var(--wl-fg);outline-offset:3px}
.gm-alt[disabled]{opacity:.45;cursor:default}
.gm ~ .wl-status{margin:12px 0 10px}
@media (max-height:700px) and (max-width:719px){.gm-stage{height:clamp(210px,40dvh,300px)}}
@media (prefers-reduced-motion:reduce){.gm.shake,.gm-banner span{animation:none!important}.gm.won .gm-banner{animation:none!important;opacity:1}}