/* Chinese V3 draw artboards. All English geometry and controllers are retained. */
.draw-v3-heading-art, .draw-v3-heading-en { display: none; }
body:not([data-locale="en"]) [data-draw-v3="heart"] .draw-v3-heading-original { display: none; }
body:not([data-locale="en"]) [data-draw-v3="heart"] .draw-v3-heading-art { display: block; }
body[data-locale="en"] [data-draw-v3] .draw-v3-heading-zh { display: none; }
body[data-locale="en"] [data-draw-v3] .draw-v3-heading-en { display: block; }

body:not([data-locale="en"]) [data-draw-v3] {
  height: 51.5625vw;
  min-height: 620px;
}
body:not([data-locale="en"]) [data-draw-v3="free"] .design-title {
  left: 24.665%; top: 3.2%; width: 52.167%;
}
body:not([data-locale="en"]) [data-draw-v3="heart"] .design-title {
  left: 23.83%; top: 4.7%; width: 52.344%;
}
body:not([data-locale="en"]) [data-draw-v3] .card-rail {
  top: 6.35%; bottom: 5.8%; width: 8.8%;
}
body:not([data-locale="en"]) [data-draw-v3="free"] .card-rail-left { left: 9.18%; }
body:not([data-locale="en"]) [data-draw-v3="free"] .card-rail-right { right: 7.99%; }
body:not([data-locale="en"]) [data-draw-v3="heart"] .card-rail { top: 7.3%; bottom: 6.1%; width: 8.9%; }
body:not([data-locale="en"]) [data-draw-v3="heart"] .card-rail-left { left: 7.28%; }
body:not([data-locale="en"]) [data-draw-v3="heart"] .card-rail-right { right: 7.2%; }
/* Trim only the scan's white paper margin; keep the supplied gold cover border. */
body:not([data-locale="en"]) [data-draw-v3="heart"] .card-art { overflow: hidden; }
body:not([data-locale="en"]) [data-draw-v3="heart"] .card-art > img { transform: scale(1.025); }
body:not([data-locale="en"]) [data-draw-v3="free"] .intuition { top: 74.6%; }
body:not([data-locale="en"]) [data-draw-v3="heart"] .intuition { top: 65.2%; }
body:not([data-locale="en"]) [data-draw-v3] .deck-hint { top: 78.5%; }
body:not([data-locale="en"]) [data-draw-v3] .deck-tools { top: 81.5%; }
body:not([data-locale="en"]) [data-draw-v3] .series-signature { bottom: 4%; }
body:not([data-locale="en"]) [data-draw-v3] :is(.feather-toggle, .heart-cloud-toggle, .walker-toggle) { position: absolute; }

@media (max-width: 767px) {
  body:not([data-locale="en"]) [data-draw-v3] {
    --draw-fan-top: 31.7%;
    height: 177.6544vw;
    min-height: 610px;
  }
  body:not([data-locale="en"]) [data-draw-v3="heart"] { --draw-fan-top: 34%; }
  body:not([data-locale="en"]) [data-draw-v3="free"] .design-title {
    left: 9.606%; top: 7.348%; width: 80.819%;
  }
  body:not([data-locale="en"]) [data-draw-v3="heart"] .design-title {
    left: 8.8%; top: 10.45%; width: 82.4%;
  }
  body:not([data-locale="en"]) [data-draw-v3] .card-rail-left {
    left: 0; right: 0; top: var(--draw-fan-top); bottom: auto;
    width: 100%; height: 58.2vw;
  }
  /* The controller's 37.3% card width is preserved, including its swipe math. */
  body:not([data-locale="en"]) [data-draw-v3] .card-rail-left .card-slot { width: 37.3%; }
  body:not([data-locale="en"]) [data-draw-v3] .deck-hint {
    top: calc(var(--draw-fan-top) + 60vw + 8px);
    font-size: clamp(10px, 2.5vw, 14px); max-width: 94%;
  }
  body:not([data-locale="en"]) [data-draw-v3] .deck-tools {
    top: calc(var(--draw-fan-top) + 60vw + 34px);
    width: max-content; max-width: 94%;
  }
  body:not([data-locale="en"]) [data-draw-v3] .intuition {
    top: max(77%, calc(var(--draw-fan-top) + 60vw + 94px));
    font-size: clamp(13px, 3.125vw, 24px);
  }
  body:not([data-locale="en"]) [data-draw-v3] .series-signature {
    top: max(85.3%, calc(var(--draw-fan-top) + 60vw + 128px)); bottom: auto;
  }
  body:not([data-locale="en"]) [data-draw-v3] :is(.feather-toggle, .heart-cloud-toggle, .walker-toggle) {
    bottom: 8px; right: 12px; min-height: 40px; padding: 8px 10px;
    font-size: 10px; letter-spacing: .03em;
  }
  body:not([data-locale="en"]) [data-draw-v3] .heart-cloud-toggle { right: 112px; }
}