/* Exclusive Number Market candidate; load after the shared play/stage styles. */
.game-play-page[data-number-market-v3] { --market-ink:#173958; color:var(--market-ink); }
.game-play-page[data-number-market-v3] .number-market-topper { display:block; overflow:hidden; border-radius:28px 28px 0 0; margin-top:20px; background:#e9f6fa; }
.game-play-page[data-number-market-v3] .number-market-topper[hidden] { display:none; }
.game-play-page[data-number-market-v3] .number-market-topper img { display:block; width:100%; height:clamp(110px,16vw,210px); object-fit:cover; object-position:center 42%; }
.game-play-page[data-number-market-v3] .keyboard-game { box-sizing:border-box; background:#fffaf0 url('/media/games/number-pop/brainopia-v2/board-desktop.png') center/cover; border:2px solid #c5dce5; border-radius:0 0 28px 28px; padding:clamp(16px,4vw,40px); color:var(--market-ink); }
.game-play-page[data-number-market-v3] .keyboard-prompt > strong { box-sizing:border-box; width:100%; max-width:640px; min-width:0; padding:20px; background:#fff; color:var(--market-ink); border:3px solid #b5d8e3; border-radius:24px; }
.game-play-page[data-number-market-v3] :is(.keyboard-prompt > span,.keyboard-progress,.counting-strategy-cue) { color:var(--market-ink); background:#fffaf0; border-radius:12px; }
.game-play-page[data-number-market-v3] .picnic-count { display:flex; flex-wrap:wrap; justify-content:center; max-width:100%; gap:12px; }
.game-play-page[data-number-market-v3] .market-counter { flex:0 0 52px; width:52px; height:52px; padding:0; border:3px solid #145aa1; border-radius:50%; background:#f6c94d; color:#173958; font:700 22px/1 system-ui,sans-serif; box-shadow:0 3px 0 #bbd5e9; cursor:pointer; }
.game-play-page[data-number-market-v3] .market-counter[data-state="1"] { background:#e0f5e7; border-color:#24754b; }
.game-play-page[data-number-market-v3] .market-counter[data-state="2"] { background:#e5efff; border-color:#145aa1; }
.game-play-page[data-number-market-v3] .market-counter { position:relative; }
.game-play-page[data-number-market-v3] .market-counter img { display:block; width:38px; height:38px; margin:auto; object-fit:contain; }
.game-play-page[data-number-market-v3] .market-counter img[hidden] { display:none; }
.game-play-page[data-number-market-v3] .market-counter[data-art-loaded="1"] .market-counter-label { position:absolute; right:0; top:0; min-width:22px; line-height:22px; font-size:16px; border:1px solid #173958; border-radius:50%; background:#fff; color:#173958; }
.game-play-page[data-number-market-v3] .market-counter[data-art-loaded="1"][data-state="0"] .market-counter-label { display:none; }
.game-play-page[data-number-market-v3="bucket"] .market-counter { border-radius:10px 10px 20px 20px; }
.game-play-page[data-number-market-v3="queue"] .picnic-count { display:grid; grid-template-columns:repeat(auto-fit,52px); }
.game-play-page[data-number-market-v3="bucket"] .market-sharing-zone[data-market-zone="1"] { grid-column:1/-1; border-radius:12px 12px 44px 44px; border-width:4px; }
.game-play-page[data-number-market-v3="queue"] .market-queue-controls { display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin:16px 0; }
.game-play-page[data-number-market-v3="queue"] .market-queue-controls button { min-height:48px; padding:10px 16px; font:700 16px/1.5 system-ui,sans-serif; border:3px solid #145aa1; border-radius:16px; background:#fff; color:#173958; }
.game-play-page[data-number-market-v3="queue"] .market-queue-controls button:disabled { border-style:dashed; opacity:.7; }
.game-play-page:is([data-number-market-v3="share"],[data-number-market-v3="bucket"]) .market-sharing-board { display:grid; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.game-play-page:is([data-number-market-v3="share"],[data-number-market-v3="bucket"]) .market-sharing-zone { display:block; min-width:0; padding:12px 8px; border:3px solid #145aa1; border-radius:28px; background:#eef5ff; }
.game-play-page:is([data-number-market-v3="share"],[data-number-market-v3="bucket"]) .market-sharing-zone[data-market-zone="0"] { grid-column:1/-1; border-style:dashed; border-radius:12px; background:#fffaf0; }
.game-play-page:is([data-number-market-v3="share"],[data-number-market-v3="bucket"]) .market-sharing-zone[data-market-zone="2"] { border-color:#86651d; background:#fff2c3; }
.game-play-page:is([data-number-market-v3="share"],[data-number-market-v3="bucket"]) :is(.market-zone-title,.market-zone-count) { display:block; font:700 16px/1.5 system-ui,sans-serif; color:#173958; }
.game-play-page:is([data-number-market-v3="share"],[data-number-market-v3="bucket"]) .market-zone-items { display:flex; flex-wrap:wrap; justify-content:center; align-content:flex-start; min-height:52px; gap:10px; margin-top:8px; }
.game-play-page[data-number-market-v3] :is(.market-tool-tip,.market-tool-summary) { display:block; font:600 16px/1.5 system-ui,sans-serif; color:var(--market-ink); margin:12px 0; overflow-wrap:anywhere; }
.game-play-page[data-number-market-v3] .keyboard-status { box-sizing:border-box; max-width:100%; min-height:64px; padding:16px; background:#fff; color:var(--market-ink); border:1px solid #c5dce5; border-radius:18px; overflow-wrap:anywhere; }
.game-play-page[data-number-market-v3] .keyboard-choices { grid-template-columns:repeat(auto-fit,minmax(64px,1fr)); }
.game-play-page[data-number-market-v3] .keyboard-choices button { min-width:48px; min-height:64px; background:#fff; color:#123d68; border:3px solid #145aa1; border-radius:20px; }
.game-play-page[data-number-market-v3] .keyboard-choices button.is-correct { background:#e0f5e7; border-color:#24754b; color:#154e30; }
.game-play-page[data-number-market-v3] .keyboard-choices button.is-try-again { background:#fff2c3; border-color:#86651d; color:#483812; }
.game-play-page[data-number-market-v3] :is(button,input,a):focus-visible { outline:3px solid #102f4e; outline-offset:4px; }
@media(max-width:560px) {
  .game-play-page[data-number-market-v3] .keyboard-game { padding:16px 12px 24px; background-image:url('/media/games/number-pop/brainopia-v2/board-mobile.png'); }
  .game-play-page[data-number-market-v3] .keyboard-prompt > strong { padding:12px; }
  .game-play-page[data-number-market-v3] .number-market-topper img { height:120px; object-position:center 20%; }
}
@media(prefers-reduced-motion:reduce) {
  .game-play-page[data-number-market-v3] *, .game-play-page[data-number-market-v3] *::before, .game-play-page[data-number-market-v3] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
@media(forced-colors:active) { .game-play-page[data-number-market-v3] :is(button,input) { border:2px solid ButtonText; } }