/* MCA Puzzle app v4. Load after puzzles.css. Requires puzzle-app-v4.js.
   All adaptations are scoped to the detected installed phone/tablet surface. */
html.mca-puzzle-app-v4, html.mca-puzzle-app-v4 body {
  margin: 0;
  height: 100%;
  background: #0b1523;
  color-scheme: dark;
}
html.mca-puzzle-app-v4:has(.mca-puzzles-studio),
html.mca-puzzle-app-v4 body:has(.mca-puzzles-studio) { overflow: hidden; }
html.mca-puzzle-app-v4 .mca-puzzles-studio {
  --mca-studio-frame-size: 100%;
  --puzzle-frame-size: 100%;
  --mca-app-board-size: min(100%, max(160px, calc(var(--mca-app-viewport-height, 100dvh) - 310px)));
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  height: var(--mca-app-viewport-height, 100dvh);
  min-height: 0;
  max-height: var(--mca-app-viewport-height, 100dvh);
  margin: 0;
  overflow: hidden;
  background: #0b1523;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-brand-header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  height: 44px;
  min-height: 44px;
  gap: 6px;
  padding: 5px max(10px, env(safe-area-inset-right)) 5px max(10px, env(safe-area-inset-left));
  border-bottom: 1px solid #233247;
  background: #09121e;
}
html.mca-puzzle-app-v4 .mca-puzzles-brand { min-width: 0; gap: 8px; }
html.mca-puzzle-app-v4 .mca-puzzles-brand img { width: 29px; height: 33px; }
html.mca-puzzle-app-v4 .mca-puzzles-brand > span { font-size: 9px; line-height: 1.3; letter-spacing: 1px; }
html.mca-puzzle-app-v4 .mca-puzzles-brand-header > .mca-puzzles-back-link { font-size: 11px; white-space: nowrap; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-workspace {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  max-width: 960px;
  min-height: 0;
  gap: 6px;
  margin: 0 auto;
  padding: 6px max(8px, env(safe-area-inset-right)) clamp(6px, env(safe-area-inset-bottom), 16px) max(8px, env(safe-area-inset-left));
}
html.mca-puzzle-app-v4 .mca-puzzles-sidebar-slot,
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-sidebar {
  display: contents;
  min-height: 0 !important;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
html.mca-puzzle-app-v4 .mca-puzzles-sidebar > :not(.mca-puzzles-filter-details),
html.mca-puzzle-app-v4 .mca-puzzles-sidebar-slot > .mca-puzzles-reopen { display: none !important; }
html.mca-puzzle-app-v4 .mca-app-top-controls {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: 32px minmax(0, 1fr) minmax(0, 1fr) 40px 40px;
  align-items: stretch;
  gap: 6px;
  min-height: 32px;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-app-top-controls > button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 32px;
  margin: 0;
  padding: 3px 9px;
  border: 1px solid #3b4d64 !important;
  border-radius: 8px;
  background: #203045 !important;
  color: #aec3dd !important;
  font: 600 12px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: none !important;
  -webkit-tap-highlight-color: transparent;
}
/* Tapped and selected controls retain the same quiet matte palette. */
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-app-top-controls > button:hover,
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-app-top-controls > button:active,
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-app-top-controls > button[aria-pressed="true"],
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-app-top-controls > button[aria-expanded="true"] {
  border-color: #3b4d64 !important;
  background: #203045 !important;
  color: #aec3dd !important;
  box-shadow: none !important;
}
html.mca-puzzle-app-v4 .mca-app-progress-control > span { display: none; }
html.mca-puzzle-app-v4 .mca-app-top-controls svg { display: block; width: 18px; height: 18px; flex: 0 0 18px; }
html.mca-puzzle-app-v4 .mca-app-top-controls button:focus-visible,
html.mca-puzzle-app-v4 .mca-app-rating-select:focus-visible { outline: 2px solid #e6c98a; outline-offset: 2px; }
html.mca-puzzle-app-v4 .mca-puzzles-workspace-main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
html.mca-puzzle-app-v4 .mca-puzzles-workspace-main > .mca-puzzles-notice { flex: 0 0 auto; max-height: 74px; overflow-y: auto; margin: 0 0 5px; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-layout,
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-play {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  height: 100%;
  gap: 8px;
  align-items: stretch;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-board-column,
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-play > .mca-sprint-board {
  flex: 0 0 auto;
  width: var(--mca-app-board-size) !important;
  max-width: 760px;
  min-width: 0;
  min-height: 0;
  margin: 0 auto;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-board-wrap {
  --mca-board-gutter: 15px;
  --mca-board-edge: 10px;
  --mca-board-bottom: 21px;
  width: 100% !important;
  min-height: 0;
  height: auto;
  aspect-ratio: auto;
  margin: 0 auto;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-play > .mca-sprint-board { width: var(--mca-app-board-size) !important; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-notation-column {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  width: 100%;
  max-width: 760px;
  min-width: 0;
  min-height: 0 !important;
  height: auto !important;
  max-height: none;
  gap: 6px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-panel {
  display: flex;
  flex: 1 1 0 !important;
  flex-direction: column;
  box-sizing: border-box;
  height: auto !important;
  min-height: 0 !important;
  max-height: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #324156;
  border-radius: 9px;
  background: #141f35;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-panel-heading {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  min-height: 38px;
  gap: 6px;
  margin: 0;
  padding: 5px 9px;
  border: 0;
  border-bottom: 1px solid #2d4057;
  border-radius: 9px 9px 0 0;
  background: #17263d;
}
html.mca-puzzle-app-v4 .mca-puzzles-panel-heading h2 { min-width: 0; margin: 0; font-size: 11px; line-height: 1.3; }
html.mca-puzzle-app-v4 .mca-puzzles-panel-heading .mca-puzzles-badge { font-size: 8px; letter-spacing: .5px; }
html.mca-puzzle-app-v4 .mca-puzzles-panel-heading .mca-app-rating-select {
  box-sizing: border-box;
  width: 79px;
  min-width: 0;
  height: 30px;
  min-height: 30px;
  margin: 0;
  padding: 3px 19px 3px 7px;
  border: 1px solid #46566c;
  border-radius: 6px;
  background-color: #233249;
  color: #d9e3ed;
  font: 500 11px/1.2 -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  appearance: auto;
}
html.mca-puzzle-app-v4 .mca-app-notation-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0 10px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-feedback { padding: 8px 0 5px; }
html.mca-puzzle-app-v4 .mca-puzzles-app .mca-puzzles-feedback h3 { margin: 0 0 3px; font-size: 15px; line-height: 1.3; }
html.mca-puzzle-app-v4 .mca-puzzles-feedback p { margin: 0; font-size: 11px; line-height: 1.4; }
html.mca-puzzle-app-v4 .mca-puzzles-rating-result { padding-block: 5px; margin: 3px 0; gap: 6px; }
html.mca-puzzle-app-v4 .mca-puzzles-rating-result > span:first-child { font-size: 10px; line-height: 1.3; }
html.mca-puzzle-app-v4 .mca-puzzles-rating-result > strong { font-size: 16px; line-height: 1.3; }
html.mca-puzzle-app-v4 .mca-puzzles-rating-result > .mca-puzzles-rating-change { font-size: 10px; padding: 2px 5px; }
html.mca-puzzle-app-v4 .mca-puzzles-solution { padding-top: 2px; }
html.mca-puzzle-app-v4 .mca-puzzles-solution > h3,
html.mca-puzzle-app-v4 .mca-puzzles-mistake-actions { display: none !important; }
html.mca-puzzle-app-v4 .mca-puzzles-moves { gap: 3px; max-height: none; overflow: visible; }
html.mca-puzzle-app-v4 .mca-puzzles-moves button { padding: 6px 4px; font-size: 12px; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-panel-footer { margin: 0; padding: 5px 0; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-panel-footer .mca-puzzles-actions { margin: 0; gap: 6px; }
html.mca-puzzle-app-v4 .mca-puzzles-actions > button,
html.mca-puzzle-app-v4 .mca-puzzles-mistake-actions > button { min-height: 36px; padding: 6px 10px; font-size: 11px; }
/* Actions stay outside the scrolling notation, directly above the timer row. */
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-panel > .mca-puzzles-actions {
  flex: 0 0 auto;
  margin: 0 10px;
  padding: 5px 0;
  gap: 6px;
}
html.mca-puzzle-app-v4 .mca-puzzles-panel > .mca-puzzles-actions:not(:has(> button:not([hidden]))) { display: none; }
html.mca-puzzle-app-v4 .mca-puzzles-session-status { margin: 5px 0; font-size: 11px; }
html.mca-puzzle-app-v4 .mca-puzzles-panel > .mca-puzzles-timers {
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  gap: 12px;
  margin: 0 10px;
  padding: 5px 0;
  border-top: 1px solid #344258;
}
html.mca-puzzle-app-v4 .mca-puzzles-panel > .mca-puzzles-timers .mca-puzzles-timer {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  gap: 6px;
  margin: 0;
  text-align: left;
}
html.mca-puzzle-app-v4 .mca-puzzles-timer > span { font-size: 10px; color: #a5b4c9; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-timer > strong { font-size: 11px; line-height: 1.2; font-weight: 600; font-variant-numeric: tabular-nums; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-notation-column > .mca-engine {
  flex: 0 0 auto;
  max-height: 144px;
  overflow-y: auto;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-board-toolbar {
  position: static;
  display: grid;
  flex: 0 0 auto !important;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  box-sizing: border-box;
  width: 100%;
  gap: 3px;
  padding: 4px;
  margin: 0;
  border: 1px solid #304259;
  border-radius: 9px;
  background: #112035;
  box-shadow: none;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-board-toolbar .mca-puzzles-tool {
  min-width: 0;
  width: 100%;
  height: 40px;
  min-height: 40px;
  padding: 6px 3px;
  border-radius: 6px;
  background: #192b42;
}
html.mca-puzzle-app-v4 .mca-puzzles-board-toolbar .mca-puzzles-icon { width: 18px; height: 18px; }
/* Native practice settings become a dismissible bottom sheet. */
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-filter-details:not([open]) { display: none !important; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-app-settings-sheet[open] {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: max(18px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));
  background: #030a16b8;
}
html.mca-puzzle-app-v4 .mca-app-settings-sheet > summary {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  box-sizing: border-box;
  width: min(100%, 560px);
  min-height: 46px;
  gap: 9px;
  margin: 0 auto;
  padding: 10px 15px;
  border: 1px solid #46586f;
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
  background: #1b2c43;
  color: #e3eaf3;
  font-size: 14px;
  list-style: none;
  cursor: pointer;
}
html.mca-puzzle-app-v4 .mca-app-settings-sheet > summary::after { content: '×'; margin-left: auto; font-size: 24px; line-height: 1; }
html.mca-puzzle-app-v4 .mca-app-settings-sheet > summary > svg:last-child { display: none; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-app-settings-sheet > .mca-puzzles-settings-body {
  position: static;
  display: block;
  flex: 0 1 auto;
  box-sizing: border-box;
  width: min(100%, 560px);
  max-height: min(68dvh, 630px);
  margin: 0 auto;
  padding: 14px;
  overflow-y: auto;
  border: 1px solid #46586f;
  border-radius: 0 0 12px 12px;
  background: #142237;
  box-shadow: 0 10px 35px #0006;
}
html.mca-puzzle-app-v4 .mca-puzzles-sidebar .mca-puzzles-filters {
  position: static;
  display: flex;
  width: 100%;
  padding: 0;
  border: 0;
  box-shadow: none;
}
html.mca-puzzle-app-v4 .mca-puzzles-settings-body :is(input, select) { font-size: 16px; min-height: 42px; }
/* Sprint uses the same board allocation and an independently scrolling console. */
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-sprint-panel {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-console {
  display: grid;
  flex: 1 1 0;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-content: start;
  align-items: center;
  justify-items: stretch;
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  min-height: 0;
  height: auto;
  max-height: none;
  gap: 3px 12px;
  margin: 0 auto;
  padding: 9px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  border: 1px solid #334358;
  border-radius: 9px;
  background: #141f35;
  text-align: center;
}
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-puzzles-eyebrow { grid-area: 1 / 1 / auto / -1; margin: 0 0 8px; padding-bottom: 5px; border-bottom: 1px solid #2e4056; font-size: 8px; }
html.mca-puzzle-app-v4 .mca-app-sprint-score-group { display: flex; grid-area: 2 / 1; align-items: center; justify-content: center; gap: 7px; }
html.mca-puzzle-app-v4 .mca-sprint-console .mca-sprint-score { margin: 0; font-size: 28px; line-height: 1.1; }
html.mca-puzzle-app-v4 .mca-app-sprint-score-group > span { order: -1; display: inline-flex; align-items: center; color: #b4c5d7; }
html.mca-puzzle-app-v4 .mca-app-sprint-score-group svg { width: 19px; height: 19px; }
html.mca-puzzle-app-v4 .mca-app-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-sprint-clock { grid-area: 2 / 2; font-size: 26px; line-height: 1.1; font-variant-numeric: tabular-nums; }
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-sprint-clock-delta { grid-area: 3 / 2; height: 14px; min-height: 14px; margin: 0; font-size: 11px; line-height: 14px; }
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-app-sprint-streak,
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-sprint-clock-delta + p { display: none !important; }
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-app-sprint-start { grid-column: 1 / -1; margin: 2px 0; font-size: 11px; }
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-sprint-trail { grid-column: 1 / -1; width: 100%; max-height: 100px; margin: 3px 0; padding: 3px 0; overflow-y: auto; }
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-sprint-trail:empty { display: none; }
html.mca-puzzle-app-v4 .mca-sprint-live-actions {
  position: sticky;
  bottom: -9px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-column: 1 / -1;
  gap: 6px;
  margin: 4px 0 0;
  padding: 4px 0 0;
  order: 3;
  background: #141f35;
}
html.mca-puzzle-app-v4 .mca-sprint-live-actions > button {
  min-width: 0;
  min-height: 36px;
  margin: 0;
  padding: 5px 6px;
  border: 1px solid #3a4c64;
  border-radius: 7px;
  background: #1b2d44;
  font-size: 11px;
}
/* Live Sprint reserves the remaining console space for its scrollable trail;
   the two actions occupy the last row. */
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-console:has(> .mca-sprint-live-actions) {
  grid-template-rows: auto auto auto auto minmax(0, 1fr) auto;
}
html.mca-puzzle-app-v4 .mca-sprint-console:has(> .mca-sprint-live-actions) > .mca-app-sprint-start {
  grid-area: 4 / 1 / 5 / -1;
}
html.mca-puzzle-app-v4 .mca-sprint-console:has(> .mca-sprint-live-actions) > .mca-sprint-trail {
  grid-area: 5 / 1 / 6 / -1;
  align-self: stretch;
  align-content: start;
  min-height: 0;
  max-height: none;
  overflow-y: auto;
}
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-sprint-live-actions {
  position: static;
  grid-area: 6 / 1 / 7 / -1;
  align-self: end;
}
html.mca-puzzle-app-v4 .mca-sprint-review-label { grid-column: 1 / -1; margin: 3px 0; font-size: 11px; }
html.mca-puzzle-app-v4 .mca-sprint-review-dock { grid-column: 1 / -1; margin: 0; }
html.mca-puzzle-app-v4 .mca-sprint-review-dock .mca-sprint-footer-actions { gap: 4px; margin-top: 6px; }
html.mca-puzzle-app-v4 .mca-sprint-review-dock .mca-sprint-footer-actions .mca-puzzles-button { min-height: 36px; padding: 5px 3px; border-radius: 6px; box-shadow: none; }
html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-console:has(> .mca-sprint-review-dock) { grid-template-rows: auto auto minmax(0, 1fr) auto auto auto; }
html.mca-puzzle-app-v4 .mca-sprint-console:has(> .mca-sprint-review-dock) > .mca-sprint-trail { grid-area: 3 / 1 / 4 / -1; align-self: stretch; align-content: start; min-height: 0; max-height: none; overflow-y: auto; }
html.mca-puzzle-app-v4 .mca-sprint-console:has(> .mca-sprint-review-dock) > .mca-sprint-review-label { grid-area: 4 / 1 / 5 / -1; }
html.mca-puzzle-app-v4 .mca-sprint-console > .mca-sprint-review-dock { grid-area: 5 / 1 / 6 / -1; align-self: end; max-height: 190px; overflow-y: auto; }
html.mca-puzzle-app-v4 .mca-sprint-review-dock .mca-sprint-footer-actions { position: sticky; bottom: 0; background: #141f35; }
html.mca-puzzle-app-v4 .mca-sprint-console:has(> .mca-sprint-review-dock) > p:not([class]) { grid-area: 6 / 1 / 7 / -1; }
html.mca-puzzle-app-v4 .mca-sprint-console > p:not([class]) { grid-column: 1 / -1; margin: 3px 0; font-size: 11px; }
html.mca-puzzle-app-v4 .mca-puzzles-studio [hidden] { display: none !important; }
@media (max-width: 700px) {
  html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-move-feedback,
  html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-solved-badge {
    width: clamp(13px, 4.5%, 18px);
    height: auto;
    aspect-ratio: 1;
    border-width: 1.5px;
    font-size: clamp(10px, 2.9vw, 13px);
    line-height: 1;
    box-shadow: 0 1px 3px #0005;
  }
  html.mca-puzzle-app-v4 .mca-puzzles-move-feedback > svg,
  html.mca-puzzle-app-v4 .mca-sprint-solved-badge > svg {
    display: block;
    width: 70% !important;
    height: 70% !important;
  }
}
@media (max-width: 360px) {
  html.mca-puzzle-app-v4 .mca-puzzles-brand > span { font-size: 8px; letter-spacing: .6px; }
  html.mca-puzzle-app-v4 .mca-puzzles-brand-header > .mca-puzzles-back-link { font-size: 10px; }
  html.mca-puzzle-app-v4 .mca-app-top-controls { grid-template-columns: 32px minmax(0, 1fr) minmax(0, 1fr) 36px 36px; gap: 4px; }
  html.mca-puzzle-app-v4 .mca-puzzles-panel-heading { gap: 4px; padding-inline: 7px; }
  html.mca-puzzle-app-v4 .mca-puzzles-panel-heading h2 { font-size: 10px; }
}
@media (min-width: 900px) and (orientation: landscape) {
  html.mca-puzzle-app-v4 .mca-puzzles-studio { --mca-app-landscape-board: min(calc(100vw - 346px), calc(var(--mca-app-viewport-height, 100dvh) - 116px)); }
  html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-workspace { max-width: 1366px; }
  html.mca-puzzle-app-v4 .mca-app-top-controls { grid-template-columns: 32px minmax(100px, 200px) minmax(100px, 200px) 40px 40px; }
  html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-layout,
  html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-play { display: grid; grid-template-columns: minmax(0, var(--mca-app-landscape-board)) minmax(280px, 1fr); align-items: stretch; gap: 10px; }
  html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-board-column,
  html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-play > .mca-sprint-board { width: 100% !important; align-self: start; }
  html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-puzzles-notation-column,
  html.mca-puzzle-app-v4 .mca-puzzles-studio .mca-sprint-console { height: 100% !important; max-height: none; }
}

/* Completed correct attempts lead with the rating change and solution. Applies to every puzzle surface. */
.mca-puzzles-panel[data-result="correct"] .mca-puzzles-feedback { display: none !important; }