/* Forty Thieves Styles */
.ft-top-row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 10px 8px;
    flex-wrap: wrap;
}

.ft-spacer { flex: 1; min-width: 10px; }

.ft-foundations {
    display: flex;
    gap: 4px;
}

.ft-tableau {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 4px;
    padding: 10px 6px;
}

#fortythieves-game {
    --syv-card-w: 72px;
    --syv-card-h: 105px;
    --syv-stack-offset: 20px;
}

#fortythieves-game .syvkabale-card,
#fortythieves-game .syvkabale-slot {
    width: var(--syv-card-w);
    height: var(--syv-card-h);
}

#fortythieves-game .syvkabale-card-center { font-size: 24px; }
#fortythieves-game .syvkabale-card-rank { font-size: 13px; }

@media (max-width: 800px) {
    #fortythieves-game { --syv-card-w: 50px; --syv-card-h: 75px; --syv-stack-offset: 16px; }
    #fortythieves-game .syvkabale-card-center { font-size: 16px; }
    #fortythieves-game .syvkabale-card-rank { font-size: 10px; }
    #fortythieves-game .syvkabale-card-suit-small { font-size: 8px; }
    .ft-top-row { gap: 3px; padding: 6px 4px; }
    .ft-foundations { gap: 2px; }
    .ft-tableau { gap: 2px; padding: 6px 3px; }
}

@media (max-width: 500px) {
    #fortythieves-game { --syv-card-w: 36px; --syv-card-h: 54px; --syv-stack-offset: 13px; }
    #fortythieves-game .syvkabale-card-center { font-size: 12px; }
    #fortythieves-game .syvkabale-card-rank { font-size: 9px; }
    #fortythieves-game .syvkabale-card-suit-small { font-size: 7px; }
    #fortythieves-game .syvkabale-card-corner { padding: 2px; }
}