/* Load last, after audio.css. Scoped to the installed battlefield only. */
.game-shell.compact-hud {
  container: battle-hud / inline-size;
  --hud-inset: 10px;
  --hud-top: max(8px, env(safe-area-inset-top, 0px));
  --hud-bottom: max(10px, env(safe-area-inset-bottom, 0px));
}
.compact-hud .compact-hud-left,
.compact-hud .compact-hud-right,
.compact-hud .compact-hud-actions { pointer-events: none; }
.compact-hud .compact-hud-left,
.compact-hud .compact-hud-right {
  position: absolute;
  top: var(--hud-top);
  z-index: 5;
  display: grid;
  gap: 5px;
  min-width: 0;
}
.compact-hud .compact-hud-left { left: var(--hud-inset); width: min(236px, 28cqw); }
.compact-hud .compact-hud-right { right: var(--hud-inset); width: min(194px, 25cqw); }
.compact-hud .world-hud { display: none; }
.compact-hud .compact-hud-left > .live-pill {
  display: block;
  width: fit-content;
  max-width: 100%;
  min-height: 0;
  height: auto;
  padding: 2px 6px;
  border: 0;
  border-radius: 6px;
  background: #fff8e5dc;
  box-shadow: none;
  color: #68513e;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 750;
  letter-spacing: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: none;
}
.compact-hud .compact-hud-left > .live-pill::after { content: none; }
.compact-hud .progress-hud,
.compact-hud .evolution-hud {
  position: static;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 5px 7px;
  border: 1px solid #a68b70b0;
  border-radius: 9px;
  background: #fff8e5dc;
  box-shadow: 0 1px #93785c24;
  pointer-events: none;
}
.compact-hud .progress-hud > div:first-child,
.compact-hud .evolution-hud > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  min-height: 0;
  margin: 0 0 4px;
  font-size: 10px;
  line-height: 1.25;
}
.compact-hud #objective-label {
  min-width: 0;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.compact-hud #objective-label small { display: none; }
.compact-hud #progress-text,
.compact-hud #evolution-count {
  flex: none;
  font-size: 10px;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.compact-hud .progress-track {
  height: 4px;
  margin: 0;
  border-width: 1px;
  box-shadow: none;
}
.compact-hud #campaign-challenge {
  position: static;
  display: flex;
  align-items: center;
  gap: 4px;
  justify-self: start;
  width: auto;
  max-width: 100%;
  padding: 3px 6px;
  border: 1px solid #b79b7380;
  border-radius: 20px;
  background: #fff8e0c9;
  font-size: 9px;
  line-height: 1.3;
  pointer-events: none;
}
.compact-hud #campaign-challenge::before { content: 'Bonus'; white-space: nowrap; }
.compact-hud #challenge-progress {
  min-width: 0;
  padding: 0;
  font-size: 9px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.compact-hud .compact-hud-actions { display: flex; justify-content: flex-end; gap: 5px; }
.game-shell.compact-hud .compact-hud-actions .canvas-bottom {
  position: static;
  display: contents;
  pointer-events: none;
}
.compact-hud .compact-hud-actions .canvas-bottom > span { display: none; }
body:not(.site-page) .compact-hud .compact-hud-actions #auto-btn,
.compact-hud .compact-hud-actions #pause-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-height: 36px;
  height: 36px;
  padding: 4px 7px;
  border-width: 1px;
  border-radius: 11px;
  font-size: 10px;
  line-height: 1;
  box-shadow: 0 2px #806c4829;
  pointer-events: auto;
  touch-action: manipulation;
}
.compact-hud .compact-hud-actions #pause-btn { width: 36px; flex: 0 0 36px; padding: 4px; }
.compact-hud .compact-hud-actions #pause-btn .game-icon { width: 25px; height: 25px; }
.compact-hud .compact-hud-actions #auto-btn b { font-size: 9px; margin: 0; }
.compact-hud .compact-hud-actions #auto-btn .game-icon { width: 16px; height: 16px; }

