/* ============================================================
   MODERN FANTASY THEME — CHESS KINGDOM V2
   Core Design Tokens, Glassmorphism, RPG Borders & Keyframes
   ============================================================ */

:root {
    /* Royal Fantasy Colors */
    --rpg-bg-deep: #0D0B1C;
    --rpg-bg-card: rgba(22, 18, 44, 0.78);
    --rpg-bg-card-hover: rgba(35, 29, 68, 0.9);
    --rpg-bg-glass: rgba(255, 255, 255, 0.08);
    --rpg-bg-glass-active: rgba(255, 255, 255, 0.16);

    /* Borders & Outlines */
    --rpg-border-subtle: rgba(255, 255, 255, 0.14);
    --rpg-border-gold: rgba(255, 215, 0, 0.5);
    --rpg-border-purple: rgba(168, 85, 247, 0.45);
    --rpg-border-cyan: rgba(56, 189, 248, 0.45);

    /* Gold / Legendary Tiers */
    --rpg-gold: #FFD700;
    --rpg-gold-light: #FFE873;
    --rpg-gold-dark: #D4AF37;
    --rpg-gold-gradient: linear-gradient(135deg, #FFE57F 0%, #FFC107 50%, #FFA000 100%);
    --rpg-gold-glow: 0 0 20px rgba(255, 215, 0, 0.5);

    /* Magic Purple / Arcane */
    --rpg-arcane: #A855F7;
    --rpg-arcane-light: #C084FC;
    --rpg-arcane-gradient: linear-gradient(135deg, #A855F7 0%, #7E22CE 100%);
    --rpg-arcane-glow: 0 0 20px rgba(168, 85, 247, 0.5);

    /* Cyan / Cosmic */
    --rpg-cyan: #38BDF8;
    --rpg-cyan-gradient: linear-gradient(135deg, #38BDF8 0%, #0284C7 100%);
    --rpg-cyan-glow: 0 0 18px rgba(56, 189, 248, 0.45);

    /* Emerald / Victory */
    --rpg-emerald: #10B981;
    --rpg-emerald-gradient: linear-gradient(135deg, #34D399 0%, #059669 100%);
    --rpg-emerald-glow: 0 0 18px rgba(16, 185, 129, 0.45);

    /* 4 Tower Tiers (Realms) */
    --realm-bronze: #CD7F32;
    --realm-bronze-gradient: linear-gradient(135deg, #D97706, #78350F);
    --realm-bronze-glow: 0 0 15px rgba(205, 127, 50, 0.45);

    --realm-silver: #94A3B8;
    --realm-silver-gradient: linear-gradient(135deg, #CBD5E1, #475569);
    --realm-silver-glow: 0 0 15px rgba(148, 163, 184, 0.45);

    --realm-gold: #F59E0B;
    --realm-gold-gradient: linear-gradient(135deg, #FBBF24, #B45309);
    --realm-gold-glow: 0 0 20px rgba(245, 158, 11, 0.55);

    --realm-diamond: #38BDF8;
    --realm-diamond-gradient: linear-gradient(135deg, #67E8F9 0%, #2563EB 50%, #7C3AED 100%);
    --realm-diamond-glow: 0 0 25px rgba(56, 189, 248, 0.65);

    /* Shadows & Depths */
    --rpg-shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
    --rpg-shadow-elevated: 0 16px 48px rgba(0, 0, 0, 0.6);
    --rpg-blur: blur(14px);
}

/* Base Utility Classes */
.rpg-glass-panel {
    background: var(--rpg-bg-card);
    backdrop-filter: var(--rpg-blur);
    -webkit-backdrop-filter: var(--rpg-blur);
    border: 1px solid var(--rpg-border-subtle);
    border-radius: 18px;
    box-shadow: var(--rpg-shadow-card);
}

.rpg-gold-badge {
    background: var(--rpg-gold-gradient);
    color: #381A00;
    font-weight: 800;
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(255, 193, 7, 0.4);
}

/* Animations */
@keyframes rpgFloatGlow {
    0%, 100% {
        transform: translateY(0);
        filter: drop-shadow(0 4px 12px rgba(255, 215, 0, 0.3));
    }
    50% {
        transform: translateY(-5px);
        filter: drop-shadow(0 10px 24px rgba(255, 215, 0, 0.6));
    }
}

@keyframes rpgPulseRune {
    0%, 100% {
        opacity: 0.7;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(1.05);
    }
}

@keyframes rpgShimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

@keyframes rpgPortalSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes chestWiggle {
    0%, 85%, 100% { transform: rotate(0deg) scale(1); }
    88% { transform: rotate(-8deg) scale(1.1); }
    92% { transform: rotate(8deg) scale(1.1); }
    96% { transform: rotate(-4deg) scale(1.1); }
}