@import "https://fonts.googleapis.com/css2?family=Bangers&family=Rubik:wght@400;600;800&display=swap";:root{--fond:#0e0b08;--texte:#efe7d6;--rose:#ff2d6b;--or:#ffc53d;--cyan:#25d3df;--classe-haki:#8e44ad;--classe-logia:#e67e22;--classe-paramecia:#16a085;--classe-zoan:#c0392b;--classe-sniper:#2980b9;--classe-sabreur:#27ae60;--rarete-commun:#9aa0a6;--rarete-peu-commun:#4caf7d;--rarete-rare:#3d8bff;--rarete-epique:#b34dff;--rarete-legendaire:#ffc53d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--texte);background:#131019;font-family:Rubik,Arial,sans-serif}button{cursor:pointer;border:none;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.5}h1,h2,h3,.titre-shonen{letter-spacing:1px;margin:0;font-family:Bangers,Arial,sans-serif}.pc-stage{background:#131019;justify-content:center;align-items:center;height:100vh;padding:0;display:flex;overflow:hidden}.pc-frame{background:var(--fond);border:6px solid #000;border-radius:36px;flex-direction:column;flex:none;width:390px;height:844px;max-height:100vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000080}@media (width<=480px){.pc-stage{justify-content:stretch!important;align-items:stretch!important;height:100dvh!important}.pc-frame{width:100vw!important;height:100dvh!important;max-height:none!important;box-shadow:none!important;border:none!important;border-radius:0!important}}.op-noscroll{overscroll-behavior:contain;scrollbar-width:none;flex:1;position:relative;overflow-y:auto}.op-noscroll::-webkit-scrollbar{display:none}.chip-row{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}@keyframes idleBob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes waveMove{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes toastSlide{0%{opacity:0;transform:translateY(-60px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}@keyframes chestShakeHard{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(6deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(4deg)}}@keyframes lidWiggle{0%,to{transform:rotate(0)}50%{transform:rotate(-3.5deg)}}@keyframes glowPulseHard{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.22)}}@keyframes revealPop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(160px)rotate(340deg)}}@keyframes lightningPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes raysSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes futFlash{0%{opacity:0;transform:scale(.15)}45%{opacity:1}to{opacity:0;transform:scale(3.4)}}@keyframes futRingOut{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(2.6)}}@keyframes futWhite{0%{opacity:0}35%{opacity:.92}to{opacity:0}}@keyframes hpCritique{0%,to{box-shadow:0 0 #e8412b00}50%{box-shadow:0 0 10px 2px #e8412be6}}.chest-lid{transform-origin:75px 54px}.lid-wiggle{animation:.32s ease-in-out infinite lidWiggle}@keyframes lidOuvre{0%{transform:rotate(0)}35%{transform:rotate(8deg)}to{transform:rotate(-104deg)}}.lid-ouvre{animation:.42s cubic-bezier(.36,.07,.19,1.4) forwards lidOuvre}@keyframes raiLumiere{0%{opacity:0;transform:scaleY(0)scaleX(.35)}30%{opacity:1}to{opacity:.92;transform:scaleY(1)scaleX(1)}}@keyframes ecranTremble{0%,to{transform:translate(0)}10%{transform:translate(-6px,3px)}25%{transform:translate(5px,-4px)}40%{transform:translate(-4px,-3px)}55%{transform:translate(6px,2px)}70%{transform:translate(-3px,4px)}85%{transform:translate(3px,-2px)}}@keyframes carteFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes carteEntre{0%{opacity:0;transform:scale(.55)translateY(26px)}70%{opacity:1;transform:scale(1.06)translateY(0)}to{transform:scale(1)translateY(0)}}@keyframes holoSweep{0%{transform:translate(-140%)rotate(18deg)}to{transform:translate(240%)rotate(18deg)}}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.14)}}@keyframes tuileGrandit{0%{opacity:.6;transform:scale(.44)}70%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes statMonte{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes vsEntreeGauche{0%{opacity:0;transform:translate(-115%)}to{opacity:1;transform:translate(0)}}@keyframes vsEntreeDroite{0%{opacity:0;transform:translate(115%)}to{opacity:1;transform:translate(0)}}@keyframes vsClaque{0%{opacity:0;transform:scale(3.2)}55%{opacity:1;transform:scale(.86)}75%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes vsFlashBlanc{0%{opacity:0}10%{opacity:.85}to{opacity:0}}@keyframes vsShake{0%,to{transform:translate(0)}20%{transform:translate(-5px,2px)}45%{transform:translate(4px,-3px)}70%{transform:translate(-3px,-2px)}}@keyframes fadeMonte{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes finClaque{0%{opacity:0;transform:scale(2.4)}60%{opacity:1;transform:scale(.92)}80%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes haloVictoire{0%,to{opacity:.35;transform:scale(1)}50%{opacity:.75;transform:scale(1.18)}}