.para-form {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    align-items: flex-end;
}
.para-form .form-group {
    flex: 1 1 200px;
    margin-bottom: 0;
}
.para-gorselleri {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
    padding: 20px 0;
    min-height: 100px;
}

/* 3D Para (Coin) Stili */
.coin {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    perspective: 800px;
    flex-shrink: 0;
}
.coin-inner {
    width: 100%;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.15s cubic-bezier(0.4, 0.0, 0.2, 1);
    border-radius: 50%;
}
.coin.flipping .coin-inner {
    animation: coin-flip 0.15s ease-in-out;
}
.coin.show-yazi .coin-inner {
    transform: rotateY(0deg);
}
.coin.show-tura .coin-inner {
    transform: rotateY(180deg);
}

.coin .front,
.coin .back {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    font-weight: 700;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
    border: 3px solid #d4a017;
    box-sizing: border-box;
}
.coin .front {
    background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);
    color: #8b5e00;
    transform: rotateY(0deg);
    z-index: 2;
}
.coin .back {
    background: linear-gradient(135deg, #a8e063 0%, #56ab2f 100%);
    color: #2d5a1e;
    transform: rotateY(180deg);
}
.coin .front::after {
    content: "Y";
    font-size: 1.6rem;
    font-weight: 800;
}
.coin .back::after {
    content: "T";
    font-size: 1.6rem;
    font-weight: 800;
}

@keyframes coin-flip {
    0%   { transform: rotateY(0deg) scale(1); }
    20%  { transform: rotateY(72deg) scale(1.08); }
    40%  { transform: rotateY(144deg) scale(0.95); }
    60%  { transform: rotateY(216deg) scale(1.05); }
    80%  { transform: rotateY(288deg) scale(0.98); }
    100% { transform: rotateY(360deg) scale(1); }
}

.para-ozet-row { align-items: center; }
.para-ozet-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}
.para-dagilim-tablosu .yazi-simge {
    color: #f6d365;
    font-size: 1.2rem;
    margin-right: 4px;
}
.para-dagilim-tablosu .tura-simge {
    color: #56ab2f;
    font-size: 1.2rem;
    margin-right: 4px;
}
.para-dagilim-tablosu .bar {
    height: 12px;
    border-radius: 6px;
    min-width: 0;
    max-width: 100%;
    transition: width 0.3s ease;
}
.para-dagilim-tablosu .bar-yazi {
    background: linear-gradient(90deg, #f6d365, #fda085);
}
.para-dagilim-tablosu .bar-tura {
    background: linear-gradient(90deg, #a8e063, #56ab2f);
}


@media (max-width: 480px) {
    .coin {
        width: 64px;
        height: 64px;
    }
    .coin .front,
    .coin .back {
        font-size: 1.4rem;
    }
    .coin .front::after,
    .coin .back::after {
        font-size: 1.2rem;
    }
}
/* Layout and distribution use shared components; coin artwork stays unchanged. */
.para-result-card .para-ozet-wrap { flex-wrap: wrap; justify-content: flex-end; }
.para-dagilim-tablosu td:last-child { width: 32%; }
.para-dagilim-tablosu .bar { width: 0; }
#paraDagilim .form-note, #paraDagilim > .btn { margin: 12px 0; }
@media (prefers-reduced-motion: reduce) {
    .coin .coin-inner { animation: none; transition: none; }
    .para-dagilim-tablosu .bar { transition: none; }
}

/* Flatten the chosen face only in export clones: canvas cannot preserve 3D faces. */
:is(.result-actions-image-root, .result-actions-print-root) .coin-inner {
    transform: none;
    transform-style: flat;
    transition: none;
}
:is(.result-actions-image-root, .result-actions-print-root) .coin :is(.front, .back) {
    transform: none;
    backface-visibility: visible;
}
:is(.result-actions-image-root, .result-actions-print-root) .coin.show-tura .front,
:is(.result-actions-image-root, .result-actions-print-root) .coin.show-yazi .back {
    display: none;
}