/* A nonmodal reading surface in the battlefield's existing upper-left slot. */
.battle-layout .battle-card-focus {
  position: fixed; top: 48px; left: 10px; z-index: 24;
  width: min(340px, calc(100vw - 20px)); height: min(238px, 45dvh);
  display: flex; flex-direction: column; box-sizing: border-box;
  border: 1px solid #9c805c; border-left: 3px solid #b82b43; border-radius: 4px; padding: 8px;
  color: #f4ecdf; background: #19151af7; box-shadow: 0 6px 22px #0006;
  text-align: left; letter-spacing: 0;
}
.battle-layout .battle-card-focus[hidden] { display: none; }
.battle-card-focus .focus-toolbar { display: flex; align-items: center; gap: 4px; flex: 0 0 28px; margin-bottom: 5px; }
.battle-card-focus .focus-location { flex: 1; min-width: 0; color: #b9c9c6; font-size: 11px; }
.battle-card-focus .focus-toolbar button {
  width: 32px; height: 32px; min-width: 32px; padding: 7px; border: 1px solid #79634d; border-radius: 3px;
  display: grid; place-items: center; background: #2b2128; color: #f2e5cb; cursor: pointer;
}
.battle-card-focus .focus-toolbar button:hover { background: #4b2c36; }
.battle-card-focus .focus-toolbar button[hidden] { display: none; }
.battle-card-focus .focus-toolbar button:disabled { opacity: .45; cursor: not-allowed; }
.battle-card-focus svg { width: 100%; height: 100%; }
.battle-card-focus .focus-content { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 10px; min-height: 0; flex: 1; }
.battle-card-focus .focus-art { width: 100%; height: 100%; max-height: 160px; object-fit: contain; align-self: start; }
.battle-card-focus .focus-reading { min-width: 0; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-right: 3px; }
.battle-card-focus .focus-name { margin: 0 0 4px; font: 600 15px/1.35 system-ui, sans-serif; overflow-wrap: anywhere; color: #fff5d9; }
.battle-card-focus .focus-meta { margin: 0 0 7px; color: #b9c5ca; font-size: 11px; line-height: 1.5; }
.battle-card-focus .focus-stats { display: flex; flex-wrap: wrap; gap: 4px 12px; margin: 0 0 7px; font: 600 13px/1.4 system-ui, sans-serif; }
.battle-card-focus .focus-stats[hidden], .battle-card-focus .focus-art[hidden] { display: none; }
.battle-card-focus .focus-content:has(.focus-art[hidden]) { grid-template-columns: minmax(0, 1fr); }
.battle-card-focus .focus-attack { color: #ffa9a0; }
.battle-card-focus .focus-health { color: #b3e8c3; }
.battle-card-focus .focus-effect { margin: 0; font: var(--battle-reading-size, 13px)/1.7 system-ui, sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; }
.battle-card-focus .focus-modifiers { margin: 0 0 8px; padding: 6px 6px 6px 20px; background: #34252e; color: #f2d7ac; font: 12px/1.6 system-ui, sans-serif; }
.battle-card-focus .focus-modifiers:empty { display: none; }
.battle-card-focus .focus-adjustments { margin: 8px 0 0; border-top: 1px solid #ad93653d; }
.battle-card-focus .focus-adjustments summary { padding: 6px 0; cursor: pointer; color: #d2b783; font: 12px/1.5 system-ui,sans-serif; }
.battle-card-focus .focus-adjustments[hidden] { display: none; }
.battle-card-focus.is-collapsed .focus-content { display: none; }
.battle-layout .battle-card-focus.is-collapsed { height: auto !important; }
.battle-card-focus.is-collapsed .focus-toolbar { margin: 0; }
.battle-card-focus .focus-keywords { border-top: 1px solid #ffffff26; padding-top: 8px; margin: 10px 0 0; font: 11px/1.6 system-ui, sans-serif; }
.battle-card-focus .focus-keywords:empty { display: none; }
.battle-card-focus .focus-keywords dt { color: #abdcc8; font-weight: 600; }
.battle-card-focus .focus-keywords dd { margin: 0 0 6px; color: #cad1d5; }
.battle-card-focus :focus-visible { outline: 2px solid #9ce2ef; outline-offset: 1px; }

/* Inspection is independent of the engine's attack selection. No size/position changes. */
.battle-layout .card:is(.is-inspected,.selected),
.battle-layout .card:is(.is-inspected,.selected) > .hand-card-face {
  outline: none !important; box-shadow: none !important;
}
.battle-layout .card-selection-marker {
  position: absolute; left: 50%; top: 50%; z-index: 8; transform: translate(-50%, -50%);
  display: grid; place-items: center; width: 44%; max-width: 56px; aspect-ratio: 1; box-sizing: border-box;
  border: 0; border-radius: 0; background: none;
  box-shadow: none; pointer-events: none;
}
.battle-layout .card-selection-marker img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; user-select: none; }
.battle-layout .board-card .ward-emblem {
  position: absolute; z-index: 4; top: 38%; right: 3px;
  width: 25px; height: 29px; pointer-events: none;
  color: #c8ffe5; filter: drop-shadow(0 1px 2px #000);
}
.battle-layout .board-card .ward-emblem svg {
  display: block; width: 100%; height: 100%; fill: #205b4cf0;
  stroke-width: 1.7;
}

@media (min-width: 1000px) {
  .phase-one .game-shell.battle-layout > .battle-card-focus {
    position: relative; inset: auto; grid-area: 2 / 1 / 3 / 3;
    width: min(360px, 100%); height: 100%; min-height: 0; align-self: stretch;
  }
}
@media (min-width: 560px) and (max-width: 999px) and (max-height: 550px) and (orientation: landscape) {
  .battle-layout .battle-card-focus { top: 36px; left: max(6px, env(safe-area-inset-left)); width: 152px; height: calc(100dvh - 162px); padding: 6px; }
  .battle-card-focus .focus-content { grid-template-columns: minmax(0, 1fr); }
  .battle-card-focus .focus-art { display: none; }
  .battle-card-focus .focus-name { font-size: 13px; }
  .battle-card-focus .focus-meta { font-size: 10px; }
  .battle-card-focus .focus-toolbar { gap: 2px; }
  .battle-card-focus .focus-location { font-size: 10px; }
  .battle-card-focus .focus-toolbar button { width: 30px; height: 30px; min-width: 30px; }
  .battle-layout .board-card .ward-emblem { width: 21px; height: 25px; right: 1px; }
}
html.rebel-battle .theme-feijin.phase-one .game-shell.battle-layout > .battle-card-focus {
  position: absolute; inset: 8px auto auto 12px; grid-area: auto;
  width: min(360px, calc(50% - var(--leader-width) / 2 - 35px)); height: calc(22dvh - 16px);
}
html.rebel-battle:has(.battle-card-focus:not([hidden])) .rebel-test-badge { visibility: hidden; }
html.rebel-battle .battle-layout .board-card .ward-emblem {
  top: 28%; width: min(25px, 28%); height: auto; aspect-ratio: 25 / 29;
}
@media (max-width: 999px) {
  html.rebel-battle .theme-feijin.phase-one .game-shell.battle-layout > .battle-card-focus {
    position: fixed; inset: max(6px, env(safe-area-inset-top)) auto auto max(6px, env(safe-area-inset-left)); transform: none;
    width: min(300px, calc(50% - var(--leader-width, 80px) / 2 - 24px)); height: min(240px, 50dvh); padding: 8px; z-index: 26;
  }
  .battle-card-focus .focus-content { grid-template-columns: 68px minmax(0, 1fr); }
  .battle-card-focus .focus-art { display: block; max-height: 132px; }
  .battle-card-focus .focus-toolbar { flex-basis: 40px; }
  .battle-card-focus .focus-toolbar button { width: 40px; height: 40px; min-width: 40px; padding: 10px; }
  .battle-card-focus .focus-name { font-size: 15px; }
  .battle-card-focus .focus-meta, .battle-card-focus .focus-location { font-size: 12px; }
  .battle-card-focus .focus-effect { font-size: var(--battle-reading-size, 14px); }
}

.battle-layout .battle-keyword-icons { position: absolute; top: 29%; left: 5%; z-index: 4; display: flex; flex-direction: column; gap: 2px; pointer-events: none; }
.battle-keyword-icons > span { width: 19px; height: 19px; display: grid; place-items: center; background: #201823ed; border: 1px solid #bda676; border-radius: 3px; color: #ffedd0; }
.battle-keyword-icons svg { width: 13px; height: 13px; }
.battle-keyword-icons [data-keyword="虹吸"] { color: #ffc0cd; }
@media (max-height: 550px) { .battle-keyword-icons > span { width: 13px; height: 13px; } .battle-keyword-icons svg { width: 10px; height: 10px; } }