/*!
 * Pumpkin Pitch v2 — the cover's farm over the same game (with js/kid-kit.js).
 * Colours from the cover (covers/pumpkin-pitch/scene.js), the Halloween
 * family's one evening: sky #2f2862, sunset #e9874f, far hills #251e4f, the
 * patch #4c9a47. The canvas draws the farm in play (PITCH_SKIN = "v2").
 */
body.is-v2 {
  --pp-sky1: #2f2862; --pp-sky2: #2f2862; --pp-sky3: #2f2862;
  --pp-grass: #4c9a47; --pp-grass-dark: #4c9a47;
  background: #2f2862;
}
/* the world behind play: Rob's castle and the patch (../../assets/pumpkins/patch-v2.*) */
body.is-v2 .pp-scenery { background: #0c0429; }
/* the canvas draws the patch now (a gentle hill, not a hard band) */
body.is-v2 .pp-play { background: none; }

/* the game's own menu stays in the page (the kit presses its buttons) but is never seen */
html.kk-menu-on body.is-v2 { overflow: hidden; }
body.is-v2 #ppMenu { visibility: hidden; }

/* Pitch!: Do in flight on the dotted arc */
.v2-pitch-ico { position: relative; display: block; width: 100%; height: 100%; }
.v2-arc { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.v2-fly { position: absolute; right: 2%; top: -6%; height: 84%; rotate: 14deg; display: grid; place-items: center; }
.v2-fly svg { height: 100%; width: auto; filter: drop-shadow(0 4px 0 rgba(27, 35, 62, 0.25)); }

/* a locked stone that isn't reached yet: a little "not yet" shake */
.kk-stone.kk-nope { animation: v2-nope 0.36s ease-in-out; }
@keyframes v2-nope { 25% { translate: calc(-50% - 6px) -50%; } 75% { translate: calc(-50% + 6px) -50%; } }

/* the game's rows, moved into the grown-ups sheet, wear the kit's pills */
.kk-sheet .pp-optrow { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 10px; justify-content: flex-start; }
.kk-sheet .pp-optlabel { display: none; }   /* the sheet's own headings say it */
.kk-sheet .pp-aim-help { margin: -2px 0 6px; max-width: none; text-align: left; font-size: 12.5px; font-weight: 700; color: #6a7392; text-shadow: none; }
.kk-sheet .pp-pill {
  appearance: none; border: 2px solid #d5dced; background: #fff; color: #1b233e;
  font: 900 14px/1 Nunito, system-ui, sans-serif; padding: 10px 16px; border-radius: 999px; min-height: 44px; cursor: pointer; box-shadow: none;
}
.kk-sheet .pp-pill[aria-pressed="true"] { background: #1b233e; border-color: #1b233e; color: #fff; }

/* ── Play: the score, sign and words as light pills on the evening ──────── */
body.is-v2 .pp-count,
body.is-v2 .pp-ask { background: #fff; box-shadow: 0 4px 0 rgba(15, 12, 40, 0.28); }
body.is-v2 .pp-count { border-radius: 22px; }
body.is-v2 .pp-count small { color: #6a7392; }
body.is-v2 .pp-ask { border-radius: 999px; padding: 6px 18px; }
body.is-v2 .pp-ask .pp-ask-note { border-radius: 999px; padding: 2px 12px; }
body.is-v2 .pp-hear { background: #009999; box-shadow: 0 4px 0 #006f6f; }
body.is-v2 .pp-toast { box-shadow: 0 4px 0 rgba(15, 12, 40, 0.28); }
body.is-v2 .pp-toast:not([style*="background"]), body.is-v2 .pp-toast[style=""] { background: #fff; color: #1b233e; }
body.is-v2 .pp-banner {
  font-family: "Grobold", "Nunito", system-ui, sans-serif; font-weight: 400; letter-spacing: 0.5px;
  text-shadow: 0 0.07em 0 #1b233e, 0 0.12em 0.2em rgba(15, 12, 40, 0.35);
}
@media (max-width: 560px) { body.is-v2 .pp-ask { border-radius: 22px; } }

/* ── Results: a soft white card, the big words in Grobold ─────────────────── */
body.is-v2 .pp-veil { background: rgba(15, 12, 40, 0.45); }
body.is-v2 .pp-card { border-radius: 30px; box-shadow: 0 20px 50px rgba(15, 12, 40, 0.4); }
body.is-v2 .pp-card h2 {
  font-family: "Grobold", "Nunito", system-ui, sans-serif; font-weight: 400; font-variant-caps: small-caps;
  font-size: 34px; letter-spacing: 0.5px; color: #1b233e;
}
body.is-v2 .pp-big span { font-family: "Grobold", "Nunito", system-ui, sans-serif; font-weight: 400; color: #e7731f; }
body.is-v2 .pp-card button { border-radius: 999px; }
body.is-v2 .pp-next { background: #009999; box-shadow: 0 5px 0 #006f6f; }
body.is-v2 .pp-again { background: #fff1e3; box-shadow: 0 5px 0 #f0d9bf; }
body.is-v2 .pp-menu-btn { box-shadow: none; }
@media (max-height: 500px) {
  body.is-v2 .pp-card { padding: 12px 18px 10px; }
  body.is-v2 .pp-card h2 { font-size: 26px; }
  body.is-v2 .pp-stars { font-size: 28px; margin: 2px 0 0; }
  body.is-v2 .pp-big span { font-size: 38px; }
  body.is-v2 .pp-card button { min-height: 44px; margin-top: 6px; font-size: 18px; }
}

/* Upright phones: eight dots stay on one row */
@media (orientation: portrait) and (max-width: 700px) { .kk-btn .kk-dots { gap: 3px; } .kk-btn .kk-dots i { width: 8px; height: 8px; } }

/* The sheet clears the chrome (Menu pill, coins) on a tall phone, where the
   kit centres a full-height sheet under them (suggested as a kit fix). */
@media (max-width: 700px) {
  .kk-menu[data-view="sheet"] .kk-sheet { top: calc(env(safe-area-inset-top) + 70px); translate: -50% 0; max-height: calc(100svh - 86px - env(safe-area-inset-top)); }
}