/* All legacy width / short-landscape placements are overridden by this scope. */
.game-shell.compact-hud #combat-hud {
  position: absolute;
  top: var(--hud-top);
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
  width: min(232px, calc(100% - 24px));
  max-width: none;
  box-sizing: border-box;
  z-index: 6;
  padding: 5px 8px;
  border: 1px solid #b69b79aa;
  border-radius: 13px;
  background: #fff9e4e8;
  box-shadow: 0 2px #987e5820;
  pointer-events: none;
}
.compact-hud .combat-hud-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5px;
  min-width: 0;
}
.compact-hud .player-health-label { font-size: 0; }
.compact-hud .player-health-label::after { content: 'HP'; font-size: 10px; }
.compact-hud .combat-hud-row > strong { font-size: 10px; min-width: 47px; }
.compact-hud .player-health-meter { height: 9px; min-width: 40px; }
.compact-hud .enemy-threat { display: none; }
.compact-hud .enemy-threat:not([hidden]) { display: inline-flex; align-items: center; gap: 2px; margin-left: 0; padding-left: 5px; font-size: 9px; }
.compact-hud .enemy-threat b { margin-left: 0; font-size: 10px; }
.compact-hud #boss-hud { margin-top: 5px; padding-top: 5px; }
.compact-hud .boss-hud-row { display: flex; flex-wrap: wrap; gap: 3px 5px; }
.compact-hud #boss-name { flex: 1 1 auto; max-width: 68%; font-size: 9px; overflow: hidden; text-overflow: ellipsis; }
.compact-hud #boss-health-value { flex: 0 0 auto; font-size: 9px; }
.compact-hud #boss-health-meter { order: 3; flex: 1 0 100%; height: 6px; }
.compact-hud #boss-objective-copy { display: none; }

/* Closed weapon dock is compact; expanded panel keeps its original controls. */
.game-shell.compact-hud #arsenal-dock {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: var(--hud-bottom);
  top: auto;
  transform: translateX(-50%);
  width: min(252px, calc(100% - 32px));
  height: auto;
  max-height: calc(100% - 78px);
  z-index: 14;
  pointer-events: none;
}
.compact-hud #arsenal-toggle,
.compact-hud #arsenal-panel { pointer-events: auto; }
.compact-hud #arsenal-toggle {
  min-height: 50px;
  padding: 5px 8px;
  grid-template-columns: 34px minmax(0, 1fr) auto 10px;
  gap: 6px;
  border-width: 1.5px;
  border-radius: 14px;
}
.compact-hud #arsenal-current-art { width: 34px; height: 34px; border-radius: 9px; }
.compact-hud #arsenal-current-art img,
.compact-hud #arsenal-current-art svg { width: 32px; height: 29px; }
.compact-hud #arsenal-current-name { font-size: 11px; line-height: 1.3; }
.compact-hud .arsenal-toggle-copy { gap: 2px; }
.compact-hud #arsenal-current-dps { font-size: 9px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.compact-hud #arsenal-badge { max-width: 52px; padding: 3px 4px; font-size: 9px; }
.game-shell.compact-hud #arsenal-dock[data-open='true'] {
  left: 50%;
  right: auto;
  bottom: var(--hud-bottom);
  width: min(420px, calc(100% - 20px));
  height: calc(100% - 78px - env(safe-area-inset-bottom, 0px));
  max-height: 680px;
}
.compact-hud #arsenal-dock > #merge-hint { display: none !important; }
.compact-hud .compact-fusion-reminder {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 30px);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  width: max-content;
  max-width: min(280px, calc(100cqw - 128px));
  padding: 2px;
  gap: 2px;
  border: 1px solid #c4a474;
  border-radius: 11px;
  background: #fff2cfee;
  box-shadow: 0 2px #aa875c30;
  pointer-events: auto;
}
.compact-hud .compact-fusion-reminder button {
  min-width: 0;
  min-height: 40px;
  padding: 5px 7px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
  color: #805e35;
  font-size: 10px;
  line-height: 1.35;
  white-space: normal;
}
.compact-hud .compact-fusion-reminder [data-open-fusion-guide] { flex: 1 1 auto; }
.compact-hud .compact-fusion-reminder [data-dismiss-fusion-reminder] {
  flex: 0 0 36px;
  width: 36px;
  padding: 3px;
  font-size: 20px;
}
.compact-hud #arsenal-dock[data-open='true'] .compact-fusion-reminder,
.compact-hud:has(.compact-hud-help[open]) .compact-fusion-reminder { display: none; }
.compact-hud #arsenal-dock[data-merging='false'] #fusion-guide { display: none !important; }
body.arsenal-open .compact-hud .compact-hud-actions button,
body.arsenal-open .compact-hud .compact-hud-help {
  pointer-events: none;
  opacity: .4;
}
body.arsenal-open .compact-hud .compact-hud-help { visibility: hidden; }

