:root{--nuit:#0a0812;--carton:#131022;--carte:#1b1730;--trait:hsla(0,0%,100%,.12);--blanc:#f7f5ff;--dim:rgba(247,245,255,.68);--faint:rgba(247,245,255,.42);--or:#ffc531;--rouge:#e6394f;--vert-doom:#3ddc84;--vie-haute:#3ddc84;--vie-mi:#ffb020;--vie-basse:#ff4d5e;--force:#ff7043;--energie:#ffd23f;--esprit:#7c6cff;--titres:"Anton",Impact,sans-serif;--texte:"Inter",system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--nuit);color:var(--blanc);font-family:var(--texte);overflow-x:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}a,button{color:inherit}a{text-decoration:none}.titre{font-family:var(--titres);letter-spacing:.02em}.kicker,.titre{text-transform:uppercase}.kicker{font-size:11px;font-weight:700;letter-spacing:.28em;color:var(--or)}.landing{position:relative;min-height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:26px 20px;text-align:center;background:var(--nuit)}.landing-fond{position:absolute;inset:0;background:url(/arenes/latverie.webp) center 36%/cover no-repeat;opacity:.55}.landing-halo{position:absolute;inset:0;background:radial-gradient(60% 34% at 50% 52%,rgba(61,220,132,.22),transparent 70%),linear-gradient(180deg,rgba(10,8,18,.82),rgba(10,8,18,.25) 32%,rgba(10,8,18,.35) 62%,var(--nuit) 96%)}.landing-contenu{position:relative;z-index:1;max-width:460px;width:100%;display:flex;flex-direction:column;align-items:center;gap:13px}.landing h1{font-size:clamp(46px,12vw,88px);line-height:.92;text-shadow:0 6px 24px rgba(0,0,0,.8)}.landing h1 span{color:var(--vert-doom);display:block;text-shadow:0 0 26px rgba(61,220,132,.45),0 6px 24px rgba(0,0,0,.8)}.landing p.pitch{max-width:400px;color:var(--dim);font-size:14.5px;line-height:1.55;text-shadow:0 2px 10px rgba(0,0,0,.9)}.fatalis-hero{height:min(26dvh,210px);margin:2px 0;filter:drop-shadow(0 0 34px rgba(61,220,132,.35)) drop-shadow(0 16px 16px rgba(0,0,0,.65));animation:flotte 3.2s ease-in-out infinite;transform-origin:50% 92%}.cta-combat{position:relative;overflow:hidden;width:100%;max-width:340px;padding:15px 12px 12px;background:linear-gradient(180deg,#ffd75e,var(--or) 55%,#d99e14);color:#201200;font-size:24px;letter-spacing:.06em;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:0 10px 34px rgba(255,197,49,.3);transition:transform .12s;display:flex;flex-direction:column;gap:2px;align-items:center}.cta-combat:active{transform:scale(.96)}.cta-combat:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,hsla(0,0%,100%,.5) 48%,transparent 62%);transform:translateX(-130%);animation:balayage 2.6s infinite}.cta-sous{font-family:var(--texte);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:none;color:rgba(32,18,0,.75)}.tuiles{display:flex;gap:10px;width:100%;max-width:340px}.tuile{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:13px 8px 11px;background:linear-gradient(160deg,hsla(0,0%,100%,.07),transparent 40%),linear-gradient(180deg,rgba(27,23,48,.92),rgba(14,11,24,.92));border:1px solid var(--trait);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .12s,border-color .15s}.tuile:active{transform:scale(.95)}.tuile-ico{font-size:26px}.tuile-lib{font-size:15px;letter-spacing:.05em}.tuile-sous{font-size:10px;color:var(--faint)}.landing-pied{font-size:11.5px;color:var(--faint);text-shadow:0 2px 8px rgba(0,0,0,.9)}.jeu{position:fixed;inset:0;display:flex;flex-direction:column;max-width:560px;margin:0 auto;overflow:hidden}.fond-arene{position:absolute;inset:0;background-size:cover;background-position:center 42%}.fond-arene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,5,12,.72),rgba(6,5,12,.12) 22%,rgba(6,5,12,.05) 55%,rgba(6,5,12,.66) 88%),radial-gradient(120% 60% at 50% 100%,rgba(0,0,0,.35),transparent 55%)}.fond-latverie{background-color:#0d1f14;background-image:url(/arenes/latverie.webp)}.fond-baxter{background-color:#101a33;background-image:url(/arenes/baxter.webp)}.fond-qg-avengers{background-color:#232a33;background-image:url(/arenes/qg-avengers.webp)}.fond-wakanda{background-color:#3a1f0e;background-image:url(/arenes/wakanda.webp)}.fond-talokan{background-color:#0a2d38;background-image:url(/arenes/talokan.webp)}.fond-incursion{background-color:#241038;background-image:url(/arenes/incursion.webp)}.hud{position:relative;z-index:4;display:flex;gap:10px;align-items:flex-start;padding:12px 12px 0}.plaque{flex:1;min-width:0;overflow:hidden}.plaque .nomligne{display:flex;align-items:baseline;gap:6px;font-family:var(--titres);font-size:15px;letter-spacing:.03em}.plaque .nomligne>span:first-child{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plaque .type{font-size:12px}.barre-vie{height:14px;margin-top:4px;border-radius:3px;background:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.25);overflow:hidden;transform:skewX(-14deg)}.plaque.droite .barre-vie{transform:skewX(14deg)}.barre-vie .remplissage{height:100%;transition:width .45s cubic-bezier(.2,.8,.2,1);background:linear-gradient(180deg,hsla(0,0%,100%,.35),transparent 55%),var(--vie-haute)}.barre-vie .remplissage.mi{background-color:var(--vie-mi)}.barre-vie .remplissage.basse{background-color:var(--vie-basse);animation:pouls .7s infinite}@keyframes pouls{50%{filter:brightness(1.5)}}.plaque .pv{font-size:11px;font-weight:700;color:var(--dim);margin-top:3px;display:flex;align-items:center;gap:4px}.plaque.droite{text-align:right}.plaque.droite .nomligne,.plaque.droite .pv{flex-direction:row-reverse}.equipe-billes{display:inline-flex;gap:3px;margin-left:auto;align-self:center}.plaque.droite .equipe-billes{margin-left:0;margin-right:auto}.bille{width:8px;height:8px;border-radius:50%;background:var(--or);border:1px solid rgba(0,0,0,.4);box-shadow:0 0 6px rgba(255,197,49,.5)}.bille.vide{background:transparent;border-color:var(--faint);box-shadow:none}.entre-droite{animation:entre-droite .8s cubic-bezier(.2,.9,.3,1)}@keyframes entre-droite{0%{transform:translateX(130px);opacity:0}to{transform:none;opacity:1}}.entre-gauche{animation:entre-gauche .8s cubic-bezier(.2,.9,.3,1)}@keyframes entre-gauche{0%{transform:translateX(-130px);opacity:0}to{transform:none;opacity:1}}.jauge-eclat{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.plaque.droite .jauge-eclat{margin-left:0;margin-right:6px}.cran{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--or);background:transparent}.cran.plein{background:var(--or);box-shadow:0 0 8px rgba(255,197,49,.8)}.manches{text-align:center;font-size:12px;letter-spacing:.35em;color:var(--or);padding-top:2px}.scene{position:relative;flex:1;z-index:2}.combattant{position:absolute;display:flex;flex-direction:column;align-items:center;transition:filter .3s}.combattant img{display:block;filter:drop-shadow(0 14px 12px rgba(0,0,0,.6))}.ombre{width:86%;height:16px;margin-top:-8px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.72),rgba(0,0,0,.25) 60%,transparent);filter:blur(1px)}.cote-joueur{left:6%;bottom:7%}.cote-joueur img{height:min(30dvh,235px)}.cote-adverse{right:7%;bottom:21%}.cote-adverse img{height:min(21dvh,165px);transform:scaleX(-1)}.figurine{animation:flotte 3.2s ease-in-out infinite;transform-origin:50% 92%}@keyframes flotte{50%{transform:rotate(1.6deg)}}.touche{animation:bobble .55s cubic-bezier(.3,1.6,.4,1)}@keyframes bobble{0%{transform:rotate(0)}18%{transform:rotate(-9deg) translateX(-6px)}45%{transform:rotate(6deg)}70%{transform:rotate(-3deg)}to{transform:rotate(0)}}.attaque-droite{animation:fonce-droite .5s cubic-bezier(.4,0,.6,1)}@keyframes fonce-droite{30%{transform:translate(-14px,4px) rotate(-4deg)}55%{transform:translate(120px,-46px) rotate(10deg)}to{transform:translate(0)}}.attaque-gauche{animation:fonce-gauche .5s cubic-bezier(.4,0,.6,1)}@keyframes fonce-gauche{30%{transform:translate(14px,-4px) rotate(4deg)}55%{transform:translate(-120px,52px) rotate(-10deg)}to{transform:translate(0)}}.renverse-anim{animation:renverse .9s cubic-bezier(.5,0,.8,.4) forwards;transform-origin:50% 96%}@keyframes renverse{25%{transform:rotate(-8deg)}to{transform:rotate(84deg) translateY(6%);opacity:.55}}.garde{animation:garde .5s}@keyframes garde{30%{transform:translateY(5px) scale(.97);filter:brightness(1.6)}}.secousse{animation:secousse .4s}@keyframes secousse{20%{transform:translate(-7px,3px)}40%{transform:translate(6px,-4px)}60%{transform:translate(-4px,2px)}80%{transform:translate(3px,-1px)}}.flash-special{position:absolute;inset:0;z-index:3;pointer-events:none;animation:flash .5s;background:radial-gradient(60% 60% at 50% 45%,rgba(255,197,49,.55),transparent 70%)}@keyframes flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.degats-pop{position:absolute;z-index:5;font-family:var(--titres);font-size:34px;-webkit-text-stroke:1.5px #000;animation:monte .9s forwards;pointer-events:none}.degats-pop.super{color:var(--or);font-size:44px}.degats-pop.faible{color:var(--faint);font-size:26px}.degats-pop.normal{color:#fff}@keyframes monte{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1;transform:translateY(0) scale(1.15)}to{opacity:0;transform:translateY(-46px) scale(1)}}.annonce{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center}.annonce .grand{font-family:var(--titres);font-size:clamp(40px,12vw,72px);color:var(--or);-webkit-text-stroke:2px #201200;text-shadow:0 6px 0 rgba(0,0,0,.5);animation:claque .6s cubic-bezier(.2,1.6,.4,1)}.annonce .petit{font-family:var(--titres);font-size:20px;color:var(--blanc);animation:claque .6s .12s backwards}@keyframes claque{0%{transform:scale(3);opacity:0}to{transform:scale(1);opacity:1}}.pupitre{z-index:5;display:grid;grid-template-columns:1.25fr 1fr;gap:8px;padding:10px 10px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(10,8,18,.4),rgba(10,8,18,.95) 35%)}.boite,.pupitre{position:relative}.boite{min-height:108px;padding:12px 14px;display:flex;align-items:center;gap:10px;color:var(--blanc);font-weight:600;font-size:14px;line-height:1.5;background:linear-gradient(160deg,hsla(0,0%,100%,.09),transparent 34%),linear-gradient(180deg,#232033,#14111f 70%,#0e0b18);border:1px solid rgba(255,197,49,.5);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);transition:border-color .3s,background-color .3s}.boite:after{content:"";position:absolute;right:7px;top:7px;width:4px;height:4px;border-radius:50%;background:rgba(255,197,49,.55);box-shadow:0 0 0 0 transparent,0 86px 0 rgba(255,197,49,.3)}.texte-boite{min-width:0}.boite .curseur{display:inline-block;margin-left:5px;color:var(--or);animation:clignote .8s infinite}@keyframes clignote{50%{opacity:0}}.boite strong{color:var(--or)}.boite.voix-fatalis{border-color:rgba(61,220,132,.65);background:linear-gradient(160deg,rgba(61,220,132,.1),transparent 40%),linear-gradient(180deg,#16241c,#0d1512 70%,#090e0b);font-style:italic}.portrait-fatalis{flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;border:1.5px solid var(--vert-doom);background:radial-gradient(circle at 50% 30%,#1d3527,#0a120d);box-shadow:0 0 12px rgba(61,220,132,.35);display:flex;align-items:flex-start;justify-content:center}.portrait-fatalis img{width:150%;max-width:none;margin-top:2px}.nom-voix{display:block;font-family:var(--titres);font-style:normal;font-size:10px;letter-spacing:.22em;color:var(--vert-doom);margin-bottom:3px}.grille-actions{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px}.action{--teinte:#8d8da8;border:1px solid hsla(0,0%,100%,.14);border-bottom:1px solid var(--teinte);background:radial-gradient(hsla(0,0%,100%,.05) 1px,transparent 1.4px) 0 0 /7px 7px,linear-gradient(160deg,hsla(0,0%,100%,.06),transparent 40%),linear-gradient(180deg,#211e30,#131020);padding:6px 4px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:var(--titres);font-size:15px;letter-spacing:.06em;transition:transform .1s,filter .15s,opacity .15s;position:relative;overflow:hidden}.action:before{content:"";left:-22%;top:-34%;width:85%;height:95%;transform:rotate(-16deg);background:linear-gradient(105deg,var(--teinte),transparent 82%);opacity:.34}.action .jauge-fond,.action:before{position:absolute;pointer-events:none}.action .jauge-fond{left:0;right:0;bottom:0;z-index:0;background:linear-gradient(180deg,rgba(255,197,49,.05),rgba(255,197,49,.3));transition:height .5s cubic-bezier(.2,.8,.2,1)}.action>:not(.jauge-fond){position:relative;z-index:1}.action .ico{font-size:22px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.65))}.action .indice{font-family:var(--texte);font-size:9.5px;font-weight:700;letter-spacing:0;color:var(--dim);text-transform:none}.action:active{transform:scale(.93);filter:brightness(1.3)}.action:disabled{opacity:.35;pointer-events:none}.action-coup{--teinte:#e6394f}.action-charge{--teinte:#ff7043}.action-parer{--teinte:#4aa8ff}.action.speciale{--teinte:#ffc531}.action.avantage{border-color:var(--vie-haute);border-bottom-color:var(--vie-haute)}.action.avantage .indice{color:var(--vie-haute)}.action.desavantage{border-color:rgba(255,77,94,.65)}.action.desavantage .indice{color:var(--vie-basse)}.action.speciale.prete{border-color:var(--or);box-shadow:0 0 16px rgba(255,197,49,.35)}.action.speciale.prete:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,238,180,.4) 48%,transparent 62%);transform:translateX(-130%);animation:balayage 1.9s infinite}@keyframes balayage{55%{transform:translateX(130%)}to{transform:translateX(130%)}}.vs-ecran{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:radial-gradient(80% 60% at 50% 40%,#1c1433,var(--nuit) 75%);animation:fondu .3s}@keyframes fondu{0%{opacity:0}}.vs-rangée{display:flex;align-items:center;gap:14px}.vs-lettres{font-family:var(--titres);font-size:64px;color:var(--rouge);-webkit-text-stroke:2px #fff;transform:skewX(-8deg);animation:claque .5s}.vs-equipe{display:flex;gap:4px}.vs-equipe img{height:92px;filter:drop-shadow(0 8px 8px rgba(0,0,0,.6))}.vs-equipe.adverse img{transform:scaleX(-1)}.page{min-height:100dvh;max-width:560px;margin:0 auto;padding:18px 14px 90px}.entete-page{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.entete-page h1{font-size:30px}.sous-entete{color:var(--dim);font-size:13.5px;line-height:1.5;margin:6px 0 14px}.grille-boites{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.boite-funko{position:relative;border-radius:10px;padding:8px 6px 7px;background:linear-gradient(180deg,#221c3a,#161228);border:1px solid var(--trait);text-align:center;transition:transform .12s,border-color .15s,box-shadow .15s}.boite-funko:active{transform:scale(.95)}.boite-funko .fenetre{height:92px;display:flex;align-items:flex-end;justify-content:center;border-radius:6px;margin-bottom:6px;overflow:hidden;background:radial-gradient(80% 90% at 50% 20%,hsla(0,0%,100%,.12),rgba(0,0,0,.25));border:1px solid hsla(0,0%,100%,.08)}.boite-funko .fenetre img{max-height:86px;max-width:92%}.boite-funko .nom{font-family:var(--titres);font-size:12.5px;line-height:1.1;letter-spacing:.02em;min-height:26px;display:flex;align-items:center;justify-content:center}.boite-funko .stats{font-size:9.5px;font-weight:700;color:var(--faint);margin-top:2px}.boite-funko.choisie{border-color:var(--or);box-shadow:0 0 16px rgba(255,197,49,.35)}.boite-funko.choisie:after{content:attr(data-ordre);position:absolute;top:-7px;right:-7px;width:24px;height:24px;border-radius:50%;background:var(--or);color:#201200;font-family:var(--titres);font-size:14px;display:flex;align-items:center;justify-content:center}.boite-funko.verrou{opacity:.45}.boite-funko.verrou .fenetre{filter:grayscale(1)}.boite-funko .approche{position:absolute;inset:auto 6px 34px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--or)}.badge-type{position:absolute;top:5px;left:5px;font-size:12px}.barre-basse{position:fixed;left:0;right:0;bottom:0;z-index:10;max-width:560px;margin:0 auto;padding:10px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--nuit) 40%);display:flex;gap:10px;align-items:center}.btn-or{flex:1;border:none;border-radius:12px;padding:15px 10px;background:var(--or);color:#201200;font-family:var(--titres);font-size:18px;letter-spacing:.06em;transition:transform .12s,opacity .2s}.btn-or:active{transform:scale(.97)}.btn-or:disabled{opacity:.35}.btn-ghost{background:transparent;padding:14px 16px;font-family:var(--titres);font-size:14px;color:var(--dim)}.btn-ghost,.defi-bandeau{border:1px solid var(--trait);border-radius:12px}.defi-bandeau{background:linear-gradient(135deg,rgba(61,220,132,.08),transparent 60%),var(--carte);padding:10px 12px;margin-bottom:12px}.defi-equipe{display:flex;gap:8px;margin-top:8px}.defi-carte{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--dim);text-align:center}.defi-carte img{height:58px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.5))}.liste-arenes{display:flex;flex-direction:column;gap:9px}.carte-arene{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--trait);border-radius:12px;padding:12px;background:var(--carte);transition:border-color .15s,transform .12s}.carte-arene:active{transform:scale(.98)}.carte-arene.choisie{border-color:var(--or)}.carte-arene .pastille{width:52px;height:52px;border-radius:10px;flex:none;border:1px solid hsla(0,0%,100%,.14)}.carte-arene .nom{font-family:var(--titres);font-size:16px}.carte-arene .regle{font-size:12px;color:var(--dim);margin-top:2px;line-height:1.4}.verdict{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}.verdict h1{font-size:clamp(40px,12vw,64px)}.verdict h1.victoire{color:var(--or)}.verdict h1.defaite{color:var(--faint)}.score-bloc{font-family:var(--titres);font-size:52px;color:var(--blanc)}.score-detail{color:var(--dim);font-size:13px}.code-champion{margin-top:6px;padding:12px 20px;border-radius:10px;border:1px dashed var(--or);font-family:var(--titres);font-size:22px;letter-spacing:.12em;color:var(--or)}.ligne-classement{display:flex;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid var(--trait);font-size:14px}.ligne-classement .rang{font-family:var(--titres);width:34px;color:var(--faint)}.ligne-classement .rang.podium{color:var(--or)}.ligne-classement .indicatif{flex:1;font-weight:700;letter-spacing:.05em}.ligne-classement .points{font-family:var(--titres);font-size:17px}.note-mode{margin-top:14px;font-size:12px;color:var(--faint);line-height:1.5}@media (max-height:640px){.cote-joueur img{height:25dvh}.boite{min-height:92px;font-size:13px}}@media (orientation:landscape) and (max-height:520px){.jeu{max-width:none}.hud{padding:6px 10px 0}.plaque .nomligne{font-size:12px}.barre-vie{height:9px}.plaque .pv{font-size:9.5px;margin-top:2px}.scene{min-height:0}.cote-joueur{left:16%;bottom:4%}.cote-joueur img{height:min(46dvh,150px)}.cote-adverse{right:16%;bottom:26%}.cote-adverse img{height:min(34dvh,110px)}.pupitre{grid-template-columns:1fr 1.1fr;gap:6px;padding:6px 10px calc(8px + env(safe-area-inset-bottom))}.boite{min-height:64px;font-size:12px;padding:8px 10px}.portrait-fatalis{width:30px;height:30px}.grille-actions{gap:5px}.action{font-size:11px;padding:3px 2px}.action .ico{font-size:14px}.action .indice{font-size:8px}.annonce .grand{font-size:clamp(30px,9vh,48px)}}