.cartomancie-widget-container{display:flex;justify-content:center;padding:20px 0}
.cartomancie-widget{width:310px;height:400px;background:#f5efe8;border:3px solid #9a624a;border-radius:15px;padding:20px;box-sizing:border-box;font-family:Georgia,serif;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:all .3s;display:flex;flex-direction:column;justify-content:space-between}
.cartomancie-widget:hover{box-shadow:0 0 20px rgba(154,98,74,0.4);transform:translateY(-2px)}
.carto-header{text-align:center}
.carto-header h3{color:#6e4636;font-size:20px;margin:0 0 3px}
.carto-subtitle{font-size:10px;color:#6e4636;opacity:.7;font-style:italic;margin:0}
.cartes-deck-animation{display:flex;justify-content:center;gap:5px;margin:15px 0}
.carte-stack{font-size:50px;animation:cardFloat 2s ease-in-out infinite}
.carte-stack:nth-child(1){animation-delay:0s}
.carte-stack:nth-child(2){animation-delay:.3s}
.carte-stack:nth-child(3){animation-delay:.6s}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}
.couleurs-badges{display:flex;justify-content:center;gap:10px;margin:10px 0}
.couleur-badge{font-size:24px;animation:pulse 2s infinite}
.couleur-badge.coeur,.couleur-badge.carreau{color:#c41e3a}
.couleur-badge.trefle,.couleur-badge.pique{color:#2c2c2c}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.carto-modes{text-align:center;margin:10px 0}
.mode-badge{display:inline-block;padding:4px 10px;background:rgba(154,98,74,0.2);color:#9a624a;border-radius:12px;font-size:10px;font-weight:bold;margin:0 3px}
.carto-button{display:block;width:100%;padding:12px;background:linear-gradient(135deg,#9a624a,#b8856a);color:white;border-radius:10px;font-size:15px;font-weight:bold;text-align:center;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px rgba(154,98,74,0.3)}
.carto-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(154,98,74,0.5);color:white}
.carto-info{text-align:center;font-size:9px;color:#6e4636;opacity:.7;font-style:italic;margin:5px 0 0}
.cartomancie-oracle-page{max-width:1100px;margin:30px auto;padding:20px;font-family:Georgia,serif}
.carto-oracle-container{background:#FFF;border:3px solid #9a624a;border-radius:20px;padding:40px;box-shadow:0 10px 30px rgba(154,98,74,0.2)}
.carto-section{display:none;opacity:0;transition:opacity .6s}
.carto-section.active{display:block;opacity:1}
.carto-oracle-header{text-align:center;margin-bottom:40px}
.carto-oracle-header h2{font-size:2.5rem;color:#9a624a;margin-bottom:10px}
.carto-oracle-subtitle{font-size:1rem;color:#6e4636;font-style:italic;opacity:.8}
.modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}
.mode-card{background:linear-gradient(135deg,#f5efe8,#faf6f0);border:3px solid #9a624a;border-radius:20px;padding:30px;text-align:center;transition:all .3s;cursor:pointer}
.mode-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(154,98,74,0.3)}
.mode-icon{font-size:60px;margin-bottom:15px}
.mode-card h3{color:#6e4636;font-size:1.5rem;margin:15px 0}
.mode-description{text-align:left;margin:20px 0;padding:15px;background:white;border-radius:10px}
.mode-description p{margin:5px 0;color:#6e4636;font-size:.9rem}
.mode-utilisation{font-style:italic;color:#999;font-size:.85rem;margin:15px 0}
.btn-choisir-mode{width:100%;padding:15px;background:linear-gradient(135deg,#9a624a,#b8856a);color:white;border:none;border-radius:10px;font-size:1.1rem;font-weight:bold;cursor:pointer;transition:all .3s;margin-top:15px}
.btn-choisir-mode:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(154,98,74,0.5)}

/* Section question */
.question-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.btn-back-carto{padding:8px 15px;background:#6e4636;color:white;border:none;border-radius:8px;cursor:pointer;transition:all .3s}
.btn-back-carto:hover{background:#9a624a}
.question-intro{color:#666;margin-bottom:20px;font-size:1rem}
#question-input{width:100%;padding:15px;border:2px solid #9a624a;border-radius:10px;font-size:1rem;font-family:Georgia,serif;resize:vertical}
.btn-continuer-carto{width:100%;padding:15px;background:linear-gradient(135deg,#6e4636,#9a624a);color:white;border:none;border-radius:10px;font-size:1.2rem;font-weight:bold;cursor:pointer;transition:all .3s;margin-top:20px}
.btn-continuer-carto:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(110,70,54,0.4)}

/* Section brassage */
.brassage-animation{text-align:center;padding:40px 0}
.cartes-volantes{position:relative;height:200px;margin-bottom:30px}
.carte-volante{position:absolute;font-size:50px;animation:carteVolante 2s ease-in-out infinite}
.carte-volante:nth-child(1){left:10%;animation-delay:0s}
.carte-volante:nth-child(2){left:25%;animation-delay:.2s}
.carte-volante:nth-child(3){left:40%;animation-delay:.4s}
.carte-volante:nth-child(4){left:55%;animation-delay:.6s}
.carte-volante:nth-child(5){left:70%;animation-delay:.8s}
.carte-volante:nth-child(6){left:85%;animation-delay:1s}
@keyframes carteVolante{0%,100%{transform:translateY(0) rotate(0deg);opacity:0.7}50%{transform:translateY(-100px) rotate(180deg);opacity:1}}
.brassage-text{font-size:1.5rem;color:#6e4636;font-weight:bold}
.brassage-subtext{color:#999;font-style:italic}

/* Section résultat */
.carto-result-card{background:#faf6f0;border:3px solid #9a624a;border-radius:20px;padding:30px}
.result-carto-header{text-align:center;margin-bottom:30px}
.result-carto-header h2{color:#6e4636;font-size:2rem;margin-bottom:10px}
#result-mode-info{color:#9a624a;font-size:1.2rem;font-weight:bold}
.question-posee{background:white;padding:15px;border-radius:10px;border-left:4px solid #9a624a;margin:20px 0}

/* Mode simple */
.carte-principale-display{text-align:center;margin:30px 0}
.carte-visuelle{display:inline-block;padding:30px;background:white;border:3px solid #9a624a;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.carte-symbole{font-size:60px;margin-bottom:10px}
.carte-nom{font-size:1.5rem;color:#6e4636;font-weight:bold}
.carte-valeur{color:#999;font-style:italic}
.mots-cles-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}
.mots-positifs, .mots-negatifs{background:white;padding:20px;border-radius:10px}
.mots-positifs{border:2px solid #28a745}
.mots-negatifs{border:2px solid #dc3545}
.mots-positifs h4, .mots-negatifs h4{margin-top:0}
.domaine-box{text-align:center;padding:15px;background:#e9d8c8;border-radius:10px;margin:20px 0;font-size:1.1rem}
.trois-niveaux{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:30px 0}
.niveau-box{padding:20px;border-radius:10px;background:white}
.racine-box{border-top:5px solid #28a745}
.lecon-box{border-top:5px solid #007bff}
.resolution-box{border-top:5px solid #6f42c1}
.niveau-subtitle{color:#666;font-style:italic;margin-bottom:10px}

/* Mode karmique */
.trois-cartes-display{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:30px 0}
.carte-tirage{text-align:center;padding:20px;background:white;border:2px solid #9a624a;border-radius:10px}
.carte-visuelle-mini{display:inline-block;padding:15px;background:#f5efe8;border-radius:8px;margin-bottom:10px}
.carte-symbole-mini{font-size:30px}
.carte-nom-mini{font-weight:bold;color:#6e4636}
.carte-position{font-weight:bold;color:#9a624a;margin-top:10px}
.carte-detail-karmique{background:white;padding:25px;border-radius:10px;margin:20px 0;border-left:5px solid #9a624a}
.carte-detail-header{margin-bottom:20px}
.carte-detail-header h3{color:#6e4636;margin-top:0}
.carte-detail-nom{color:#9a624a;font-size:1.1rem;font-weight:bold}
.mots-cles-inline{margin:10px 0}
.mots-label{font-weight:bold;display:inline-block;width:80px}
.domaine-inline{margin-top:15px;padding:10px;background:#f0f0f0;border-radius:5px}
.interpretation-text{line-height:1.6;margin:15px 0}
.synthese-karmique{background:linear-gradient(135deg,#f5efe8,#e9d8c8);padding:25px;border-radius:10px;margin-top:30px;border:2px solid #9a624a}

/* Actions */
.carto-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.btn-action-carto{padding:12px 25px;background:#6e4636;color:white;border:none;border-radius:8px;cursor:pointer;transition:all .3s;text-decoration:none;font-size:1rem}
.btn-action-carto:hover{background:#9a624a;transform:translateY(-2px)}
#btn-changer-mode{background:#007bff}
#btn-changer-mode:hover{background:#0056b3}

/* Badges de mots-clés */
.mot-badge{display:inline-block;padding:4px 10px;margin:3px;border-radius:12px;font-size:12px;font-weight:bold}
.mot-badge.positif{background:#d4edda;color:#155724;border:1px solid #c3e6cb}
.mot-badge.negatif{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}

@media (max-width:768px){
    .cartomancie-widget{max-width:310px;width:100%}
    .modes-grid{grid-template-columns:1fr}
    .trois-niveaux{grid-template-columns:1fr}
    .trois-cartes-display{grid-template-columns:1fr}
    .mots-cles-section{grid-template-columns:1fr}
    .carto-actions{flex-direction:column;align-items:center}
    .btn-action-carto{width:100%;max-width:300px}
}