/* Price Check's 8-bit corner store, shared by the game and ready-page card. */
@font-face {
  font-family: 'Pixelify Sans';
  src: url('fonts/pixelify-sans/PixelifySans.ttf?v=candy-bingo-20260913') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sora';
  src: url('fonts/sora/Sora.ttf') format('truetype');
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}
/* Pixelify Sans stays on display headings and prices; Sora supports the copy. */
.ready-games .game-card.price .game-copy,
body[data-game="price-check"] main,
body[data-game="price-check"] dialog,
body[data-game="price-check"] :is(main, dialog) button,
body[data-game="price-check"] .game-instructions p,
body[data-game="price-check"] dialog.has-game-instructions .game-instructions p {
  font-family: 'Sora', Arial, sans-serif;
}
.price-check-mascot { display: none; }
.ready-games .game-card.price {
  --card-border: #a9c58f; --card-bg: #fff1d4; --card-ink: #224c36; --card-shadow: #122e25;
  border: 3px solid var(--card-border); border-radius: 0;
  box-shadow: 6px 6px 0 #122e25;
}
.ready-games .game-card.price .game-art {
  background: linear-gradient(90deg, #122e2520, #122e2538), url('price-check-store.png?v=candy-bingo-20260913') center / cover no-repeat;
  border-bottom-width: 3px;
}
.ready-games .game-card.price .price-card-mascot {
  position: absolute; top: 6px; left: 50%; width: auto; max-width: none; height: 180%; padding: 0;
  transform: translateX(-50%); filter: drop-shadow(4px 4px 0 #122e2570);
}
.ready-games .game-card.price h2 { font: 700 36px/1.1 'Pixelify Sans', monospace; letter-spacing: 0; }
.ready-games .game-card.price .game-action { font-family: 'Sora', Arial, sans-serif; font-size: 16px; }
body[data-page="play"][data-game="price-check"]:not(.chase-active) {
  background: linear-gradient(180deg, #0b2828c9, #0b2828dd 75%, #0b2828), url('price-check-store.png?v=candy-bingo-20260913') center top / cover no-repeat fixed;
  background-color: #0b2828; color: #fff1d4;
}
body[data-page="play"][data-game="price-check"] .controller { max-width: 800px; }
body[data-page="play"][data-game="price-check"]:not(.chase-active) .controller-bar > a {
  display: grid; place-items: center; width: 44px; height: 44px; padding: 0;
  background: #1d4939; color: #fff1d4; border: 2px solid #b5cb94; border-radius: 50%;
  box-shadow: 0 3px 0 #071d1b;
}
body[data-page="play"][data-game="price-check"] .controller-bar > a i { color: #fff1d4; font-size: 22px; }
body[data-page="play"][data-game="price-check"]:not(.chase-active) .controller-bar > a:hover { background: #28563d; }
body[data-page="play"][data-game="price-check"]:not(.chase-active) .controller-title {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
  min-height: 270px; padding: 24px 42% 24px 24px; margin: 22px 0 30px;
  background: #1d4939ed; border: 4px solid #b5cb94; border-radius: 0;
  box-shadow: 8px 8px 0 #071d1b;
}
body[data-page="play"][data-game="price-check"] .controller-title > :is(.game-art,.ui-icon) { display: none; }
body[data-page="play"][data-game="price-check"]:not(.chase-active) .controller-title #game-title {
  font: 700 clamp(38px, 6vw, 60px)/1 'Pixelify Sans', monospace;
  color: #ffe19d; letter-spacing: 0; text-shadow: 3px 3px 0 #071d1b; overflow-wrap: normal; margin: 12px 0;
}
body[data-page="play"][data-game="price-check"] .controller-title :is(.eyebrow,#play-room) { color: #fff1d4; }
body[data-page="play"][data-game="price-check"] .price-check-mascot {
  display: block; position: absolute; bottom: 0; right: 2%; width: 39%; height: 110%;
  object-fit: contain; object-position: center bottom; filter: drop-shadow(4px 4px 0 #071d1b80); pointer-events: none;
}
body[data-page="play"][data-game="price-check"] #price-check {
  border: 4px solid #b5cb94; border-radius: 0; background: #fff1d4; color: #203d30;
  box-shadow: 8px 8px 0 #071d1b; overflow: hidden;
}
body[data-page="play"][data-game="price-check"] .price-rules {
  background: #1d4939; color: #fff1d4; border-bottom: 4px solid #ad8752;
}
body[data-page="play"][data-game="price-check"] .price-rules .eyebrow { color: #ffe19d; font-family: 'Pixelify Sans', monospace; font-size: 18px; letter-spacing: 1px; }
body[data-page="play"][data-game="price-check"] .price-product {
  background: repeating-linear-gradient(0deg, #ba9c6112 0 2px, transparent 2px 6px), #fff1d4;
  border-bottom: 3px solid #d1b580;
}
body[data-page="play"][data-game="price-check"] .price-label {
  padding: 6px 12px; border: 2px dashed #b5cb94; border-radius: 0;
  background: #1d4939; color: #fff1d4;
  font: 700 18px/1.3 'Pixelify Sans', monospace; letter-spacing: 1px;
}
body[data-page="play"][data-game="price-check"] .price-product h2 { font: 700 clamp(28px,5vw,44px)/1.15 'Pixelify Sans', monospace; color: #203d30; letter-spacing: 0; }
body[data-page="play"][data-game="price-check"] #price-detail { color: #3c553c; font-size: 18px; }
body[data-page="play"][data-game="price-check"] #price-status { color: #203d30; }
body[data-page="play"][data-game="price-check"] #price-form label { font: 700 18px/1.3 'Sora', Arial, sans-serif; color: #203d30; }
body[data-page="play"][data-game="price-check"] .price-input { border: 3px solid #335a3d; border-radius: 0; background: #d8edb1; box-shadow: inset 3px 3px 0 #829962; }
body[data-page="play"][data-game="price-check"] .price-input :is(input,span) { font-family: 'Pixelify Sans', monospace; color: #193b28; font-size: 36px; letter-spacing: 1px; }
body[data-page="play"][data-game="price-check"] .price-input input::placeholder { color: #53703e; opacity: 1; }
body[data-page="play"][data-game="price-check"] #price-guess-hint { color: #425b3c; }
body[data-page="play"][data-game="price-check"] #price-submit {
  border: 3px solid #75451f; border-radius: 0; background: #ffd070; color: #352513;
  box-shadow: 4px 4px 0 #75451f; font: 700 18px/1.3 'Sora', Arial, sans-serif;
}
body[data-page="play"][data-game="price-check"] #price-submit:hover:not(:disabled) { background: #ffe39f; }
body[data-page="play"][data-game="price-check"] #price-submit:disabled { opacity: 1; background: #e0d7bc; border-color: #9d937a; box-shadow: 4px 4px 0 #9d937a; color: #67664e; }
body[data-page="play"][data-game="price-check"] #price-result { border: 3px solid #b5cb94; border-radius: 0; background: #1d4939; color: #fff5dc; box-shadow: 4px 4px 0 #071d1b; }
body[data-page="play"][data-game="price-check"] #price-actual { color: #ffe19d; font: 700 clamp(36px,8vw,56px)/1.15 'Pixelify Sans', monospace; letter-spacing: 0; overflow-wrap: anywhere; }
body[data-page="play"][data-game="price-check"] .game-instructions { border: 3px solid #b5cb94; border-radius: 0; background: #fff1d4; color: #203d30; box-shadow: 5px 5px 0 #071d1b; }
body[data-page="play"][data-game="price-check"] .game-instructions h2 { font: 700 26px/1.2 'Pixelify Sans', monospace; }
body[data-page="play"][data-game="price-check"] :is(.game-instructions-listen,.game-instructions-reopen),
.game-instructions-dialog[data-instructions-game="price-check"] form button { border: 2px solid #102d23; border-radius: 0; background: #28563d; color: #fff5dc; box-shadow: 3px 3px 0 #102d23; font: 700 16px/1.3 'Sora', Arial, sans-serif; }
.game-instructions-dialog[data-instructions-game="price-check"] { border: 4px solid #b5cb94; border-radius: 0; background: #173c30; color: #fff1d4; box-shadow: 8px 8px 0 #071d1b; }
.game-instructions-dialog[data-instructions-game="price-check"] > h2 { font: 700 32px/1.1 'Pixelify Sans', monospace; color: #ffe19d; }
body[data-page="play"][data-game="price-check"] :is(button,input,a):focus-visible { outline: 3px solid #d38b30; outline-offset: 4px; }
@media(max-width:540px) {
  body[data-page="play"][data-game="price-check"]:not(.chase-active) .controller-title { min-height: 230px; padding: 18px 40% 18px 16px; }
  body[data-page="play"][data-game="price-check"]:not(.chase-active) .controller-title #game-title { font-size: 38px; }
  body[data-page="play"][data-game="price-check"] .price-check-mascot { height: 98%; right: 1%; width: 39%; }
  body[data-page="play"][data-game="price-check"] #price-submit { font-size: 16px; }
}