body.is-practice #start-random-match, body.is-practice #operation-timer, body.is-practice [data-action="separate"] { display:none !important; }
.practice-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:8px 12px; background:#13232b; border-bottom:1px solid #375365; color:#e3f3ff; }
.practice-controls select, .practice-controls input, .practice-controls button { background:#203b49; color:#effaff; border:1px solid #547487; border-radius:4px; padding:5px; }
.practice-controls select { max-width:260px; }
.practice-controls input { width:64px; }
.practice-controls a { color:#a2e9ce; margin-right:auto; }
.practice-playback { position:fixed; right:max(16px,env(safe-area-inset-right)); bottom:max(44px,env(safe-area-inset-bottom)); z-index:40; display:flex; gap:6px; padding:10px; background:#13232bf2; border:1px solid #547487; border-radius:8px; box-shadow:0 3px 14px #0006; }
.practice-playback button { background:#203b49; color:#effaff; border:1px solid #547487; border-radius:4px; padding:7px 10px; cursor:pointer; }
.practice-playback button[aria-pressed="true"] { background:#245f70; border-color:#71d8ed; }
body.is-practice { grid-template-rows:auto auto minmax(0,1fr) auto; }
/* A code-drawn target replaces the dummy portrait, without altering battle markers/HP. */
.is-practice :is([data-unit-id="alpha-1-main"], [data-unit-id="bravo-2-main"]) .unit-marker__main-face,
.is-practice :is([data-unit-id="alpha-1-main"], [data-unit-id="bravo-2-main"]) .unit-card__portrait {
  background: url('../assets/practice-dummy.svg') center / contain no-repeat !important;
  animation:none !important; clip-path:none !important; box-shadow:none !important;
  transform:none !important;
}
.is-practice :is([data-unit-id="alpha-1-main"], [data-unit-id="bravo-2-main"]) .pixel-magitech { display:none !important; }