/* Card examples reuse the exact face assets displayed by script.js in the game. */
.game-pokdeng[data-club-page="rules"] .pk-rule-card {
  display:block;width:64px;height:auto;aspect-ratio:167 / 243;object-fit:contain;
  border-radius:5px;filter:drop-shadow(0 5px 4px #0003);
}
.game-pokdeng[data-club-page="rules"] .club-example-cards { gap:12px;flex-wrap:wrap; }
.game-pokdeng[data-club-page="rules"] .club-example-cards .pk-rule-card { width:82px;height:auto; }
.game-pokdeng[data-club-page="rules"] .club-example-equals { padding:0;font-size:26px; }
.game-pokdeng[data-club-page="rules"] .pk-rules-art { flex-direction:column; }
.game-pokdeng[data-club-page="rules"] .pk-card-fan {
  display:flex;align-items:center;justify-content:center;min-height:255px;padding:16px 25px;
}
.game-pokdeng[data-club-page="rules"] .pk-card-fan .pk-rule-card {
  width:144px;height:auto;transform:rotate(-12deg);filter:drop-shadow(0 12px 12px #0004);
}
.game-pokdeng[data-club-page="rules"] .pk-card-fan .pk-rule-card+img { margin-left:-36px;transform:translateY(-8px) rotate(12deg); }
.game-pokdeng[data-club-page="rules"] .pk-hand-example {
  margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--club-line);
}
.game-pokdeng[data-club-page="rules"] .pk-rule-hand {
  display:flex;align-items:center;gap:8px;min-width:0;
}
.game-pokdeng[data-club-page="rules"] .pk-rule-result {
  display:flex;flex-direction:column;align-items:center;gap:2px;margin-left:auto;min-width:54px;
  color:var(--club-accent);text-align:center;
}
.game-pokdeng[data-club-page="rules"] .pk-rule-result b { font:600 26px/1.2 Club,sans-serif; }
.game-pokdeng[data-club-page="rules"] .pk-rule-result small { font-size:10px;white-space:nowrap; }
.game-pokdeng[data-club-page="rules"] .pk-hand-example figcaption {
  margin-top:13px;color:var(--club-muted);font:400 12px/1.8 Club,sans-serif;
}
.game-pokdeng[data-club-page="rules"] .pk-card-values {
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:20px;
}
.game-pokdeng[data-club-page="rules"] .pk-card-values figure { margin:0;min-width:0;text-align:center; }
.game-pokdeng[data-club-page="rules"] .pk-card-values .pk-rule-card { width:100%;max-width:56px;margin:auto; }
.game-pokdeng[data-club-page="rules"] .pk-card-values figcaption { margin-top:7px;font-size:11px;color:var(--club-accent); }
@media(max-width:600px) {
 .game-pokdeng[data-club-page="rules"] .pk-rules-art {
   display:flex;position:relative;inset:auto;opacity:1;width:100%;z-index:auto;pointer-events:none;
 }
 .game-pokdeng[data-club-page="rules"] .pk-card-fan { min-height:190px;padding:12px 20px; }
 .game-pokdeng[data-club-page="rules"] .pk-card-fan .pk-rule-card { width:108px; }
 .game-pokdeng[data-club-page="rules"] .pk-rules-art small { display:block;text-align:center; }
 .game-pokdeng[data-club-page="rules"] .club-example-cards { gap:10px; }
 .game-pokdeng[data-club-page="rules"] .club-example-cards .pk-rule-card { width:64px; }
 .game-pokdeng[data-club-page="rules"] .pk-rule-card { width:56px; }
}
@media(max-width:380px) {
 .game-pokdeng[data-club-page="rules"] .pk-rule-card { width:48px; }
 .game-pokdeng[data-club-page="rules"] .pk-rule-hand { gap:6px; }
 .game-pokdeng[data-club-page="rules"] .pk-rule-result { min-width:49px; }
 .game-pokdeng[data-club-page="rules"] .pk-card-values { gap:5px; }
}