/* ═══ game.css (v385, 19 Sep 2026) — "Play for your price", the PDP rail row under the price.
   One button, one line, fixed 44px: game.js only swaps the note's text ("Your code MZ10-…"),
   so the rail never shifts. The game window itself is styled by site.css + game.js. ═══ */
.pv-game{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;height:44px;box-sizing:border-box;
  margin:0;padding:0 .9rem;background:#0A0A0A;border:.0625rem solid #2A2A2A;color:#F4F0E9;font-family:'Inter',sans-serif;
  text-align:left;cursor:pointer;transition:border-color .2s}
.pv-game:hover{border-color:var(--h2)}
.pv-game:focus-visible{outline:.125rem solid var(--h2);outline-offset:.125rem}
.pv-game-l{display:flex;align-items:center;gap:.55rem;flex:none;font-size:.66rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
.pv-game-l svg{width:1.05rem;height:1.05rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.5}
.pv-game-l svg circle{fill:currentColor;stroke:none}
.pv-game-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;letter-spacing:.04em;color:rgba(244,240,233,.7)}
html.mzlight .pv-reveal .pv-game{background:#FFF;color:var(--h2);border-color:color-mix(in srgb,var(--h2) 45%,transparent)}
html.mzlight .pv-reveal .pv-game:hover{border-color:var(--h2)}
html.mzlight .pv-reveal .pv-game-n{color:color-mix(in srgb,var(--h2) 70%,#333)}
@media (max-width:60rem){.pv-game-l{font-size:10px;letter-spacing:.18em}.pv-game-n{font-size:11px}}   /* px: root is 13px at 390 */
@media (prefers-reduced-motion:reduce){.pv-game{transition:none}}