/* ======================================================
   Pişti'ye özgü: masanın ortasındaki yer yığını ve pişti vurgusu.
   Ortak masa, kart ve arayüz stilleri game.css içindedir.
   ====================================================== */
/* ---------- Yer ---------- */
.pg-floor-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.pg-floor {
    position: relative;
    width: calc(var(--cw) * 1.35);
    height: calc(var(--ch) * 1.1);
    display: grid;
    place-items: center;
    border-radius: calc(var(--radius) * 2);
}
.pg-floor-under, .pg-floor-top {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: calc(var(--ch) / -2) 0 0 calc(var(--cw) / -2);
}
.pg-floor-under { transform: translate(calc(var(--i) * -4px), calc(var(--i) * -3px)) rotate(calc(var(--i) * -3deg)); }
.pg-floor-top { transform: rotate(2deg); }
.pg-floor-empty {
    width: var(--cw);
    height: var(--ch);
    display: grid;
    place-items: center;
    border: 2px dashed rgba(195, 210, 189, .3);
    border-radius: var(--radius);
    color: var(--p-sage-dim);
    font-size: 12.5px;
    text-align: center;
}
.pg-floor-count {
    padding: 3px 12px;
    border-radius: 999px;
    background: rgba(0,0,0,.32);
    color: var(--p-cream);
    font-size: 13px;
    font-weight: 500;
}
.pg-floor.is-pisti::after {
    content: "PİŞTİ!";
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 4px 12px;
    border-radius: 999px;
    background: var(--p-mustard);
    color: var(--p-brown);
    font: 700 14px/1 var(--sans);
    letter-spacing: .08em;
    animation: pisti-pop .9s ease both;
    z-index: 3;
}
.pg-floor.is-pisti .pg-floor-top .pc-face { animation: pisti-glow .9s ease both; }
@keyframes pisti-pop {
    0% { opacity: 0; transform: translate(-50%, 6px) scale(.8); }
    20% { opacity: 1; transform: translate(-50%, 0) scale(1.08); }
    80% { opacity: 1; transform: translate(-50%, 0) scale(1); }
    100% { opacity: 0; transform: translate(-50%, -4px) scale(1); }
}
@keyframes pisti-glow {
    0%, 100% { box-shadow: 0 0 0 1px rgba(0,0,0,.18), 0 3px 8px rgba(0,0,0,.35); }
    30% { box-shadow: 0 0 0 3px var(--p-mustard), 0 0 24px rgba(229,169,59,.7); }
}

@media (max-width: 520px) and (max-height: 760px) {
    .pg-floor-wrap { gap: 6px; }
}