/* 퍼즐걸스 — 신규 3종(블랙잭·하이로 주사위·크래시) 전용 스타일 + 로비 진입 카드
 * theme.css / games.css의 토큰과 공통 클래스(칩·배너·pcard)를 재사용하고,
 * 신규 컴포넌트 클래스만 여기서 정의한다. */

/* ---------- 블랙잭 ---------- */
.game-blackjack .table-felt { min-height: 300px; }
.bj-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.bj-actions .pg-btn { min-width: 108px; }
.bj-actions .pg-btn:disabled { opacity: .38; cursor: not-allowed; filter: none; }
.bj-actions .pg-btn:active:not(:disabled) { transform: scale(.97); }

/* ---------- 하이로 주사위 ---------- */
.dice-stage { display: flex; flex-direction: column; gap: 14px; }
.dice-pair {
  display: flex; justify-content: center; gap: 22px; padding: 22px;
  background: radial-gradient(ellipse at center, #14532d 0%, #0b3d2e 70%);
  border: 2px solid #d4af37; border-radius: 20px;
}
.die {
  font-size: clamp(4.2rem, 16vw, 7.5rem); line-height: 1; color: #fff;
  text-shadow: 0 4px 14px rgba(0,0,0,.6);
  animation: none;
}
.dice-board { display: flex; flex-direction: column; gap: 10px; }
.dice-hilo { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ds {
  padding: 14px 8px; border-radius: 12px; border: 2px solid transparent;
  background: #0b3d2e; color: #fff; font-weight: 800; font-size: 1rem; cursor: pointer;
}
.ds small { display: block; font-weight: 400; font-size: .75rem; color: #cbd5e0; }
.ds:hover { filter: brightness(1.2); }
.ds.staked { outline: 3px solid #ffd700; outline-offset: 2px; }
.ds-low { border-color: #7ec8ff; }
.ds-high { border-color: #ffb3b3; }
.ds-seven { border-color: #d4af37; }
.dice-sums { display: grid; grid-template-columns: repeat(11, 1fr); gap: 6px; }
.ds-sum { padding: 8px 2px; font-size: .9rem; background: #14532d; border: 1px solid rgba(212,175,55,.45); }
.ds-sum small { font-size: .62rem; }

/* ---------- 크래시 ---------- */
.crash-stage {
  position: relative; border: 2px solid #d4af37; border-radius: 20px; overflow: hidden;
  background: radial-gradient(ellipse at 30% 100%, #1a1035 0%, #0d1117 70%);
}
#crash-canvas { display: block; width: 100%; height: auto; }
.crash-mult {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  font-size: clamp(2.6rem, 9vw, 4.6rem); font-weight: 900; color: #ffd700;
  text-shadow: 0 0 24px rgba(255,215,0,.45); pointer-events: none;
}
.crash-mult.busted { color: #ff5b5b; text-shadow: 0 0 24px rgba(192,57,43,.8); animation: crashShake .3s; }
.crash-mult.cashed { color: #7dffb0; text-shadow: 0 0 24px rgba(46,204,113,.7); }
@keyframes crashShake {
  0%,100% { transform: translateX(0); }
  25% { transform: translateX(-6px); } 75% { transform: translateX(6px); }
}
.crash-controls { display: flex; flex-direction: column; gap: 12px; }
.crash-auto { display: flex; gap: 18px; flex-wrap: wrap; align-items: center; color: #cbd5e0; font-size: .95rem; }
.crash-auto-toggle { display: flex; align-items: center; gap: 6px; cursor: pointer; }
.crash-auto-target input {
  width: 84px; padding: 8px; border-radius: 8px; border: 1px solid #3a4656;
  background: #0d1117; color: #e6edf3; font-size: 1rem;
}
.pg-btn-cashout { background: linear-gradient(180deg, #2ecc71, #14532d); color: #06281a; border: none; }
.pg-btn:disabled { opacity: .38; cursor: not-allowed; filter: none; }

/* ---------- 로비 진입 카드 (신규 3종, theme.css 게임 카드 패턴 승계) ---------- */
.game-card--blackjack .game-card__media { background-color: #14532d; }
.game-card--dice .game-card__media     { background-color: #7a1f1f; }
.game-card--crash .game-card__media    { background-color: #1a1035; }

@media (max-width: 640px) {
  .dice-sums { grid-template-columns: repeat(6, 1fr); }
  .bj-actions .pg-btn { min-width: 84px; padding: 10px 12px; }
}