/* Void Solitaire — game-local styles. Extends the shared claed3d-games token set
   (styles.css); never edits it. Only additions the solitaire board needs. */

/* the board frame: mostly-opaque backing so the felt reads over the cosmos stars,
   plus a faint violet table-glow. */
.vs-frame {
  padding: 0.35rem;
  background:
    linear-gradient(rgba(10, 10, 16, 0.9), rgba(7, 7, 11, 0.94)),
    radial-gradient(circle at 50% 12%, rgba(121, 87, 255, 0.10), transparent 60%);
}
.vs-frame #board {
  width: 100%;
  height: auto;
  display: block;
  cursor: pointer;
  touch-action: none; /* pointer drag owns the gestures */
}

/* auto-finish button accent — only shown when the win is a formality */
.icon-btn.is-accent {
  border-color: rgba(105, 221, 255, 0.7);
  background: linear-gradient(rgba(30, 24, 54, 0.72), rgba(12, 12, 19, 0.72));
  color: var(--ink);
  box-shadow: 0 0 0.9rem rgba(105, 221, 255, 0.2);
}
.icon-btn:disabled {
  opacity: 0.4;
  cursor: default;
  transform: none;
}

/* win overlay flavor */
.game-over.is-win h2 {
  color: var(--cyan);
  letter-spacing: 0.14em;
  text-shadow: 0 0 1.4rem rgba(105, 221, 255, 0.5);
}
.game-over.is-win { background: rgba(7, 9, 13, 0.86); }
.game-over #over-sub { color: var(--ink); font-size: 1rem; letter-spacing: 0.03em; }

/* keep the control row tidy when it wraps on narrow screens */
.bar-controls { flex-wrap: wrap; justify-content: flex-end; }