/* --- Game Mode Picker --- */
.game-mode-picker-container { perspective: 1500px; display: flex; justify-content: center; align-items: center; gap: 1rem; width: 100%; min-height: 480px; position: relative; }
@media (max-width: 639px) { .game-mode-picker-container { min-height: 320px; gap: 0.5rem; } }
.game-mode-card { position: absolute; width: 280px; height: 420px; padding: 1.5rem; border-radius: 0.75rem; cursor: pointer; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; transform-style: preserve-3d; overflow: hidden; background: rgba(1, 4, 9, 0.6); backdrop-filter: blur(8px) saturate(120%); transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s ease, border-color 0.6s ease; will-change: transform, opacity; }
@media (max-width: 639px) {
    .game-mode-card {
        width: 192px;
        height: 280px;
        padding: 1rem;
    }
    .game-mode-card-icon { font-size: 3.5rem !important; margin-bottom: 0.5rem !important; }
    .game-mode-card.active .game-mode-card-content { transform: translateY(-8px) !important; }
    .game-mode-card.active .game-mode-card-desc { max-height: 70px !important; margin-top: 0.5rem !important; }
}
.game-mode-picker-container.is-loading .game-mode-card { opacity: 0; transform: translateY(40px) !important; }
.game-mode-picker-container.standard-active .game-mode-card[data-mode="standard"] { transform: scale(1) rotateY(0) translateX(0); z-index: 10; } .game-mode-picker-container.standard-active .game-mode-card[data-mode="highStakes"] { transform: scale(0.85) rotateY(-35deg) translateX(100%); z-index: 5; } .game-mode-picker-container.standard-active .game-mode-card[data-mode="blitz"] { transform: scale(0.7) rotateY(-35deg) translateX(200%); opacity: 0; z-index: 1; }
.game-mode-picker-container.highStakes-active .game-mode-card[data-mode="standard"] { transform: scale(0.85) rotateY(35deg) translateX(-100%); z-index: 5; } .game-mode-picker-container.highStakes-active .game-mode-card[data-mode="highStakes"] { transform: scale(1) rotateY(0) translateX(0); z-index: 10; } .game-mode-picker-container.highStakes-active .game-mode-card[data-mode="blitz"] { transform: scale(0.85) rotateY(-35deg) translateX(100%); z-index: 5; }
.game-mode-picker-container.blitz-active .game-mode-card[data-mode="standard"] { transform: scale(0.7) rotateY(35deg) translateX(-200%); opacity: 0; z-index: 1; } .game-mode-picker-container.blitz-active .game-mode-card[data-mode="highStakes"] { transform: scale(0.85) rotateY(35deg) translateX(-100%); z-index: 5; } .game-mode-picker-container.blitz-active .game-mode-card[data-mode="blitz"] { transform: scale(1) rotateY(0) translateX(0); z-index: 10; }
@media (max-width: 639px) {
    .game-mode-picker-container.standard-active .game-mode-card[data-mode="highStakes"] { transform: scale(0.85) rotateY(-35deg) translateX(80%); }
    .game-mode-picker-container.standard-active .game-mode-card[data-mode="blitz"] { transform: scale(0.7) rotateY(-35deg) translateX(160%); }
    .game-mode-picker-container.highStakes-active .game-mode-card[data-mode="standard"] { transform: scale(0.85) rotateY(35deg) translateX(-80%); }
    .game-mode-picker-container.highStakes-active .game-mode-card[data-mode="blitz"] { transform: scale(0.85) rotateY(-35deg) translateX(80%); }
    .game-mode-picker-container.blitz-active .game-mode-card[data-mode="standard"] { transform: scale(0.7) rotateY(35deg) translateX(-160%); }
    .game-mode-picker-container.blitz-active .game-mode-card[data-mode="highStakes"] { transform: scale(0.85) rotateY(35deg) translateX(-80%); }
}
.game-mode-card-content { position: relative; z-index: 1; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); } .game-mode-card-icon { font-size: 5rem; line-height: 1; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); text-shadow: 0 0 20px currentColor; margin-bottom: 0.5rem; }
.game-mode-card-desc { position: relative; z-index: 1; max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s 0.2s ease; font-size: 0.875rem; color: var(--text-dark); }
.game-mode-card.active { box-shadow: 0 0 30px -5px currentColor, 0 0 60px -15px currentColor; } .game-mode-card.active .game-mode-card-content { transform: translateY(-15px); } .game-mode-card.active .game-mode-card-icon { transform: scale(1.2); } .game-mode-card.active .game-mode-card-desc { max-height: 100px; opacity: 1; margin-top: 1rem; }
.game-mode-standard { background: radial-gradient(circle, rgba(0, 229, 255, 0.05) 0%, transparent 80%), rgba(1, 4, 9, 0.7); border: 2px solid var(--panel-border); }
.game-mode-standard.active { border-color: var(--accent-cyan); background: rgba(0, 229, 255, 0.15); }
.game-mode-standard .game-mode-card-icon { color: var(--accent-cyan); }
.game-mode-highStakes { background: radial-gradient(circle, rgba(255, 215, 0, 0.05) 0%, transparent 80%), rgba(1, 4, 9, 0.7); border: 2px solid rgba(255, 215, 0, 0.2); }
.game-mode-highStakes.active { border-color: var(--accent-gold); background: rgba(255, 215, 0, 0.15); }
.game-mode-highStakes .game-mode-card-icon { color: var(--accent-gold); }
.game-mode-blitz { background: radial-gradient(circle, rgba(255, 140, 0, 0.08) 0%, transparent 80%), rgba(1, 4, 9, 0.7); border: 2px solid rgba(255, 140, 0, 0.25); }
.game-mode-blitz.active { border-color: var(--accent-blitz-orange); background: rgba(255, 140, 0, 0.2); }
.game-mode-blitz .game-mode-card-icon { color: var(--accent-blitz-orange); }