/* ======================================================
   Maça Kızı: ortak löve masası (kozlu.css) ve King masa parçaları (king.css) üzerine kart verme seçimi,
   "Yeni" işareti, yön ve kupa durumu. Bekleme odası mp-room.css, ortak maç sonu game.css içindedir.
   ====================================================== */
.mk-layout { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.mk-layout[hidden] { display: none !important; }

.mk-pass-info { border-color: var(--p-mustard); font-weight: 600; }
.mk-pass-info[data-dir="none"] { border-color: rgba(229, 169, 59, .22); color: var(--p-sage); font-weight: 500; }
.mk-hearts[data-open="1"] { border-color: #e0786a; color: #ffd9d4; }
.mk-hearts[data-open="0"] { color: var(--p-sage); }

/* Kart verme paneli */
.mk-pass { gap: 10px; }
.mk-pass .kz-panel-title { display: flex; align-items: center; justify-content: center; gap: 10px; }
.mk-arrow { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--p-mustard); color: var(--p-brown); font-size: 24px; line-height: 1; }
.mk-pass-btn { width: 100%; min-height: 46px; }
.mk-pass-btn[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }

/* Seçilen kartlar belirgin: yukarı kalkar ve altın çerçeve alır; onaydan sonra kilitli kalır. */
.kz-hand .kz-card.is-picked { transform: translateY(-18px); box-shadow: 0 0 0 3px var(--p-mustard), 0 10px 18px rgba(0, 0, 0, .45); z-index: 3; }
.kz-hand .kz-card.is-picked:hover { transform: translateY(-20px); }
/* Aktarımda gelen kartlar kısa süre "Yeni" işaretiyle görünür. */
.kz-hand .kz-card.is-fresh { position: relative; box-shadow: 0 0 0 3px #86d7a6, 0 0 18px rgba(134, 215, 166, .55); }
.kz-hand .kz-card.is-fresh::after {
    content: "Yeni";
    position: absolute;
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    padding: 1px 7px;
    border-radius: 999px;
    background: #86d7a6;
    color: #0d2a19;
    font: 800 11px/1.4 var(--sans);
    pointer-events: none;
}
.kz-hand.is-locked .kz-card:not(.is-picked) { cursor: default; }

/* Durum satırı boşken de dolu yüksekliğini tutar: mesaj gelince masa küçülmez. */
.mk-layout .pg-status { line-height: 22px; min-height: 28px; }

/* Araç ve ipucu satırı: yüksekliği ayrılmıştır, mesajlar masayı oynatmaz. */
.mk-tools { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 10px; min-height: 3em; }
.mk-sort { min-height: 40px; padding: 4px 14px; font-size: 14px; }
.mk-tools .kz-hint { margin: 0; text-align: left; }
@media (max-width: 600px) {
    .mk-tools { grid-template-columns: 1fr; justify-items: center; }
    .mk-tools .kz-hint { text-align: center; }
    .kz-hand .kz-card.is-picked { transform: translateY(-10px); }
}
@media (prefers-reduced-motion: reduce) {
    .kz-hand .kz-card.is-picked, .kz-hand .kz-card.is-picked:hover { transform: none; }
}