/* Floor 7 (Caza de Rango VI): FFXII gambit panel over the bottom third of the stage. */
.f7-gambits {
  position: absolute; left: 1.6%; right: 1.6%; bottom: 1.2%; height: 33%;
  display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto repeat(3, minmax(44px, 1fr)); box-sizing: border-box; gap: .5cqh .8cqw;
  padding: 1cqh 1.6cqw; border-radius: 1cqh; pointer-events: auto;
  background: rgba(14, 26, 72, .86); border: 1.5px solid rgba(170, 200, 255, .8);
  font: 700 2.2cqh/1.1 "Helvetica Neue", Arial, sans-serif; color: #eef3ff;
}
.f7-head { font-size: 2cqh; letter-spacing: .14em; color: #ffd86a; align-self: center; }
.f7-count { justify-self: end; align-self: center; font-size: 2cqh; color: #9fb4e6; }
.f7-toast { position: absolute; left: 0; right: 0; top: -5cqh; margin: 0; text-align: center; color: #ffd86a; font-size: 2.2cqh; text-shadow: 0 1px 0 #000; pointer-events: none; }
.f7-gambit {
  display: grid; grid-template-columns: 3cqh minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; align-items: center; column-gap: 1cqw;
  min-height: 44px; min-width: 0; padding: 0 1.2cqw; border: 1px solid rgba(170, 200, 255, .35); border-radius: .6cqh;
  background: rgba(0, 0, 0, .25); color: #9fb4e6; font: inherit; text-align: left; cursor: pointer;
}
.f7-gambit .f7-n { grid-row: 1 / 3; }
.f7-arrow { display: none; }
.f7-gambit.on { background: linear-gradient(90deg, rgba(60, 110, 220, .55), rgba(20, 40, 120, .4)); color: #eef3ff; border-color: rgba(200, 225, 255, .9); }
.f7-gambit:focus-visible { outline: 2px solid #ffd86a; outline-offset: 1px; }
.f7-n { color: #ffd86a; }
.f7-target { font-size: 1.7cqh; opacity: .8; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f7-action { color: #ffd86a; font-size: 2cqh; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.f7-gambit.shake { animation: f7Shake .3s; }
@keyframes f7Shake { 25% { transform: translateX(-6px); } 75% { transform: translateX(6px); } }
@media (prefers-reduced-motion: reduce) { .f7-gambit.shake { animation: none; } }
/* the gambit that just ran lights up; the first time a move shows up, its answer pulses */
.f7-gambit.lit { animation: f7Lit .45s ease-out; }
@keyframes f7Lit { 0% { box-shadow: inset 0 0 0 2px #fff, 0 0 12px rgba(255, 216, 106, .9); } 100% { box-shadow: none; } }
.f7-gambit.hint { border: 2px solid #ffd86a; animation: f7Hint .7s ease-in-out infinite alternate; }
@keyframes f7Hint { from { box-shadow: 0 0 2px rgba(255, 216, 106, .4); } to { box-shadow: 0 0 14px rgba(255, 216, 106, .95); } }
.f7-gambit.warn { border: 2px solid #ff6a5a; animation: f7Warn .5s ease-in-out infinite alternate; }
@keyframes f7Warn { from { box-shadow: 0 0 2px rgba(255, 90, 70, .4); } to { box-shadow: 0 0 14px rgba(255, 90, 70, .95); } }
@media (prefers-reduced-motion: reduce) { .f7-gambit.hint, .f7-gambit.warn { animation: none; } }