/* 0.11 — approved simplification: white space, one main action, real chain count.
   The legacy stylesheet retains the game mechanics/animations; this file owns
   the current responsive surface. No fixed-height or internally scrolled dialog. */
html { height: auto; min-height: 100%; background: #fff; scroll-behavior: auto; }
body.game-v11 { min-height: 100dvh; height: auto; overflow: visible; background: #fff; color: #320a4b; }
.game-v11 .app-shell {
  display: block; width: min(100%, 680px); height: auto; min-height: 100dvh;
  margin: 0 auto; padding: max(16px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));
  overflow: clip; background: #fff; border: 0; box-shadow: none;
}
.game-v11 .app-shell::before, .game-v11 .app-shell::after { display: none; }
body.game-v11[data-screen] .app-shell { width: min(100%, 920px); padding: 0; }
body.game-v11[data-screen] .app-shell > :not(dialog) { display: none; }
.game-v11 .overlay, .game-v11 #startOverlay, .game-v11 #resultOverlay, .game-v11 #bonusOverlay {
  position: relative; inset: auto; width: 100%; height: auto; min-height: 100dvh;
  max-width: none; max-height: none; margin: 0; padding: 0; border: 0;
  overflow: visible; background: #fff; color: #320a4b; backdrop-filter: none;
}
.game-v11 .overlay[open] { display: block; }
.game-v11 .overlay:not([open]) { display: none; }
.game-v11 .overlay-panel {
  display: block; width: 100%; max-width: 560px; min-height: 100dvh; height: auto;
  max-height: none; margin: 0 auto; padding: max(24px, env(safe-area-inset-top)) 24px max(28px, env(safe-area-inset-bottom));
  overflow: clip; color: #320a4b; background: #fff; border: 0; clip-path: none; filter: none;
  text-align: left; box-shadow: none;
}
.game-v11 .overlay-panel::before, .game-v11 .overlay-panel::after { display: none; }
.game-v11 .overlay-panel .overlay-logo { display: block; width: 110px; height: auto; margin: 0 0 26px; filter: none; }
.game-v11 .eyebrow { margin: 0 0 10px; padding: 0; color: #640a55; font-size: .875rem; line-height: 1.3; font-weight: 700; letter-spacing: 0; text-transform: none; opacity: 1; }
.game-v11 .eyebrow::before { display: none; }
.game-v11 h1, .game-v11 .overlay-panel h2, .game-v11 .overlay-panel h2 span { text-shadow: none; -webkit-text-stroke: 0; }
.game-v11 .start-panel h2 { margin: 0 0 12px; color: #320a4b; font-size: clamp(2.8rem, 12vw, 3.5rem); font-weight: 900; line-height: .95; letter-spacing: -.04em; text-transform: none; }
.game-v11 .start-panel h2 span { display: inline; color: #320a4b; font-size: inherit; margin: 0; }
.game-v11 .start-prompt { margin: 0; color: #320a4b; font-size: 1.25rem; line-height: 1.3; font-weight: 700; }
.game-v11 .start-visual { position: relative; height: 182px; margin: 8px -24px 8px 0; overflow: clip; }
.game-v11 .start-visual img { position: absolute; width: auto; max-width: none; filter: none; transform: none; }
.game-v11 .start-visual .start-fragment { width: 300px; height: auto; right: -135px; top: -185px; bottom: auto; opacity: 1; transform: rotate(-8deg); }
.game-v11 .start-visual .start-backpack { height: 178px; right: 46px; bottom: 0; }
.game-v11 .primary-action {
  position: relative; display: flex; width: 100%; min-height: 56px; margin: 0;
  align-items: center; justify-content: space-between; gap: 16px; padding: 14px 22px;
  color: #320a4b; background: #ffb400; border: 0; border-radius: 0; box-shadow: none;
  clip-path: none; filter: none; font-size: 1.2rem; font-weight: 900; line-height: 1.25;
  text-transform: none; letter-spacing: 0; text-decoration: none; cursor: pointer;
}
.game-v11 .primary-action::before, .game-v11 .primary-action::after { display: none; }
.game-v11 .primary-action:not(:disabled):active { transform: none; filter: none; background: #f58200; }
.game-v11 .primary-action[aria-disabled="true"] { cursor: default; opacity: .55; }
.game-v11 .start-rule { margin: 10px 0 0; color: #640a55; font-size: .875rem; line-height: 1.4; text-align: center; }
.game-v11 .chain-proof { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 14px; align-items: center; margin: 22px 0 0; padding: 18px 0; border-block: 1px solid #ded8df; }
.game-v11 .chain-proof > p { grid-column: 1 / -1; margin: 0 0 5px; font-size: .875rem; line-height: 1.3; font-weight: 700; }
.game-v11 .chain-proof > strong { color: #640a55; font-size: clamp(2.8rem, 12vw, 3.7rem); line-height: .95; font-weight: 900; letter-spacing: -.035em; overflow-wrap: anywhere; }
.game-v11 .chain-proof > span { max-width: 15ch; font-size: 1.05rem; font-weight: 700; line-height: 1.2; }
.game-v11 .chain-proof > small { grid-column: 1 / -1; margin-top: 5px; font-size: .8rem; line-height: 1.3; color: #640a55; }
.game-v11 .secondary-options { margin: 0; border: 0; border-bottom: 1px solid #ded8df; }
.game-v11 .secondary-options > summary { display: flex; align-items: center; justify-content: space-between; min-height: 54px; gap: 12px; padding: 14px 0; font-size: 1rem; line-height: 1.3; font-weight: 700; cursor: pointer; list-style: none; }
.game-v11 .secondary-options > summary::-webkit-details-marker { display: none; }
.game-v11 .secondary-options > summary::after { content: "+"; flex-shrink: 0; font-size: 1.4rem; font-weight: 400; }
.game-v11 .secondary-options[open] > summary::after { content: "−"; }
.game-v11 .secondary-options[open] { padding-bottom: 18px; }
.game-v11 .secondary-options p { font-size: 1rem; line-height: 1.45; }
.game-v11 .source-link, .game-v11 .learn-at-own-pace, .game-v11 .source-links .source-link { display: flex; justify-content: flex-start; align-items: center; gap: 8px; min-height: 44px; margin: 0; padding: 8px 0; color: #640a55; font-size: 1rem; font-weight: 700; line-height: 1.35; letter-spacing: 0; text-align: left; text-transform: none; text-decoration-color: currentColor; text-underline-offset: 4px; }
.game-v11 .source-links .source-link span { color: inherit; }
.game-v11 .source-links { display: block; margin-top: 12px; }
.game-v11 .start-panel .museum-credit { margin: 18px 0 0; padding: 0; border: 0; color: #640a55; font-size: .8rem; font-weight: 400; line-height: 1.4; letter-spacing: 0; text-transform: none; text-align: left; }
/* The game has no decorative panel between progress and the choices. */
.game-v11 .brand-header { min-height: 38px; margin: 0 0 10px; }
.game-v11 .quake-logo { width: 96px; filter: none; }
.game-v11 .header-actions { gap: 10px; }
.game-v11 .round-rule, .game-v11 .round-rule strong { color: #640a55; font-size: .8rem; letter-spacing: 0; opacity: 1; }
.game-v11 .sound-toggle { min-height: 44px; padding: 8px; color: #320a4b; background: #fff; border: 1px solid #ded8df; filter: none; box-shadow: none; clip-path: none; font-size: .8rem; letter-spacing: 0; }
.game-v11 .sound-toggle[aria-pressed="false"] { opacity: 1; }
.game-v11 .mission { position: sticky; top: 0; z-index: 8; margin: 0; padding: 8px 0; background: #fff; align-items: center; }
.game-v11 .mission .eyebrow { display: none; }
.game-v11 h1 { font-size: clamp(1.7rem, 7.5vw, 2.15rem); color: #320a4b; line-height: 1; letter-spacing: -.04em; }
.game-v11 h1 span { color: #320a4b; text-shadow: none; letter-spacing: -.04em; }
.game-v11 .timer { min-width: 98px; padding: 7px 10px; color: #fff; background: #320a4b; border: 0; filter: none; clip-path: none; transform: none; }
.game-v11 .timer::before, .game-v11 .timer::after { display: none; }
.game-v11 .timer strong { font-size: 1.7rem; line-height: 1; color: #fff; text-shadow: none; }
.game-v11 .timer-label { color: #fff; font-size: .8rem; letter-spacing: 0; text-transform: none; }
.game-v11 .timer.is-urgent { background: #b91b00; filter: none; }
.game-v11 .progress-panel { margin: 6px 0; padding: 0; }
.game-v11 .progress-copy { font-size: .875rem; letter-spacing: 0; text-transform: none; }
.game-v11 .progress-copy > span, .game-v11 .progress-copy strong { color: #320a4b; opacity: 1; }
.game-v11 .progress-segment { height: 8px; border: 0; background: #e4dce7; box-shadow: none; clip-path: none; }
.game-v11 .progress-segment.is-filled { background: #f58200; box-shadow: none; }
.game-v11 .chain-proof-game { grid-template-columns: auto 1fr; margin: 0; padding: 10px 0; gap: 2px 8px; border-top: 0; }
.game-v11 .chain-proof-game > p { display: none; }
.game-v11 .chain-proof-game > strong { font-size: 1.5rem; }
.game-v11 .chain-proof-game > span { max-width: none; font-size: .875rem; }
.game-v11 .chain-proof-game > small { margin: 2px 0 0; font-size: .75rem; }
.game-v11 .game-stage { display: none; }
.game-v11 .status-message { min-height: 76px; height: auto; margin: 10px 0 12px; padding: 10px 0; border: 0; background: #fff; color: #320a4b; clip-path: none; filter: none; box-shadow: none; }
.game-v11 .status-message.is-negative, .game-v11 .status-message.is-positive { filter: none; }
.game-v11 .status-symbol { width: 28px; height: 28px; flex-basis: 28px; color: #320a4b; background: #ffb400; font-size: 1.05rem; box-shadow: none; clip-path: none; }
.game-v11 .status-message.is-negative .status-symbol { color: #fff; background: #b91b00; }
.game-v11 .status-copy strong { color: #320a4b; font-size: 1rem; line-height: 1.25; }
.game-v11 .status-copy > span { color: #640a55; font-size: .94rem; line-height: 1.3; }
.game-v11 .choices-heading { margin-bottom: 8px; }
.game-v11 .choices-heading h2 { color: #320a4b; font-size: .875rem; line-height: 1.2; letter-spacing: 0; text-shadow: none; text-transform: none; }
.game-v11 .choices-heading h2::before { display: none; }
.game-v11 .choices-heading > span { color: #640a55; font-size: .8rem; letter-spacing: 0; text-transform: none; }
.game-v11 .item-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: none; gap: 8px; }
.game-v11 .item-button { height: auto; min-height: 88px; padding: 10px 5px; color: #320a4b; background: #fff; border: 1px solid #c9bdce; border-bottom: 3px solid #640a55; border-radius: 0; clip-path: none; filter: none; }
.game-v11 .item-button::before, .game-v11 .item-button::after { display: none; }
.game-v11 .item-button svg { width: 28px; height: 28px; filter: none; }
.game-v11 .item-button .accent { fill: #ffb400; }
.game-v11 .item-button .item-label, .game-v11 .item-button .item-label.is-stacked { min-height: 0; color: inherit; font-size: .875rem; line-height: 1.2; overflow-wrap: normal; }
.game-v11 .item-label.is-stacked > small { color: inherit; font: inherit; white-space: normal; }
.game-v11 .item-button.is-packed { color: #320a4b; background: #ffb400; border-color: #ffb400; opacity: 1; }
.game-v11 .item-button.is-packed .item-label { opacity: 1; }
.game-v11 .item-state { font-size: .75rem; text-transform: none; letter-spacing: 0; }
.game-v11 .item-button.is-wrong { color: #fff; background: #b91b00; border-color: #b91b00; }
.game-v11 .item-button:not(:disabled):hover { transform: none; }
/* The result and invitation are one continuous reading sequence. */
.game-v11 .result-panel .overlay-logo { width: 96px; margin-bottom: 22px; }
.game-v11 .result-panel h2 { max-width: none; margin: 0 0 10px; color: #320a4b; font-size: clamp(2rem, 9vw, 2.7rem); line-height: 1.06; letter-spacing: -.035em; text-transform: none; }
.game-v11 #resultText { margin: 0; color: #640a55; }
.game-v11 .result-score { display: grid; grid-template-columns: repeat(3, 1fr); margin: 18px 0 0; padding: 14px 0; color: #320a4b; background: #fff; border: 0; border-block: 1px solid #ded8df; clip-path: none; filter: none; }
.game-v11 .result-score > div { border-color: #ded8df; }
.game-v11 .result-score strong { color: #320a4b; font-size: 1.75rem; text-shadow: none; }
.game-v11 .result-score span { color: #640a55; font-size: .8rem; text-transform: none; letter-spacing: 0; }
.game-v11 .share-mission { margin: 0; padding: 0; color: #320a4b; background: #fff; border: 0; box-shadow: none; clip-path: none; filter: none; }
.game-v11 .share-mission::before, .game-v11 .share-mission::after { display: none; }
.game-v11 .share-mission .chain-proof { margin: 0 0 20px; padding: 18px 0; border-top: 0; }
.game-v11 .share-mission h3 { max-width: none; margin: 0 0 4px; color: #320a4b; font-size: 1.4rem; font-weight: 900; line-height: 1.2; letter-spacing: 0; text-transform: none; }
.game-v11 .share-mission > p { margin: 0 0 16px; color: #640a55; }
#resultOverlay .share-mission > p.challenge-hint { margin: 10px 0 12px; color: #640a55; font-size: .8rem; line-height: 1.35; }
.game-v11 .share-download-row { display: grid; grid-template-columns: 100px minmax(0, 1fr); align-items: center; gap: 16px; margin: 18px 0; }
.game-v11 #storyPreview { display: block; width: 100%; height: auto; margin: 0; }
.game-v11 #storyHelp { margin: 10px 0 0; font-size: .8rem; line-height: 1.4; }
.game-v11 .share-action, .game-v11 .text-action {
  display: flex; width: 100%; align-items: center; justify-content: center; min-height: 48px;
  margin: 0; padding: 12px; color: #320a4b; background: #fff; border: 1px solid #c9bdce;
  border-radius: 0; clip-path: none; filter: none; box-shadow: none; font-size: 1rem;
  font-weight: 700; line-height: 1.35; letter-spacing: 0; text-transform: none; text-decoration: none;
}
.game-v11 .share-action::before, .game-v11 .share-action::after { display: none; }
.game-v11 .share-action:active { transform: none; filter: none; }
.game-v11 #storyDownload { color: #320a4b; background: #ffb400; border: 0; }
.game-v11 .share-steps { padding-left: 22px; font-size: 1rem; line-height: 1.45; }
.game-v11 .share-steps li + li { margin-top: 8px; }
.game-v11 .share-instruction { color: #640a55; }
.game-v11 #shareMessage, .game-v11 #shareUrl { width: 100%; min-width: 0; margin: 0 0 10px; padding: 12px; border: 1px solid #c9bdce; border-radius: 0; background: #fff; color: #320a4b; font: inherit; font-size: 1rem; line-height: 1.45; user-select: text; -webkit-user-select: text; }
.game-v11 #shareMessage { min-height: 155px; }
.game-v11 .share-message-label { display: block; margin: 20px 0 8px; font-size: .875rem; font-weight: 700; line-height: 1.4; }
.game-v11 .share-notice { margin: 10px 0; color: #640a55; font-size: .875rem; line-height: 1.4; }
.game-v11 .share-feedback { margin: 12px 0; color: #640a55; font-size: .94rem; line-height: 1.4; text-align: left; }
.game-v11 .share-feedback:empty, .game-v11 .result-bonus:empty { display: none; }
.game-v11 .share-action:disabled, .game-v11 .text-action:disabled { opacity: .55; cursor: default; }
.game-v11 .prepare-real-kit { display: block; margin: 18px 0; padding: 16px 0; background: #fff; color: #320a4b; border: 0; border-block: 1px solid #ded8df; box-shadow: none; filter: none; clip-path: none; }
.game-v11 .prepare-real-kit::before, .game-v11 .prepare-real-kit::after { display: none; }
.game-v11 .prepare-real-kit strong { color: #640a55; font-size: 1.1rem; line-height: 1.35; text-transform: none; letter-spacing: 0; }
.game-v11 .prepare-real-kit small { display: block; margin-top: 6px; color: #640a55; font-size: .875rem; line-height: 1.4; }
.game-v11 .result-bonus, .game-v11 .missing-list { color: #640a55; }
.game-v11 .missing-list { margin: 0 0 18px; padding-left: 22px; }
/* Optional question is a calm extension after the result. */
.game-v11 .bonus-heading { color: #320a4b; opacity: 1; font-size: 2.4rem; }
.game-v11 .bonus-heading span { color: #320a4b; }
.game-v11 .bonus-phase { display: block; margin: 24px 0 12px; background: none; border: 0; padding: 0; filter: none; clip-path: none; }
.game-v11 .bonus-phase span { display: block; color: #640a55; font-size: .875rem; text-transform: none; letter-spacing: 0; }
.game-v11 .bonus-phase strong { color: #320a4b; font-size: 1.8rem; text-transform: none; }
.game-v11 .bonus-score, .game-v11 .bonus-bridge, .game-v11 .bonus-question, .game-v11 .bonus-feedback { color: #320a4b; }
.game-v11 .bonus-topic { background: none; border: 0; padding: 0; color: #640a55; }
.game-v11 .bonus-topic span, .game-v11 .bonus-topic strong { color: #640a55; text-transform: none; }
.game-v11 .bonus-option { min-height: 58px; color: #320a4b; background: #fff; border: 1px solid #c9bdce; padding: 14px; font-size: 1rem; line-height: 1.4; clip-path: none; box-shadow: none; filter: none; }
.game-v11 .bonus-option::before, .game-v11 .bonus-option::after { display: none; }
.game-v11 .bonus-option.is-correct { background: #ffb400; color: #320a4b; }
.game-v11 .bonus-option.is-wrong { background: #b91b00; color: #fff; }
.game-v11 .bonus-panel .text-action { color: #320a4b; background: #ffb400; filter: none; clip-path: none; margin-top: 20px; }
.game-v11 :is(button, a, summary, input, textarea):focus-visible { outline: 3px solid #8c1e78; outline-offset: 3px; }
.game-v11 [hidden] { display: none !important; }
@media (max-width: 350px) {
  .game-v11 .overlay-panel { padding: 18px; }
  .game-v11 .overlay-panel .overlay-logo { width: 90px; margin-bottom: 18px; }
  .game-v11 .start-panel h2 { font-size: 2.7rem; }
  .game-v11 .start-prompt { font-size: 1.15rem; }
  .game-v11 .start-visual { height: 145px; margin-top: 4px; margin-bottom: 6px; }
  .game-v11 .start-visual .start-backpack { height: 144px; }
  .game-v11 .chain-proof { margin-top: 16px; padding: 14px 0; }
  .game-v11 .chain-proof > strong { font-size: 2.7rem; }
  .game-v11 .chain-proof > span { font-size: .94rem; }
  .game-v11 .item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .game-v11 .app-shell { padding-inline: 16px; }
  .game-v11 .share-download-row { grid-template-columns: 80px minmax(0, 1fr); gap: 12px; }
  .game-v11 .result-panel h2 { font-size: 2rem; }
  .game-v11 .result-score { margin-top: 14px; padding-block: 10px; }
  .game-v11 .share-mission .chain-proof { padding: 14px 0; margin-bottom: 16px; }
}
@media (min-width: 760px) and (min-height: 501px) {
  .game-v11 .start-panel { display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 42px; max-width: 920px; align-content: center; padding: 56px; }
  .game-v11 .start-panel .overlay-logo { grid-column: 1 / -1; margin-bottom: 50px; width: 128px; }
  .game-v11 .start-intro { grid-column: 1; grid-row: 2; }
  .game-v11 .start-panel h2 { font-size: 4rem; }
  .game-v11 .start-prompt { font-size: 1.4rem; }
  .game-v11 .start-visual { grid-column: 2; grid-row: 2 / span 3; height: 340px; margin: -10px -56px 0 0; align-self: center; }
  .game-v11 .start-visual .start-backpack { height: 330px; right: 34px; }
  .game-v11 .start-visual .start-fragment { width: 600px; right: -260px; top: -400px; }
  .game-v11 .start-controls { grid-column: 1; margin-top: 26px; }
  .game-v11 .start-panel .chain-proof { grid-column: 1; }
  .game-v11 .start-more { grid-column: 1 / -1; margin-top: 24px; }
  .game-v11 .start-panel .museum-credit { grid-column: 1 / -1; }
}
@media (orientation: landscape) and (max-height: 500px) {
  .game-v11 .app-shell { display: grid; max-width: 1000px; width: 100%; grid-template-columns: minmax(220px, .85fr) minmax(0, 1.4fr); grid-template-rows: auto auto auto auto; column-gap: 24px; align-items: start; align-content: start; }
  .game-v11 .brand-header { grid-column: 1; grid-row: 1; }
  .game-v11 .mission { grid-column: 1; grid-row: 2; position: sticky; }
  .game-v11 .progress-panel { grid-column: 1; grid-row: 3; }
  .game-v11 .chain-proof-game { grid-column: 1; grid-row: 4; }
  .game-v11 .status-message { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }
  .game-v11 .choices { grid-column: 2; grid-row: 3 / span 2; }
  body.game-v11[data-screen] .app-shell { display: block; }
  .game-v11 .start-panel { max-width: 560px; }
}

/* Explicit overrides for inherited selectors with an extra component class. */
.game-v11 .start-panel .eyebrow, .game-v11 .bonus-panel .eyebrow,
.game-v11 .result-panel .eyebrow { color: #640a55; }
.game-v11 .chain-proof > small:empty { display: none; }
.game-v11 .progress-copy > span { letter-spacing: 0; font-weight: 700; }
.game-v11 .item-button .item-label { font-weight: 700; }
.game-v11 .item-button.is-packed .item-label,
.game-v11 .item-button.is-wrong .item-label { visibility: visible; }
.game-v11 .item-button.is-packed svg { opacity: 1; transform: none; }
.game-v11 .item-button .item-state { top: 3px; right: 4px; bottom: auto; left: auto; min-height: 0; color: inherit; font-size: .8rem; }
.game-v11 .item-button.is-packed .item-state::before { content: "✓"; }
.game-v11 .item-button.is-wrong .item-state::before { content: "×"; }
.game-v11 .bonus-panel .bonus-heading { display: block; margin: 0 0 18px; color: #320a4b; text-shadow: none; font-size: 2.5rem; line-height: 1.1; text-transform: none; }
.game-v11 .overlay-panel.bonus-panel > p.bonus-topic { padding: 0; margin: 24px 0 8px; border: 0; }
.game-v11 .bonus-topic strong { font-size: .875rem; font-weight: 700; letter-spacing: 0; }
.game-v11 .bonus-feedback.is-neutral, .game-v11 .bonus-feedback.is-positive,
.game-v11 .bonus-feedback.is-negative { margin-top: 16px; padding: 12px 0; border: 0; color: #320a4b; background: #fff; }
.game-v11 .bonus-panel .bonus-option.is-correct,
.game-v11 .bonus-panel .bonus-option.is-wrong,
.game-v11 .bonus-panel .bonus-feedback.is-positive,
.game-v11 .bonus-panel .bonus-feedback.is-negative,
.game-v11 .bonus-panel .text-action.is-result-action { filter: none; box-shadow: none; clip-path: none; transform: none; }

/* 0.11.0 — final direction approved by Ricardo: structural fragment, colour
   wordmark, contrasting entry action. Official fragment geometry is unchanged. */
.game-v11 #startOverlay .start-panel { position: relative; isolation: isolate; }
.game-v11 #startOverlay .start-panel .start-visual { overflow: visible; }
.game-v11 #startOverlay .start-panel > .dominant-fragment {
  position: absolute; z-index: 0; pointer-events: none; max-width: none;
  width: 300px; height: auto; left: calc(50% - 150px); top: -165px;
  transform: rotate(-90deg);
}
.game-v11 #startOverlay .start-visual .start-backpack { height: 182px; right: 52px; bottom: 0; }
.game-v11 #startOverlay #startButton,
.game-v11 #startOverlay #startButton:not(:disabled):active { background: #320a4b; color: #fff; }
@media (max-width: 350px) {
  .game-v11 #startOverlay .start-panel > .dominant-fragment { width: 270px; left: calc(50% - 135px); top: -178px; }
  .game-v11 #startOverlay .start-visual .start-backpack { height: 145px; right: 45px; }
}
@media (min-width: 760px) and (min-height: 501px) {
  .game-v11 #startOverlay .start-panel > .dominant-fragment { width: 400px; left: auto; right: -100px; top: -150px; transform: none; }
  .game-v11 #startOverlay .start-visual .start-backpack { height: 330px; right: 34px; }
}

/* 0.11.1 — reading stays in the mission with a visible, reversible return. */
.game-v11 #infoOverlay .info-panel {
  max-width: 680px; padding-top: 0; overflow: visible;
}
.game-v11 .info-toolbar {
  position: sticky; top: 0; z-index: 5; display: flex;
  padding: max(12px, env(safe-area-inset-top)) 0 12px;
  margin-bottom: 24px; background: #fff; border-bottom: 1px solid #ded8df;
}
.game-v11 .info-back {
  display: inline-flex; align-items: center; min-height: 48px; padding: 10px 0;
  border: 0; background: #fff; color: #320a4b; cursor: pointer;
  font: inherit; font-size: 1rem; line-height: 1.35; font-weight: 700;
  text-align: left; text-transform: none; letter-spacing: 0;
}
.game-v11 #infoOverlay #infoTitle {
  margin: 0 0 24px; color: #320a4b; font-size: clamp(1.8rem, 7vw, 2.5rem);
  line-height: 1.12; text-transform: none; letter-spacing: -.02em;
}
.game-v11 #infoContent p, .game-v11 #infoStatus {
  margin: 0 0 20px; color: #320a4b; font-size: 1rem; line-height: 1.55;
}
.game-v11 .info-essentials { list-style: none; margin: 24px 0; padding: 0; }
.game-v11 .info-essentials li { padding: 16px 0; border-top: 1px solid #ded8df; }
.game-v11 .info-essentials strong { display: block; font-size: 1.1rem; line-height: 1.35; }
.game-v11 #infoContent .info-essentials p { margin: 6px 0 0; }
.game-v11 .info-external {
  display: inline-block; padding: 12px 0; color: #640a55;
  font-size: 1rem; line-height: 1.45; text-underline-offset: 4px;
}
.game-v11 .info-stats { margin: 24px 0; }
.game-v11 .info-stats dt { margin: 24px 0 4px; font-size: 1rem; font-weight: 700; }
.game-v11 .info-stats dd { margin: 0; color: #640a55; font-size: 2.6rem; font-weight: 900; line-height: 1.1; }
.game-v11 .info-return { display: flex; width: 100%; margin-top: 28px; padding-block: 18px; border-top: 1px solid #ded8df; }
.game-v11 .info-back:focus-visible, .game-v11 .info-external:focus-visible {
  outline: 3px solid #640a55; outline-offset: 4px;
}
.game-v11 .start-more .info-collapse { margin-top: 12px; }

/* 0.11.7 — approved purple backpack, centred and larger without hiding the CTA/count. */
.game-v11 #startOverlay .start-panel .overlay-logo { margin-bottom: 16px; }
.game-v11 #startOverlay .start-panel .eyebrow { margin-bottom: 6px; }
.game-v11 #startOverlay .start-panel h2 { margin-bottom: 8px; }
.game-v11 #startOverlay .start-panel .start-visual {
  display: grid; place-items: center; height: clamp(190px, calc(100svh - 428px), 260px);
  margin: 8px 0; overflow: visible;
}
.game-v11 #startOverlay .start-visual .start-backpack {
  position: absolute; inset: 0; display: block; width: 100%; height: 100%;
  max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; margin: 0;
}
.game-v11 #startOverlay .start-panel > .chain-proof { margin-top: 16px; padding-block: 14px; }
@media (max-width: 350px) {
  .game-v11 #startOverlay .start-panel .overlay-logo { margin-bottom: 12px; }
  .game-v11 #startOverlay .start-panel .start-visual { height: clamp(168px, calc(100svh - 378px), 190px); }
}
@media (min-width: 760px) and (min-height: 501px) {
  .game-v11 #startOverlay .start-panel .overlay-logo { margin-bottom: 40px; }
  .game-v11 #startOverlay .start-panel .start-visual { height: 380px; margin: -10px 0 0; }
}