body { 
            margin: 0; 
            overflow: hidden; 
            background-color: #8b5a2b;
            font-family: 'Fredoka', sans-serif;
            user-select: none;
        }
        
        .text-outline {
            text-shadow: 
                -2px -2px 0 #000,  
                 2px -2px 0 #000,
                -2px  2px 0 #000,
                 2px  2px 0 #000,
                 0px  3px 0 #000;
        }
        .text-outline-sm {
            text-shadow: 
                -1px -1px 0 #000,  
                 1px -1px 0 #000,
                -1px  1px 0 #000,
                 1px  1px 0 #000;
        }

        .wood-panel {
            background: linear-gradient(180deg, #c18a54 0%, #a67341 100%);
            border-color: #5c3a21;
        }
        .wood-dark { background: #4a2e12; }

        canvas { 
            background-color: #84cc16;
            cursor: crosshair;
            box-shadow: inset 0 0 50px rgba(0,0,0,0.3);
        }

        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #5c3a21; }
        ::-webkit-scrollbar-thumb { background: #8b5a2b; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #c18a54; }

        .tier-dot {
            width: 12px; height: 12px;
            border-radius: 50%;
            border: 2px solid #27272a;
            background-color: #52525b;
            box-shadow: inset 0 2px 2px rgba(0,0,0,0.5);
        }
        .tier-dot.active {
            background-color: #84cc16;
            box-shadow: inset 0 2px 2px #bef264, 0 0 5px #84cc16;
        }
        
        /* Effet visuel pour le bouton Parangon */
        .paragon-glow {
            animation: pulse-paragon 2s infinite alternate;
        }
        @keyframes pulse-paragon {
            0% { box-shadow: 0 0 10px rgba(168,85,247,0.5); }
            100% { box-shadow: 0 0 25px rgba(168,85,247,1); }
        }

        /* Style pour la grille d'aventure (style ciel bleu) */
        .adv-bg {
            background: radial-gradient(circle at center bottom, #60a5fa 0%, #38bdf8 50%, #0284c7 100%);
        }
        .adv-level-btn {
            background: linear-gradient(180deg, #e0f2fe 0%, #bae6fd 100%);
            box-shadow: 0 6px 0 #38bdf8, 0 10px 15px rgba(0,0,0,0.3);
        }
        .adv-level-btn:active {
            box-shadow: 0 0px 0 #38bdf8, 0 2px 5px rgba(0,0,0,0.3);
            transform: translateY(6px);
        }
        .adv-level-btn.locked {
            background: linear-gradient(180deg, #64748b 0%, #475569 100%);
            box-shadow: 0 6px 0 #334155, 0 10px 15px rgba(0,0,0,0.3);
            opacity: 0.8;
            cursor: not-allowed;
        }
        .adv-level-btn.locked:active {
            box-shadow: 0 6px 0 #334155, 0 10px 15px rgba(0,0,0,0.3);
            transform: none;
        }