/* =========================================================================
   gameManager/MTG/opponent.css — the OPPONENT'S mirrored side of the table.
   Opponent zones mirror the player zones with an 'o' prefix and are flipped
   with scale(-1) / scaleY(-1) scaleX(-1) transforms.
   These rules used to be inline styles in index.php — values are unchanged,
   only moved here. Base .card-area / .exile-zone rules come from player.css;
   the ID rules below override where the opponent side differs.
   ========================================================================= */

/* ---------- Opponent hand area ---------- */
#oCardAreaHidden { background: #f0f0f0; z-index: 2; top: 2vh; height: 12vh; }
#oCardArea { top: 2vh; height: 12vh; }
#oInnerCardArea {
    transform: scaleY(-.7) scaleX(-.7);
    position: relative;
    top: 12vh;
}

/* ---------- Opponent deck ---------- */
#oDrawCardArea { height: 100%; float: left; margin-right: 5px; position: relative; }
#oDrawCardArea > img { max-height: 90%; margin-top: 8%; transform: scaleY(-1) scaleX(-1); }

/* ---------- Opponent battlefield zones (mirrored) ---------- */
#oLandArea { position: fixed; top: 3vh; left: 25%; right: 25%; height: 18vh; z-index: 0; transform: scaleY(-1) scaleX(-1); }
#oCreatureArea { position: fixed; bottom: 50%; left: 0; right: 0; height: 18vh; z-index: 0; transform: scaleY(-1) scaleX(-1); }
#oBattleArea { position: fixed; top: 31vh; left: 0; height: 20vh; z-index: 1; transform: scale(-1); }
#oEnchantArea { position: fixed; top: 16vh; left: 0; height: 20vh; z-index: 1; transform: scale(-1); }
#oPlaneswalkerArea { position: fixed; top: 31vh; right: 0; height: 20vh; z-index: 1; transform: scale(-1); }
#oArtifactArea { position: fixed; top: 16vh; right: 0; height: 20vh; z-index: 1; transform: scale(-1); }

/* ---------- Opponent graveyard ---------- */
#oGraveyardAreaContainer {
    position: fixed;
    top: 1vh;
    right: 6px;
    z-index: 2;
    height: 14vh;
    transform: scaleY(-1) scaleX(-1);
}
#oGraveyardArea { height: 100%; float: left; }

/* ---------- Opponent exile ---------- */
#oExileAreaContainer {
    left: unset;
    right: 6px;
    bottom: 50%;
    transform: scale(-1);
    top: unset;
}
#oExileArea {
    height: 100%;
    float: right;
    width: 100%;
    text-align: center;
    color: white;
    background-color: #a4a4a4;
    line-height: 122px;
}