body {
    margin: 0;
    overflow: hidden;
    background-color: #0a0502;
    font-family: 'Inter', sans-serif;
    touch-action: none;
}

.font-cinzel { font-family: 'Playfair Display', serif; }

#game-canvas {
    display: block;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

/* Green Gemstone Button Effect */
.gem-btn-green {
    background: linear-gradient(135deg, #34d399 0%, #059669 50%, #047857 100%);
    box-shadow: 
        inset 2px 2px 5px rgba(255,255,255,0.5), 
        inset -2px -2px 5px rgba(0,0,0,0.5),
        0 0 15px rgba(16, 185, 129, 0.6);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    border: 2px solid #6ee7b7;
}
.gem-btn-green:active {
    box-shadow: 
        inset 2px 2px 5px rgba(0,0,0,0.5), 
        inset -2px -2px 5px rgba(255,255,255,0.2),
        0 0 5px rgba(16, 185, 129, 0.6);
    transform: scale(0.95);
}

.glow-text-gold {
    text-shadow: 0 0 10px rgba(250, 204, 21, 0.8), 0 0 20px rgba(250, 204, 21, 0.4);
}

/* UI Overlays */
#ui-layer {
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;
}