/* CARD SKIN: Royal — Nền xanh đêm, chữ vàng sang trọng */

body.card-royal .card:not(.hidden) {
    background: linear-gradient(160deg, #0a1428 0%, #060e1e 100%) !important;
    border: 1px solid rgba(190,155,55,0.35) !important;
    color-scheme: dark !important;
    box-shadow:
        1px 3px 12px rgba(0,0,0,0.9),
        inset 0 0 12px rgba(180,145,50,0.05),
        inset 0 1px 0 rgba(200,165,60,0.1) !important;
}

body.card-royal .card:not(.hidden) .corner {
    color: #d4a820 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.8) !important;
    font-weight: 900 !important;
}

body.card-royal .card.red:not(.hidden) .corner {
    color: #e85555 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.8) !important;
}

body.card-royal .card:not(.hidden) .suit-center {
    color: #d4a820 !important;
    opacity: 0.1 !important;
}

body.card-royal .card.red:not(.hidden) .suit-center {
    color: #e85555 !important;
    opacity: 0.11 !important;
}

body.card-royal .card.hidden {
    background:
        repeating-linear-gradient(45deg,
            rgba(180,145,50,0.05) 0px, rgba(180,145,50,0.05) 2px,
            transparent 2px, transparent 8px),
        linear-gradient(155deg, #0e1832 0%, #070e20 100%) !important;
    border: 1px solid rgba(190,155,55,0.3) !important;
    box-shadow:
        0 0 12px rgba(180,145,50,0.08),
        inset 0 0 18px rgba(0,0,0,0.5) !important;
}

body.card-royal .card.hidden::after {
    color: rgba(200,165,60,0.35) !important;
}

body.card-royal .tl-fan-card.tl-selected {
    box-shadow:
        0 0 0 2.5px #d4a820,
        0 0 12px rgba(212,168,32,0.4),
        0 16px 32px rgba(0,0,0,0.85) !important;
}

@media (prefers-color-scheme: dark) {
    body.card-royal .card:not(.hidden) {
        background: linear-gradient(160deg, #0a1428 0%, #060e1e 100%) !important;
        border-color: rgba(190,155,55,0.35) !important;
        color: #d4a820 !important;
    }
}