/*!
 * Instrument Detective v2 — the kit over the title and case screens; the
 * investigation keeps its painted maps, dressed in the cover's flat chrome.
 */
html, body.is-v2 { background: #8fd6f4; }
/* the game's own title and case screens stay in the page (the kit watches
   their classes) but are covered by the kit */
body.is-v2 .title-screen, body.is-v2 .select-screen { visibility: hidden; }
/* the game's own cards open over the kit */
body.is-v2 .overlay { z-index: 70; }
body.is-v2 .overlay-card { background: #fff; border-radius: 30px; box-shadow: 0 10px 0 rgba(27, 35, 62, 0.16); }
body.is-v2 .overlay-title { font-family: "Grobold", "Nunito", system-ui, sans-serif; font-weight: 400; color: #1b233e; }
.kk-stone.kk-nope { animation: v2-nope 0.42s ease-in-out; }
@keyframes v2-nope { 20%, 60% { translate: calc(-50% - 7px) -50%; } 40%, 80% { translate: calc(-50% + 7px) -50%; } }
.v2-pill { font: 800 15px "Nunito", system-ui, sans-serif; color: #1b233e; background: #eef1f7; border: 0; border-radius: 99px; padding: 10px 18px; cursor: pointer; }

/* ── the investigation: light pills over the painting ── */
body.is-v2 .round-chip { background: #fff; color: #1b233e; border-radius: 99px; box-shadow: 0 4px 0 rgba(27, 35, 62, 0.14); font-weight: 900; }
body.is-v2 .map-ctl-btn { background: #fff; color: #1b233e; border: 0; border-radius: 50%; box-shadow: 0 4px 0 rgba(27, 35, 62, 0.16); }
body.is-v2 .dock-btn { background: #fff; color: #1b233e; border: 0; border-radius: 99px; box-shadow: 0 4px 0 rgba(27, 35, 62, 0.14); font-weight: 900; }
body.is-v2 .play-btn { background: #009999; border: 5px solid #fff; box-shadow: 0 6px 0 rgba(27, 35, 62, 0.2); }
body.is-v2 .celebrate-card { background: #fff; border-radius: 30px; box-shadow: 0 10px 0 rgba(27, 35, 62, 0.16); }
body.is-v2 .celebrate-title { font-family: "Grobold", "Nunito", system-ui, sans-serif; font-weight: 400; letter-spacing: 0; }
body.is-v2 .btn-primary { font-family: "Grobold", "Nunito", system-ui, sans-serif; font-weight: 400; background: #009999; border-radius: 99px; box-shadow: 0 6px 0 #006f6f; }
body.is-v2 .toast { background: #fff; color: #1b233e; border-radius: 99px; font-weight: 900; box-shadow: 0 6px 0 rgba(27, 35, 62, 0.14); }
/* the painting's letterbox is the cover's sky, not night navy */
body.is-v2 .invest-screen, body.is-v2 .map-viewport { background: #8fd6f4; }