/* Project Outpost — Player Battle Focus Mode.
 * One local shell state gives the authoritative board more room. Phaser,
 * Quick Bar, cards, Turn Order and Side Actions keep their existing owners. */

body.outpost-real-page-preview #encounter .encounter-battle-focus-toggle[aria-pressed="true"] {
  color: var(--op-text);
  background: var(--op-surface-strong);
  box-shadow: inset 0 -2px var(--op-accent);
}

@media (min-width: 821px) {
  body.outpost-real-page-preview.battle-focus-mode {
    --op-shell-pad: 12px;
    --op-shell-topbar: 44px;
    --op-shell-rail: 58px;
    --op-shell-gap: 12px;
    --op-shell-main-left: 82px;
    --op-shell-main-top: 68px;
    --op-shell-center-shift: 35px;
  }

  body.outpost-real-page-preview.battle-focus-mode .app,
  body.outpost-real-page-preview.battle-focus-mode.profile-mode .app {
    width: 100%;
    max-width: none;
  }

  body.outpost-real-page-preview.battle-focus-mode .brand {
    justify-content: center;
    min-height: var(--op-shell-topbar);
    padding-bottom: 8px;
  }

  body.outpost-real-page-preview.battle-focus-mode .brand > h1 {
    display: none;
  }

  body.outpost-real-page-preview.battle-focus-mode .brand > .op-brand-mark {
    margin: 0;
  }

  body.outpost-real-page-preview.battle-focus-mode .outpost-runtime-topbar-extras {
    min-height: var(--op-shell-topbar);
    padding-bottom: 8px;
  }

  body.outpost-real-page-preview.battle-focus-mode .outpost-runtime-status {
    gap: 8px;
    font-size: 8px;
  }

  body.outpost-real-page-preview.battle-focus-mode .outpost-runtime-status small {
    display: none;
  }

  body.outpost-real-page-preview.battle-focus-mode .outpost-runtime-controls > :not(#outpostQuickBarToggle) {
    display: none;
  }

  body.outpost-real-page-preview.battle-focus-mode .outpost-runtime-controls #outpostQuickBarToggle {
    min-height: 30px;
    padding-inline: 10px;
    font-size: 8px;
  }

  body.outpost-real-page-preview.battle-focus-mode .nav-wrap,
  body.outpost-real-page-preview.battle-focus-mode.profile-mode .nav-wrap {
    height: calc(100dvh - var(--op-shell-pad) - var(--op-shell-topbar));
    padding-top: 10px;
  }

  body.outpost-real-page-preview.battle-focus-mode .outpost-nav-kicker,
  body.outpost-real-page-preview.battle-focus-mode .nav .tab > .op-nav-divider,
  body.outpost-real-page-preview.battle-focus-mode .nav .tab > .op-nav-copy,
  body.outpost-real-page-preview.battle-focus-mode .op-system-utility-nav [data-nav-label],
  body.outpost-real-page-preview.battle-focus-mode .op-system-identity {
    display: none;
  }

  body.outpost-real-page-preview.battle-focus-mode .nav {
    gap: 7px;
  }

  body.outpost-real-page-preview.battle-focus-mode .nav .tab,
  body.outpost-real-page-preview.battle-focus-mode .op-system-utility-nav .tab {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    place-items: center;
    width: 58px;
    min-height: 48px;
    padding: 0;
    gap: 0;
  }

  body.outpost-real-page-preview.battle-focus-mode .nav .tab > .nav-icon,
  body.outpost-real-page-preview.battle-focus-mode .op-system-utility-nav .tab > .nav-icon {
    width: 100%;
    min-width: 0;
    border: 0;
  }

  body.outpost-real-page-preview.battle-focus-mode .op-system-utility-nav {
    display: grid;
    gap: 7px;
  }

  body.outpost-real-page-preview.battle-focus-mode .app > main,
  body.outpost-real-page-preview.battle-focus-mode.profile-mode .app > main {
    padding-top: 10px;
  }

  body.outpost-real-page-preview.battle-focus-mode #encounter .encounter-workspace {
    grid-template-rows: auto minmax(0, 1fr) !important;
  }

  body.outpost-real-page-preview.battle-focus-mode #encounter .encounter-system-header {
    display: none;
  }

  body.outpost-real-page-preview.battle-focus-mode #encounter .encounter-live-content {
    margin-top: 10px;
  }

  body.outpost-real-page-preview.battle-focus-mode #encounter .encounter-context-strip.has-battle-telemetry {
    min-height: 44px;
  }
}

@media (max-width: 820px) {
  body.outpost-real-page-preview #encounter .encounter-battle-focus-toggle {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.outpost-real-page-preview.battle-focus-mode .app,
  body.outpost-real-page-preview.battle-focus-mode .app * {
    transition-duration: .01ms !important;
  }
}