/* The reference page uses the same complete turns in both presentations. */
#meklane-site .pouch-card.art-pouch-card { display: block; }
#meklane-site .art-pouch-card .pouch-drawing { position: relative; height: 300px; padding: 12px; background: #f4f8fc; border-radius: 10px; }
#meklane-site .art-pouch-card .art-pouch-render,
#meklane-site .art-pouch-card .art-pouch-turn { display: block; width: 100%; height: 100%; object-fit: contain; margin: auto; mix-blend-mode: multiply; }
#meklane-site .art-pouch-card .art-pouch-turn { position: absolute; inset: 12px; width: calc(100% - 24px); height: calc(100% - 24px); }
#meklane-site .art-pouch-card .pouch-drawing svg { position: absolute; right: 8%; bottom: 8%; width: 80px; height: 100px; background: #ffffffe0; border: 1px solid #dce5f2; border-radius: 10px; padding: 10px; }
#meklane-site .art-pouch-card [hidden] { display: none !important; }
#meklane-site .art-pouch-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 18px 0 24px; }
#meklane-site .art-pouch-controls button { font: inherit; font-size: 13px; min-height: 44px; padding: 10px 14px; border: 1px solid #dce1e8; border-radius: 24px; background: #fff; color: #294263; cursor: pointer; }
#meklane-site .art-pouch-controls button[aria-pressed=true] { color: #fff; background: #2458d8; border-color: #2458d8; }
#meklane-site .art-pouch-controls button:focus-visible { outline: 3px solid #2458d8; outline-offset: 3px; }
#meklane-site .art-pouch-controls .art-pouch-rotate { color: #2458d8; background: #edf3ff; }
#meklane-site .art-pouch-status { color: #657080; font-size: 12px; margin-left: auto; }
@media(max-width:480px) {
  #meklane-site .art-pouch-card .pouch-drawing { height: 260px; }
  #meklane-site .art-pouch-card .pouch-drawing svg { width: 64px; height: 82px; }
  #meklane-site .art-pouch-controls button { padding: 10px 12px; }
  #meklane-site .art-pouch-status { width: 100%; margin-left: 4px; }
}