*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:#1d2b1a;font-family:Comic Sans MS,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#conteneur-jeu,#conteneur-jeu canvas{position:fixed;top:0;right:0;bottom:0;left:0}.cache{display:none!important}#voile-nuit{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1240;opacity:0;pointer-events:none}#interface{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;flex-direction:column}#infos-haut{display:flex;align-items:center;gap:24px;padding:12px 18px}#indicateur-cycle{background:#0000008c;color:#fff;border:2px solid rgba(255,223,107,.7);border-radius:14px;padding:7px 16px;font-size:19px;font-weight:700;text-shadow:0 2px 3px #000;box-shadow:0 3px 8px #00000059;animation:apparait-haut .4s ease-out}.pieces-joueur{color:#ffdf6b;font-weight:700;font-size:16px;text-shadow:0 1px 2px #000;white-space:nowrap;background:#0006;border:1px solid rgba(255,223,107,.55);border-radius:10px;padding:1px 8px}#barre-boss{flex:1;max-width:520px;margin:0 auto;color:#fff;text-shadow:0 2px 3px #000;font-size:19px;font-weight:700;text-align:center;animation:apparait-haut .4s ease-out}#nom-boss{display:inline-block;letter-spacing:.5px}#barre-boss .fond-barre{height:20px;border-radius:10px;background:#0000008c;border:3px solid #fff;overflow:hidden;box-shadow:0 3px 10px #00000073,inset 0 0 6px #0009;margin-top:4px}#remplissage-boss{height:100%;width:100%;background:linear-gradient(180deg,#ff9a6b,#ff6b5e 45%,#c0392b);box-shadow:0 0 12px 2px #ff5a3cd9,inset 0 2px 4px #fff6;transition:width .2s;position:relative;overflow:hidden}#remplissage-boss:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 45%,transparent 60%);background-size:220% 100%;animation:brille-boss 2.2s linear infinite}@keyframes brille-boss{0%{background-position:140% 0}to{background-position:-80% 0}}#messages{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:10px}.toast{background:#140a28b3;color:#fff;font-size:23px;font-weight:700;padding:11px 24px;border-radius:18px;border:3px solid rgba(255,223,107,.8);text-shadow:0 2px 3px #000;box-shadow:0 4px 12px #0006;animation:apparait-rebond .35s cubic-bezier(.34,1.56,.64,1)}.toast.disparait{opacity:0;transition:opacity .4s}@keyframes apparait{0%{transform:translateY(-12px);opacity:0}}@keyframes apparait-rebond{0%{transform:translateY(-18px) scale(.85);opacity:0}70%{transform:translateY(2px) scale(1.03);opacity:1}to{transform:translateY(0) scale(1)}}@keyframes apparait-haut{0%{transform:translateY(-14px);opacity:0}to{transform:translateY(0);opacity:1}}#hud{display:flex;justify-content:center;gap:14px;padding:10px}.panneau-joueur{position:relative;display:flex;gap:8px;background:linear-gradient(160deg,#000000ad,#1e140a8c);border:4px solid #fff;border-radius:16px;padding:8px;min-width:240px;color:#fff;box-shadow:0 4px 10px #0006;animation:apparait-panneau .3s ease-out;transition:filter .3s,opacity .3s}@keyframes apparait-panneau{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.panneau-joueur.inactif{filter:grayscale(1);opacity:.7}.portrait{width:52px;height:62px;border-radius:10px;background-size:cover;background-position:center 12%;flex-shrink:0;border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 5px #00000080}.infos{display:flex;flex-direction:column;gap:4px}.nom{font-size:15px;font-weight:700;text-shadow:0 1px 2px #000}.barre-hp{display:flex;gap:3px}.barre-hp .case{width:11px;height:15px;border-radius:4px;background:#444;border:1px solid #222;transition:background .2s,transform .2s}.barre-hp .case.pleine{background:linear-gradient(#8ef08e,#2ecc40);border-color:#1a7a26;box-shadow:0 0 4px #2ecc40cc}.bas-panneau{display:flex;justify-content:space-between;gap:10px;font-size:14px}.vies{letter-spacing:1px}.badge{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#ffdf6b;text-shadow:0 2px 4px #000;background:#0000008c;border-radius:14px;animation:apparait-badge .25s ease-out}@keyframes apparait-badge{0%{opacity:0;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}#boites-zones{position:absolute;top:64px;left:18px;display:flex;flex-direction:column;gap:10px}.boite-zone{background:#0000009e;border:3px solid #ffdf6b;border-radius:14px;padding:8px 12px;color:#fff;min-width:150px;box-shadow:0 3px 8px #00000059;animation:apparait .25s ease-out}.boite-zone .titre-zone{font-size:16px;font-weight:700;margin-bottom:6px;text-shadow:0 1px 2px #000}.boite-zone .liste-zone{display:flex;flex-wrap:wrap;gap:6px}.boite-zone .puce-joueur{font-size:14px;font-weight:700;padding:3px 10px;border-radius:12px;border:2px solid #fff;background:#ffffff26;animation:apparait-rebond .3s cubic-bezier(.34,1.56,.64,1)}#grand-titre{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;color:#fff;text-shadow:0 4px 10px #000;animation:apparait-titre .6s ease-out}@keyframes apparait-titre{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}#grand-titre h1{font-size:60px;color:#ffdf6b;-webkit-text-stroke:2px #7a4a00;letter-spacing:1px}#grand-titre p{font-size:26px;margin-top:8px}#ecran-selection,#ecran-victoire{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 30%,#3a7332,#16240f 75%);color:#fff;text-align:center;overflow-y:auto;padding:24px 12px}#ecran-selection h1,#ecran-victoire h1{font-size:58px;color:#ffdf6b;text-shadow:0 4px 8px #000;-webkit-text-stroke:2px #7a4a00;animation:apparait-titre .5s ease-out}#ecran-selection .sous-titre{font-size:22px;font-weight:700;text-shadow:0 2px 4px #000;animation:apparait-haut .5s ease-out .1s both}#cartes{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.carte{width:210px;background:linear-gradient(165deg,#00000080,#14280f59);border:5px solid rgba(255,255,255,.3);border-radius:20px;padding:12px;box-shadow:0 5px 14px #0006;transition:transform .15s,border-color .15s,box-shadow .15s;animation:apparait-carte .4s ease-out backwards}.carte:nth-child(1){animation-delay:.05s}.carte:nth-child(2){animation-delay:.15s}.carte:nth-child(3){animation-delay:.25s}.carte:nth-child(4){animation-delay:.35s}@keyframes apparait-carte{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.carte.choisie{border-color:#ffdf6b;transform:scale(1.05);box-shadow:0 0 22px 4px #ffdf6ba6,0 5px 14px #0006}.carte.confirmee{border-color:#2ecc40;transform:scale(1.05);box-shadow:0 0 22px 4px #2ecc40a6,0 5px 14px #0006}.carte .image{height:200px;border-radius:14px;background-size:cover;background-position:center 18%;margin-bottom:8px;border:2px solid rgba(255,255,255,.25)}.carte h2{font-size:25px;text-shadow:0 2px 4px #000}.carte .classe{font-size:15px;font-weight:700;margin:4px 0;color:#ffe9a8}.carte .speciale{font-size:13px;opacity:.9;min-height:34px}.carte .etat-carte{margin-top:8px;font-size:14px;font-weight:700;color:#ffdf6b;text-shadow:0 1px 2px #000}.carte.confirmee .etat-carte{color:#7ef07e}#pied-selection{font-size:19px;font-weight:700;background:#00000080;border:2px solid rgba(255,223,107,.6);padding:11px 22px;border-radius:14px;text-shadow:0 2px 3px #000;box-shadow:0 3px 10px #0000004d;animation:apparait-haut .4s ease-out}#ecran-victoire h1{animation:apparait-titre .5s ease-out,rebondit-titre 1.6s ease-in-out .6s infinite}@keyframes rebondit-titre{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}#ecran-victoire p{font-size:22px;font-weight:700;text-shadow:0 2px 3px #000;animation:apparait-haut .5s ease-out .15s both}#ecran-victoire .suite{font-size:32px;color:#ffdf6b;animation:apparait-haut .5s ease-out .3s both}#ecran-victoire button{font-family:inherit;font-size:24px;font-weight:700;padding:14px 38px;border-radius:16px;border:4px solid #fff;background:linear-gradient(#4ee05a,#2ecc40);color:#fff;text-shadow:0 2px 3px rgba(0,0,0,.35);cursor:pointer;box-shadow:0 5px 14px #0006;transition:transform .15s,box-shadow .15s;animation:apparait-carte .4s ease-out .45s both}#ecran-victoire button:hover{transform:scale(1.08);box-shadow:0 7px 18px #00000080,0 0 16px 2px #2ecc4099}#ecran-victoire button:active{transform:scale(.97)}