:root{--bg-naturel:#1a1e16;--or-medieval:#ffd86a;--bois-sombre:#2d1e18;--bois-bordure:#8b5a2b;--rouge-alarme:#ef4444;--vert-emeraude:#10b981}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-naturel);color:#f3f4f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.jeu-conteneur-diorama{width:100%;max-width:360px;height:100vh;max-height:800px;flex-direction:column;padding:calc(max(4px, env(safe-area-inset-top))) 4px calc(max(4px, env(safe-area-inset-bottom)));background:radial-gradient(circle at 50% 30%,#293322 0,var(--bg-naturel) 90%);gap:4px}.jeu-conteneur-diorama,.ruban-haut{display:flex;justify-content:space-between}.ruban-haut{align-items:center;background:linear-gradient(180deg,#1e3a8a,#172554);border:2px solid var(--or-medieval);border-radius:10px;padding:6px 12px;box-shadow:0 4px 15px rgba(0,0,0,.6);z-index:10}.ruban-titre h1{font-size:15px;font-weight:900;color:#fff;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.ruban-badge{font-size:11px;font-weight:800;color:#93c5fd}.ruban-badge.alarme{color:#fca5a5;animation:pulsationAlerte .8s infinite alternate}@keyframes pulsationAlerte{0%{transform:scale(.98);opacity:.8}to{transform:scale(1.04);opacity:1;text-shadow:0 0 8px #ef4444}}.compteur-tour-medaillon{background:#2b1d0c;border:1.5px solid var(--or-medieval);border-radius:8px;padding:3px 8px;font-size:11px;font-weight:900;color:var(--or-medieval);white-space:nowrap}.diorama-conteneur-3d{position:relative;width:100%;flex:1 1;min-height:520px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.8),0 0 0 2px #3e2723;background:#141c10;touch-action:none;cursor:pointer}.diorama-conteneur-3d canvas{width:100%!important;height:100%!important;display:block}.ruban-haut-mini{justify-content:space-between;width:100%;padding:0 4px;height:36px;z-index:20}.plaque-etat,.ruban-haut-mini{display:flex;align-items:center}.plaque-etat{background:#2b1d0c;border:1.5px solid var(--or-medieval);border-radius:8px;padding:3px 10px;gap:6px;font-size:11px;font-weight:900;color:var(--or-medieval);box-shadow:0 3px 10px rgba(0,0,0,.7)}.plaque-etat.alarme{background:#6b1414;border-color:#ef4444;color:#fca5a5;animation:pulsationAlerte .7s infinite alternate}.compteur-tours-mini{background:#1c140c;border:1.5px solid #6d4c41;border-radius:8px;padding:3px 8px;font-size:11px;font-weight:800;color:#d7ccc8}.turn-forecast-banner{display:flex;align-items:center;gap:5px;background:rgba(136,19,19,.92);border:1.5px solid #ef4444;border-radius:8px;padding:3px 8px;color:#fff;font-size:11px;font-weight:700;box-shadow:0 0 10px rgba(239,68,68,.5);animation:forecastPulse 1.2s infinite alternate}@keyframes forecastPulse{0%{opacity:.9}to{opacity:1;filter:drop-shadow(0 0 4px rgba(248,113,113,.8))}}.forecast-turns{background:#450a0a;border:1px solid #b91c1c;border-radius:4px;padding:1px 4px;font-size:10px;font-weight:900;color:#fca5a5}.macaron-push-3d{position:absolute;transform:translate(8px,-50%);background:linear-gradient(180deg,#d97706,#b45309);border:1.5px solid var(--or-medieval);border-radius:14px;padding:3px 8px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.5px;white-space:nowrap;box-shadow:0 0 12px rgba(245,158,11,.85),0 3px 6px rgba(0,0,0,.7);cursor:pointer;z-index:50;display:flex;align-items:center;gap:3px;animation:bondiMacaron .5s ease-in-out infinite alternate;pointer-events:auto}.push-fleche-trajectoire{font-size:9px;color:#ffd86a;font-weight:800}.indicateur-fuite-3d{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(5,150,105,.92);border:1.5px solid #6ee7b7;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:900;box-shadow:0 0 15px rgba(16,185,129,.8);pointer-events:none}.btn-echapper-bois,.indicateur-fuite-3d{color:#fff;animation:pulsationEchapper .8s infinite alternate}.btn-echapper-bois{background:linear-gradient(180deg,#dc2626,#991b1b);border:1.5px solid #f87171;box-shadow:0 0 12px rgba(239,68,68,.7)}@keyframes pulsationEchapper{0%{transform:scale(.98);box-shadow:0 0 8px rgba(239,68,68,.6)}to{transform:scale(1.02);box-shadow:0 0 16px rgba(239,68,68,.9)}}.barre-tactique-basse{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(30,20,15,.92);border:2px solid var(--bois-bordure);border-radius:12px;padding:6px 10px;box-shadow:0 -4px 20px rgba(0,0,0,.6);z-index:10}@media (max-width:350px){.barre-tactique-basse{padding:4px;gap:4px}.btn-hero-portrait{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:16px!important}.hero-label-court{font-size:7px!important}.groupe-actions-systeme,.groupe-heros-icones{gap:3px!important}.btn-bois{min-height:44px!important;min-width:44px!important;padding:0 6px!important;font-size:10px!important;gap:2px!important}}.groupe-heros-icones{display:flex;gap:6px}.btn-hero-portrait{width:44px;height:44px;border-radius:8px;background:#24160f;border:1.5px solid #5c381e;color:#fff;font-size:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .1s,border-color .12s;position:relative}.btn-hero-portrait.actif{border-color:var(--or-medieval);background:#3d2417;transform:translateY(-2px);box-shadow:0 0 10px rgba(255,216,106,.6)}.btn-hero-portrait.ko{opacity:.35;pointer-events:none}.hero-label-court{font-size:8px;font-weight:900;color:#d7ccc8;margin-top:-2px}.hero-couronne-mini{position:absolute;top:-4px;right:-4px;font-size:11px}.groupe-actions-systeme{display:flex;gap:6px}.btn-bois{min-height:44px;padding:0 12px;border-radius:8px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;border:none;transition:transform .1s,filter .12s}.btn-annuler-bois{background:#423028;border:1.5px solid #6d4c41;color:#d7ccc8}.btn-annuler-bois:disabled{opacity:.35;cursor:not-allowed}.btn-fin-tour-bois{background:linear-gradient(180deg,#991b1b,#7f1d1d);border:1.5px solid #f87171;color:#fff;box-shadow:0 0 10px rgba(239,68,68,.4)}.btn-extraire-bois{background:linear-gradient(180deg,#059669,#047857);border:2px solid #6ee7b7;color:#fff;font-weight:900;box-shadow:0 0 16px rgba(16,185,129,.85);animation:pulseExtraire .8s infinite alternate}@keyframes pulseExtraire{0%{transform:scale(.98)}to{transform:scale(1.04)}}.modal-fin-bois{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.panneau-parchemin{background:#3e2723;border:3px solid var(--or-medieval);border-radius:14px;padding:20px;text-align:center;max-width:320px;box-shadow:0 0 35px rgba(255,216,106,.5)}.panneau-parchemin h2{font-size:19px;color:var(--or-medieval);margin-bottom:8px}.panneau-parchemin p{font-size:13px;color:#e5e7eb;margin-bottom:16px}.chargement-3d-voile{position:absolute;inset:0;background:rgba(20,28,20,.94);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.chargement-titre{font-size:13px;font-weight:900;color:var(--or-medieval);text-shadow:0 2px 6px rgba(0,0,0,.8)}.chargement-barre-fond{width:180px;height:8px;background:#1e140d;border:1px solid var(--or-medieval);border-radius:4px;overflow:hidden}.chargement-barre-remplie{height:100%;background:linear-gradient(90deg,#d97706,#fbbf24);transition:width .15s ease-out}.chargement-pourcentage{font-size:11px;font-weight:800;color:#93c5fd}.hero-jauge-pv-dots{display:flex;gap:2px;margin-top:2px}.pv-dot{width:4px;height:4px;border-radius:50%;background:#4b5563}.pv-dot.plein{background:#10b981;box-shadow:0 0 3px #10b981}.pv-dot.vide{background:#ef4444}.panneau-victoire-detail{max-width:340px;width:90%;padding:16px}.titre-victoire-or{font-size:17px;color:var(--or-medieval);text-shadow:0 2px 4px rgba(0,0,0,.9);margin-bottom:10px}.badge-grade-conteneur{display:flex;flex-direction:column;align-items:center;margin-bottom:12px;background:rgba(20,14,10,.6);border:1px solid #6d4c41;border-radius:10px;padding:8px}.grade-lettre{font-size:38px;font-weight:900;line-height:1;text-shadow:0 0 12px rgba(255,215,0,.8)}.grade-lettre.grade-s{color:#fbbf24}.grade-lettre.grade-a{color:#34d399}.grade-lettre.grade-b{color:#60a5fa}.grade-lettre.grade-c{color:#9ca3af}.etoiles-victoire{font-size:18px;margin:4px 0;letter-spacing:2px}.etoile-star.grisee{filter:grayscale(1) opacity(.3)}.score-total-points{font-size:15px;font-weight:800;color:#f3f4f6}.details-score-grille{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;text-align:left}.score-ligne-detail{display:flex;justify-content:space-between;font-size:12px;font-weight:800;color:var(--or-medieval)}.score-axe-valeur{color:#34d399}.score-axe-desc{font-size:10px;color:#9ca3af;margin-top:-3px;margin-bottom:3px}.groupe-actions-victoire{display:flex;flex-direction:column;gap:8px}.btn-action-principale{width:100%}.btn-secondaire-verrouille{width:100%;background:#2b1f1a;border:1px solid #4a3429;color:#6b7280;cursor:not-allowed;font-size:11px}.delai-indic{font-size:10px;font-weight:400;opacity:.85}