/* Earth Brewery (Universe 1) Styles
   Classic beer brewery theme with amber & blue tones */

/* --- PROGRESSIVE HD LEVELS FOR UNIVERSE 1 --- */

/* HD Level 1 (1 prestige currency): Enhanced colors & glows */
html[data-hd-level="1"] .glass-panel,
html[data-hd-level="1"] .glass-btn {
    background: rgba(20, 30, 50, 0.6) !important;
    border: 1px solid rgba(59, 130, 246, 0.4) !important;
    box-shadow: 0 8px 32px rgba(59, 130, 246, 0.15) inset, 0 0 20px rgba(59, 130, 246, 0.1) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

html[data-hd-level="1"] .glass-btn:hover {
    background: rgba(30, 45, 75, 0.8) !important;
    box-shadow: 0 8px 32px rgba(59, 130, 246, 0.25) inset, 0 0 30px rgba(59, 130, 246, 0.2) !important;
}

/* HD Level 2 (10 prestige currency): Sharp edges, depth, modern glass */
html[data-hd-level="2"] .glass-panel,
html[data-hd-level="2"] .glass-btn {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.8), rgba(30, 41, 59, 0.6)) !important;
    border: 1.5px solid rgba(59, 130, 246, 0.6) !important;
    box-shadow: 
        0 20px 60px rgba(59, 130, 246, 0.2),
        0 0 40px rgba(59, 130, 246, 0.15) inset,
        inset -1px -1px 10px rgba(255, 255, 255, 0.05) !important;
    backdrop-filter: blur(20px) !important;
    transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
}

html[data-hd-level="2"] .glass-btn:hover {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.9), rgba(51, 65, 85, 0.8)) !important;
    box-shadow: 
        0 30px 80px rgba(59, 130, 246, 0.3),
        0 0 60px rgba(59, 130, 246, 0.25) inset,
        inset -1px -1px 15px rgba(255, 255, 255, 0.1) !important;
    transform: translateY(-2px) !important;
}

html[data-hd-level="2"] .money-display,
html[data-hd-level="2"] #money-display {
    text-shadow: 
        0 0 10px rgba(251, 191, 36, 0.5),
        0 0 20px rgba(245, 158, 11, 0.3) !important;
    letter-spacing: -0.02em !important;
}

html[data-hd-level="2"] .counter-text {
    font-weight: 800 !important;
    font-feature-settings: "tnum" 1 !important;
}

html[data-hd-level="2"] .beer-glass-container {
    filter: drop-shadow(0 0 30px rgba(251, 191, 36, 0.4)) !important;
}

/* HD Level 3+ (100+ prestige currency): Ultra-realistic, photorealistic UI */
html[data-hd-level="3"] .glass-panel,
html[data-hd-level="3"] .glass-btn {
    background: linear-gradient(135deg, rgba(10, 15, 30, 0.9), rgba(20, 30, 50, 0.75)) !important;
    border: 2px solid rgba(59, 130, 246, 0.8) !important;
    box-shadow: 
        0 40px 100px rgba(30, 64, 175, 0.4),
        0 0 60px rgba(59, 130, 246, 0.2) inset,
        inset -2px -2px 20px rgba(255, 255, 255, 0.08),
        inset 2px 2px 20px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(40px) !important;
    transition: all 0.15s cubic-bezier(0.4, 0.0, 0.2, 1) !important;
}

html[data-hd-level="3"] .glass-btn:hover {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.95), rgba(51, 65, 85, 0.85)) !important;
    box-shadow: 
        0 50px 120px rgba(30, 64, 175, 0.5),
        0 0 80px rgba(59, 130, 246, 0.3) inset,
        inset -2px -2px 25px rgba(255, 255, 255, 0.12),
        inset 2px 2px 25px rgba(0, 0, 0, 0.6) !important;
    transform: translateY(-3px) !important;
}

html[data-hd-level="3"] .money-display,
html[data-hd-level="3"] #money-display {
    text-shadow: 
        0 0 20px rgba(251, 191, 36, 0.7),
        0 0 40px rgba(245, 158, 11, 0.5),
        0 2px 4px rgba(0, 0, 0, 0.8) !important;
    letter-spacing: -0.03em !important;
    font-weight: 900 !important;
}

html[data-hd-level="3"] .counter-text {
    font-weight: 900 !important;
    font-feature-settings: "tnum" 1 !important;
    font-variant-numeric: tabular-nums !important;
}

html[data-hd-level="3"] .beer-glass-container {
    filter: drop-shadow(0 0 50px rgba(251, 191, 36, 0.6)) drop-shadow(0 10px 30px rgba(0, 0, 0, 0.4)) !important;
}

html[data-hd-level="3"] .glass-panel {
    border-radius: 20px !important;
}

html[data-hd-level="3"] .glass-btn {
    border-radius: 14px !important;
}