/* Native Joker artwork and count-only opponent fans; no gameplay changes. */
body.v10118-cards #gameStage .opponent-hand {
  display:block !important; position:absolute !important;
  inset:var(--v18-back-y,0px) auto auto var(--v18-back-x,0px) !important;
  width:var(--v18-back-span,0px) !important; height:var(--v18-back-height,0px) !important;
  transform:none !important; z-index:24 !important; opacity:1 !important;
  pointer-events:none !important;
}
body.v10118-cards #gameStage .opponent-hand:empty { display:none !important; }
body.v10118-cards #gameStage .opponent-hand .card-back {
  position:absolute !important; inset:0 auto auto var(--v18-back-offset,0px) !important;
  display:block !important; box-sizing:border-box;
  width:var(--v18-back-width) !important; height:var(--v18-back-height) !important;
  flex:none !important; margin:0 !important; border:1px solid #d1aa5c !important;
  border-radius:3px !important; background-color:#571124 !important;
  background-image:repeating-linear-gradient(45deg,#c1923d22 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,#c1923d22 0 1px,transparent 1px 5px) !important;
  background-size:auto !important; box-shadow:0 2px 5px #0008 !important;
  transform-origin:50% 100% !important;
  transform:translateY(var(--v18-back-arc,0px)) rotate(var(--v18-back-angle,0deg)) !important;
}
body.v10118-cards #gameStage .opponent-hand .card-back::before {
  content:''; position:absolute; inset:2px; border:1px solid #b38c4666; border-radius:1px;
}
body.v10118-cards #gameStage .opponent-hand .card-back::after {
  content:'♠'; position:absolute; inset:0; display:grid; place-items:center;
  color:#e2bf75; font:500 calc(var(--v18-back-height)*.42)/1 Georgia,serif;
}
body.v10118-cards #gameStage .card.joker,
body.v10118-cards #swapModal .card.joker,
body.v10118-cards .play-flight .card.joker {
  background:linear-gradient(145deg,#fffcf2,#e8dfc9) !important;
  border-color:#c6b384 !important; color:#22252c !important;
}
body.v10118-cards .card.joker .corner,
body.v10118-cards #gameStage #playerHand .card.joker .corner {
  top:6% !important; left:7% !important; font:800 clamp(6px,.7vw,10px)/1 Manrope,sans-serif !important;
  writing-mode:vertical-rl; text-orientation:upright; letter-spacing:.035em !important;
  color:#22252c !important;
}
body.v10118-cards .card.joker.red .corner,
body.v10118-cards #gameStage #playerHand .card.joker.red .corner { color:#ae2038 !important; }
body.v10118-cards .card.joker .suit-big,
body.v10118-cards #gameStage #playerHand .card.joker .suit-big {
  position:absolute !important; inset:17% 7% 10% 20% !important;
  width:auto !important; height:auto !important; transform:none !important;
  display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:4%;
  color:#22252c !important; font:800 clamp(6px,.8vw,11px)/1.1 Manrope,sans-serif !important;
}
body.v10118-cards .card.joker.red .suit-big,
body.v10118-cards #gameStage #playerHand .card.joker.red .suit-big { color:#ae2038 !important; }
body.v10118-cards .card.joker .suit-big svg { display:block; width:90%; height:67%; flex:0 1 67%; overflow:visible; }
body.v10118-cards .card.joker .joker-name { display:block; width:100%; white-space:normal; text-align:center; text-transform:none; }
@media (max-height:360px) and (orientation:landscape) {
  body.v10118-cards #gameStage .pile .card.joker .corner { top:4% !important; left:7% !important; font-size:5px !important; }
  body.v10118-cards #gameStage .pile .card.joker .suit-big { font-size:5px !important; }
}