/* 게임장 · 포켓몬 랜덤디펜스 (templates/arcade/pokerd.html). 판 모양은 autochess.css 의 .acx-* (왼쪽 게임 | 오른쪽 랭킹)를 그대로 쓰고 다른 점만 */

/* 랭킹 · 내 기록 칸은 숨김 (2026-10-21 사용자 요청: 이 게임은 포인트를 쓰지 않게 바꿀 예정. 지우지 않고 숨기기만 — pokerd.js 가 id 로 찾음) */
.prd-panel .ac-side { display: none; }

/* 게임 칸: PC 는 게임이 알려 준 높이만큼(js/pokerd.js, 페이지 하나로 스크롤), 폰은 머리글 아래 화면 높이 (게임 안에서 스크롤) */
.prd-stage { height: auto; background: #0b1030; }
.prd-stage iframe { height: 760px; }
@media (max-width: 768px) {
  .prd-stage { height: calc(100svh - var(--header-h)); }
  .prd-stage iframe { height: 100%; }
}

/* 넓은 화면(1200 이상): 왼쪽 게임 | 오른쪽 320 칸(랭킹 위 · 게임 상태창 아래). 오토체스 판 모양에 기대지 않고 여기서 정함
   오른쪽 칸은 따라다니고, 화면보다 길면 칸 안에서 스크롤. 그보다 좁으면 autochess.css 그대로 게임 아래 한 장 (상태창은 게임 안에) */
.prd-side[hidden] { display: none; }
@media (min-width: 1200px) {
  .arcade .prd-panel { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: var(--sp-5); align-items: start; }
  .arcade .prd-panel .acx-play { padding: var(--sp-4); }
  .arcade .prd-panel .acx-below { position: sticky; top: calc(var(--header-h) + var(--sp-3)); display: flex; flex-direction: column; gap: var(--sp-4);
    max-height: calc(100vh - var(--header-h) - var(--sp-6)); overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
  .arcade .prd-panel .acx-below > * { flex-shrink: 0; }
  .prd-panel .acx-below .ac-pane:not([hidden]) { display: block; }
}
.prd-panel .rules a { color: var(--accent); }