/* Native details gives keyboard access and a reusable, initially closed help. */
.compact-hud .compact-hud-help {
  position: absolute;
  bottom: var(--hud-bottom);
  left: var(--hud-inset);
  z-index: 13;
  width: max-content;
  max-width: calc(100% - 20px);
  color: #735d49;
  pointer-events: none;
}
.compact-hud .compact-hud-help > summary {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #b49a78;
  border-radius: 12px;
  background: #fff7dfec;
  box-shadow: 0 2px #92775524;
  font-size: 11px;
  font-weight: 750;
  list-style: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
}
.compact-hud .compact-hud-help > summary::-webkit-details-marker { display: none; }
.compact-hud .compact-hud-help > summary:focus-visible { outline: 3px solid #708fc0; outline-offset: 2px; }
.compact-hud .compact-hud-help-body {
  position: absolute;
  left: 0;
  bottom: 52px;
  width: min(310px, calc(100cqw - 24px));
  max-height: min(320px, calc(var(--compact-shell-height, 400px) - 164px));
  overflow: auto;
  overscroll-behavior: contain;
  padding: 11px;
  border: 1.5px solid #ad9274;
  border-radius: 14px;
  background: #fff9eafc;
  box-shadow: 0 4px 15px #59463426;
  font-size: 12px;
  line-height: 1.5;
  pointer-events: auto;
  touch-action: pan-y;
}
.compact-hud .compact-hud-help-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.compact-hud .compact-hud-help-close { width: 36px; min-height: 36px; background: #f7e6d0; border-radius: 9px; font-size: 23px; color: #856554; }
.compact-hud .compact-hud-help .combat-controls {
  position: static;
  display: flex;
  width: auto;
  padding: 8px 0;
  border: 0;
  background: none;
  box-shadow: none;
  opacity: 1;
  pointer-events: none;
}
.compact-hud .compact-hud-help .control-copy b,
.compact-hud .compact-hud-help .control-copy span { font-size: 11px; }
.compact-hud .compact-hud-help p { margin: 8px 0; font-size: 11px; }
.compact-hud .compact-hud-help section { padding-top: 7px; margin-top: 7px; border-top: 1px dashed #cbbb9e; }
.compact-hud .compact-hud-help section > strong { display: block; font-size: 11px; }
.compact-hud .compact-help-challenge > #challenge-copy { display: block; margin-top: 5px; font-size: 11px; }
.compact-hud .compact-hud-help .game-icon { width: 17px; height: 17px; }
.compact-hud:not(:has(#campaign-challenge:not([hidden]))) .compact-help-challenge { display: none; }
.compact-hud.combat-failed .compact-hud-help { visibility: hidden; pointer-events: none; }

.compact-hud #cat-audio-subtitle {
  position: absolute;
  left: 50%;
  bottom: calc(var(--hud-bottom) + 64px);
  transform: translateX(-50%);
  z-index: 7;
  width: max-content;
  max-width: min(410px, calc(100% - 32px));
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 11px;
  line-height: 1.4;
  pointer-events: none;
}
.compact-hud #evolution-banner { top: 100px; padding: 7px 10px; gap: 7px; max-width: calc(100% - 30px); }
.compact-hud #evolution-banner strong { font-size: 16px; }
.compact-hud #evolution-banner .evolution-art img { width: 45px; height: 35px; }
.compact-hud #evolution-banner b { font-size: 11px; }

@container battle-hud (max-width: 760px) {
  .compact-hud .compact-hud-left,
  .compact-hud .compact-hud-right { top: calc(var(--hud-top) + 39px); width: calc(50% - 16px); }
  .compact-hud:has(#boss-hud:not([hidden])) .compact-hud-left,
  .compact-hud:has(#boss-hud:not([hidden])) .compact-hud-right { top: calc(var(--hud-top) + 75px); }
  .compact-hud .compact-hud-left { max-width: 244px; }
  .compact-hud .compact-hud-right { max-width: 194px; }
  .compact-hud #combat-hud { width: min(232px, calc(100% - 24px)); }
  .compact-hud #arsenal-dock:not([data-open='true']) { width: min(216px, calc(100% - 184px)); }
  .compact-hud #arsenal-toggle { min-height: 50px; grid-template-columns: 29px minmax(0, 1fr) 8px; padding: 5px; gap: 4px; }
  .compact-hud #arsenal-current-art { width: 29px; height: 29px; }
  .compact-hud #arsenal-current-art img,
  .compact-hud #arsenal-current-art svg { width: 27px; height: 25px; }
  .compact-hud #arsenal-current-name { font-size: 10px; }
  .compact-hud #arsenal-badge { position: absolute; top: -4px; right: 12px; width: 9px; height: 9px; min-width: 0; padding: 0; font-size: 0; border-radius: 50%; }
  .compact-hud .compact-hud-help { bottom: calc(var(--hud-bottom) + 88px); }
  .compact-hud #cat-audio-subtitle { bottom: calc(var(--hud-bottom) + 65px); max-width: calc(100% - 176px); font-size: 10px; padding: 5px 7px; }
  .compact-hud #evolution-banner { top: 145px; }
}
@container battle-hud (max-width: 360px) {
  .compact-hud #arsenal-toggle { grid-template-columns: minmax(0, 1fr) 8px; }
  .compact-hud #arsenal-current-art { display: none; }
  .compact-hud .compact-hud-left > .live-pill { font-size: 9px; }
  .compact-hud .progress-hud > div:first-child,
  .compact-hud .evolution-hud > div:first-child,
  .compact-hud #progress-text,
  .compact-hud #evolution-count { font-size: 9px; }
  .compact-hud #challenge-progress { font-size: 8px; }
  .compact-hud #cat-audio-subtitle { max-width: calc(100% - 144px); }
}
@container battle-hud (max-width: 480px) {
  body:not(.site-page) .compact-hud .compact-hud-actions #auto-btn { font-size: 0; gap: 3px; padding: 4px 6px; }
  .compact-hud .compact-hud-actions #auto-btn::after { content: 'Auto'; order: 1; font-size: 10px; }
  .compact-hud .compact-hud-actions #auto-btn b { order: 2; font-size: 9px; }
}
/* Touch controls must also fit tablets whose viewport exceeds 730px. */
@media (pointer: coarse), (max-width: 730px) {
  body:not(.site-page) .game-shell.compact-hud #joystick { width: 74px; height: 74px; bottom: var(--hud-bottom); left: 12px; z-index: 9; touch-action: none; }
  .compact-hud #joystick-thumb { left: 15px; top: 15px; }
  body:not(.site-page) .game-shell.compact-hud #fire-btn { width: 74px; height: 74px; right: 12px; bottom: var(--hud-bottom); z-index: 9; touch-action: none; }
  body:not(.site-page) .compact-hud .compact-hud-actions #auto-btn,
  .compact-hud .compact-hud-actions #pause-btn { min-height: 44px; height: 44px; }
  .compact-hud .compact-hud-actions #pause-btn { width: 44px; flex-basis: 44px; }
  .compact-hud .compact-hud-help { bottom: calc(var(--hud-bottom) + 88px); }
}

/* Preview-only chrome: keep the independent-save warning and real links visible.
   Its switcher opens above the field instead of adding height to the page. */
body:not(.site-page) .play-column:has(> .compact-hud) > .map-preview-notice {
  position: relative;
  z-index: 22;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  min-height: 26px;
  margin: 0 0 5px;
  padding: 3px 7px;
  line-height: 1.5;
  font-size: 10px;
}
body:not(.site-page) .play-column:has(> .compact-hud) > .map-preview-notice > span {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:not(.site-page) .play-column:has(> .compact-hud) > .map-preview-notice > details,
body:not(.site-page) .play-column:has(> .compact-hud) > .map-preview-notice > a {
  flex: 0 0 auto;
  white-space: nowrap;
}
body:not(.site-page) .play-column:has(> .compact-hud) > .map-preview-notice > details > nav {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  max-height: min(320px, 60dvh);
  overflow: auto;
  padding: 10px;
  border: 1px solid #bba581;
  border-radius: 12px;
  background: #fff8e8;
  box-shadow: 0 4px 12px #75583d29;
}
@media (min-width: 731px) {
  body:not(.site-page) .play-column:has(> .map-preview-notice) > .game-shell.compact-hud {
    height: calc(100dvh - 124px - var(--compact-preview-height, 31px));
    min-height: 0;
  }
}

/* Short landscape is a battle-only fit-to-viewport layout. Site routes and
   ordinary desktop / portrait dimensions are intentionally unchanged. */
@media (max-height: 560px) and (orientation: landscape) {
  body:not(.site-page):has(.game-shell.compact-hud) {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
  }
  body:not(.site-page):has(.game-shell.compact-hud) .app {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    min-height: 0;
    max-width: none;
    padding: 0 max(7px, env(safe-area-inset-right, 0px)) max(6px, env(safe-area-inset-bottom, 0px)) max(7px, env(safe-area-inset-left, 0px));
  }
  body:not(.site-page):has(.game-shell.compact-hud) .topbar {
    flex: 0 0 calc(44px + env(safe-area-inset-top, 0px));
    height: calc(44px + env(safe-area-inset-top, 0px));
    padding-top: env(safe-area-inset-top, 0px);
    gap: 6px;
  }
  body:not(.site-page):has(.game-shell.compact-hud) .brand { font-size: 15px; gap: 0; }
  body:not(.site-page):has(.game-shell.compact-hud) .brand-mark,
  body:not(.site-page):has(.game-shell.compact-hud) .brand small,
  body:not(.site-page):has(.game-shell.compact-hud) .wallet small { display: none; }
  body:not(.site-page):has(.game-shell.compact-hud) .wallet { gap: 5px; }
  body:not(.site-page):has(.game-shell.compact-hud) .wallet > div { min-width: 0; padding: 2px 7px; gap: 4px; }
  body:not(.site-page):has(.game-shell.compact-hud) .wallet strong { font-size: 12px; }
  body:not(.site-page):has(.game-shell.compact-hud) .topbar .icon-btn {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 40px;
    min-width: 44px;
    min-height: 40px;
  }
  body:not(.site-page):has(.game-shell.compact-hud) .site-nav { display: none; }
  body.menu-open:not(.site-page):has(.game-shell.compact-hud) .site-nav {
    display: flex;
    position: fixed;
    z-index: 30;
    top: calc(44px + env(safe-area-inset-top, 0px));
    left: max(7px, env(safe-area-inset-left, 0px));
    right: max(7px, env(safe-area-inset-right, 0px));
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    max-height: calc(100dvh - 54px - env(safe-area-inset-top, 0px));
    overflow: auto;
    padding: 9px;
    border: 2px solid #bda084;
    border-radius: 15px;
    background: #fff4dc;
    box-shadow: 0 4px 15px #70573833;
  }
  body:not(.site-page):has(.game-shell.compact-hud) .layout {
    display: flex;
    flex: 1 1 0;
    min-height: 0;
    min-width: 0;
    padding: 3px 0 0;
    margin: 0;
    gap: 0;
  }
  body:not(.site-page):has(.game-shell.compact-hud) .play-column {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
    min-height: 0;
    width: 100%;
  }
  body:not(.site-page):has(.game-shell.compact-hud) .play-column > :not(.game-shell) { flex-shrink: 0; }
  body:not(.site-page):has(.game-shell.compact-hud) .sidebar,
  body:not(.site-page):has(.game-shell.compact-hud) .panel-column,
  body:not(.site-page):has(.game-shell.compact-hud) .stage-header,
  body:not(.site-page):has(.game-shell.compact-hud) .play-caption,
  body:not(.site-page):has(.game-shell.compact-hud) .equipped-card,
  body:not(.site-page):has(.game-shell.compact-hud) .page-footer { display: none; }
  body:not(.site-page):has(.game-shell.compact-hud) .layout .game-shell.compact-hud {
    flex: 1 1 0;
    height: auto;
    min-height: 0;
    max-height: none;
    --hud-top: 7px;
    --hud-bottom: 7px;
  }
  .game-shell.compact-hud .compact-hud-left,
  .game-shell.compact-hud:has(#boss-hud:not([hidden])) .compact-hud-left {
    top: var(--hud-top);
    width: min(205px, 27cqw);
    gap: 3px;
  }
  .game-shell.compact-hud .compact-hud-right,
  .game-shell.compact-hud:has(#boss-hud:not([hidden])) .compact-hud-right {
    top: var(--hud-top);
    width: min(180px, 27cqw);
    gap: 3px;
  }
  .game-shell.compact-hud #combat-hud { width: min(220px, 36cqw); }
  .game-shell.compact-hud .compact-hud-left > .live-pill { font-size: 9px; padding-block: 0; }
  .game-shell.compact-hud .progress-hud,
  .game-shell.compact-hud .evolution-hud { padding: 4px 6px; }
  .game-shell.compact-hud #campaign-challenge { padding: 2px 5px; }
  .game-shell.compact-hud #evolution-banner { top: 85px; }
  .game-shell.compact-hud .compact-hud-help-body { max-height: calc(var(--compact-shell-height, 300px) - 164px); }
}
@media (prefers-reduced-motion: reduce) {
  .compact-hud .combat-meter > i,
  .compact-hud .arsenal-chevron { transition: none; }
}

/* Landscape navigation keeps the original growth controls within reach. */
@media (max-height: 560px) and (orientation: landscape) {
 body.menu-open:not(.site-page):has(.game-shell.compact-hud) .site-nav {
  right:calc(min(340px, 54vw) + 18px);
  max-height:calc(100dvh - 58px - env(safe-area-inset-top, 0px));
  justify-content:flex-start;
 }
 body.menu-open:not(.site-page):has(.game-shell.compact-hud) .panel-column {
  display:block;
  position:fixed;
  z-index:30;
  top:calc(50px + env(safe-area-inset-top, 0px));
  right:max(7px, env(safe-area-inset-right, 0px));
  bottom:max(7px, env(safe-area-inset-bottom, 0px));
  width:min(340px, 54vw);
  min-height:0;
  overflow:auto;
  background:#fff8e8;
  border:2px solid #bda084;
  border-radius:15px;
  box-shadow:0 4px 15px #70573833;
  overscroll-behavior:contain;
 }
 body.menu-open:not(.site-page):has(.game-shell.compact-hud) .panel-column .panel-heading {display:none;}
 body.menu-open:not(.site-page):has(.game-shell.compact-hud) .panel-column .tabs {position:sticky;top:0;z-index:1;background:#fff8e8;}
}

body.menu-open .compact-hud .compact-fusion-reminder { display:none; }