/* ══════════════════════════════════════════════════════════════
   v0.9 Shoot Phase — Overrides
   All shared styles are in ../../shared/components/*.css
   This file contains ONLY v0.9-specific overrides.
══════════════════════════════════════════════════════════════ */

/* ── Wider roll overlay for weapon picker ── */
#roll-overlay { max-width: 720px; }

/* ── LoS aiming lines ── */
.target-line-blocked {
  stroke: rgba(255, 60, 60, 0.3);
  stroke-width: 1.2;
  stroke-dasharray: 4 4;
  stroke-linecap: round;
  pointer-events: none;
  opacity: .7;
}
/* active-faction: clear-LoS line from the shooting (active) player */
.target-line-clear {
  stroke: color-mix(in srgb, var(--active-faction) 30%, transparent);
  stroke-width: 1;
  stroke-dasharray: 6 5;
  stroke-linecap: round;
  pointer-events: none;
  opacity: .7;
}
.target-line-out-of-range {
  stroke: rgba(255,180,40,.4);
  stroke-width: 1;
  stroke-dasharray: 3 5;
  stroke-linecap: round;
  pointer-events: none;
  opacity: .6;
}

/* ── Weapon range toggles ── */
#card-ranges { flex-wrap: wrap; }
.range-toggle.weapon-range {
  flex: 0 1 auto; padding: 5px 8px;
  font: 600 9px/1.2 'Rajdhani', sans-serif; letter-spacing: 1px; text-transform: uppercase;
  background: transparent; border: 1px solid var(--text-dis);
  color: var(--text-muted); cursor: pointer; transition: all .15s;
}
.range-toggle.weapon-range:hover { border-color: var(--text-muted); color: var(--text-sec); }
/* active-faction: weapon range toggle is part of active player's UI */
.range-toggle.weapon-range.active { background: color-mix(in srgb, var(--active-faction) 8%, transparent); border-color: color-mix(in srgb, var(--active-faction) 50%, transparent); color: var(--active-faction); }

/* ── Advance D6 Dice Overlay (movement-phase only, unused in shoot) ── */
#advance-dice-overlay {
  position: fixed; inset: 0; display: none;
  align-items: center; justify-content: center;
  z-index: 500; background: rgba(8,12,16,0.75); backdrop-filter: blur(4px);
}
#advance-dice-overlay.visible { display: flex; }
.dice-panel { text-align: center; }
.dice-d6 {
  width: 72px; height: 72px; margin: 0 auto 16px;
  background: linear-gradient(135deg, var(--bg-raised), var(--bg-surface));
  border: 2px solid var(--text-dis);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 6px 20px rgba(0,0,0,.6);
  display: flex; align-items: center; justify-content: center;
  font: normal 400 38px/1 'Anton', sans-serif;
  color: var(--text-dis); position: relative;
  transition: all .3s cubic-bezier(.34,1.56,.64,1);
}
/* active-faction: dice belong to the rolling (active) player */
.dice-d6.rolling {
  animation: die-roll-in .4s cubic-bezier(.34,1.56,.64,1) both;
  color: var(--active-faction); border-color: var(--active-faction);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 24px color-mix(in srgb, var(--active-faction) 35%, transparent), 0 6px 20px rgba(0,0,0,.6);
}
/* active-faction */
.dice-result-label {
  font: 700 12px/1 'Rajdhani', sans-serif; letter-spacing: 3px; text-transform: uppercase;
  color: var(--active-faction);
}
.dice-total-label {
  font: 600 11px/1 'Rajdhani', sans-serif; letter-spacing: 2px;
  color: var(--text-muted); margin-top: 6px;
}