/* V17.5 : arène des amis harmonisée avec l'arène du monde. Aucun changement de logique. */
#multiRoom:not(.hidden){position:fixed!important;inset:0!important;z-index:99998!important;overflow:auto!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:0!important;background:linear-gradient(180deg,rgba(3,13,31,.30),rgba(3,13,31,.32)),url('arenes/entrainement_v1624.webp') center/cover no-repeat!important;color:#fff!important}
#multiRoom:not(.hidden)>.panel{position:relative!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-height:100dvh!important;margin:0!important;padding:clamp(12px,2vw,28px)!important;background:transparent!important;border:0!important;box-shadow:none!important}
#multiRoom .between{background:linear-gradient(100deg,#091d3adb,#082043bf)!important;border:2px solid #e7c66c;border-radius:16px;padding:12px 22px!important;max-width:1150px;width:100%;margin:0 auto}
#multiRoom #multiRoomTitle{font-size:clamp(20px,3vw,36px);color:#ffdf55;text-shadow:0 3px 6px #172133}
#multiRoom #multiState{background:#15355c;color:#fff}
#multiRoom #multiRoomCode{color:#ffe38b}
#multiRoom p:has(#multiRoomCode),#multiRoom #multiTurn,#multiRoom #v127Score{align-self:center;text-align:center;background:#0b2344d9;border:1px solid #e7c66c77;border-radius:14px;padding:9px 16px;margin:0!important;max-width:850px}
#multiRoom #v127Score{font-size:16px;font-weight:900}
#multiRoom .battle{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:end!important;gap:clamp(12px,5vw,90px)!important;width:min(100%,1250px)!important;min-height:clamp(270px,43vh,580px)!important;margin:0 auto!important;padding:clamp(10px,2vw,24px)!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
#multiRoom .battle::before{display:none!important}
#multiRoom .fighter{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;min-width:0!important;width:100%!important;max-width:480px!important;padding:14px!important;border:1px solid #7bc8f0a0!important;border-radius:20px!important;background:linear-gradient(180deg,#102b48a8,#061b32dd)!important;box-shadow:0 15px 35px #0008!important}
#multiRoom .fighter:nth-child(2){border-color:#ffb969a0!important}
#multiRoom .fighter b{font-size:clamp(15px,2vw,26px);color:white;text-align:center;text-shadow:0 2px 6px #000}
#multiRoom .fighter .art{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;height:clamp(140px,26vh,330px)!important;overflow:visible!important}
#multiRoom .fighter .art img{max-width:100%!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 16px 12px #0008)}
#multiRoom .fighter .bar{height:19px!important;width:100%!important;border:2px solid #c7d6e9!important;border-radius:99px!important;background:#101b2e!important;overflow:hidden!important}
#multiRoom .fighter .bar>div{height:100%;border-radius:99px;transition:width .4s}
#multiRoom .fighter span{font-weight:900;color:white}
#multiRoom .actions{align-self:center;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;width:min(100%,1150px);padding:12px;background:#071a32eb;border:1px solid #a4c9f35c;border-radius:17px}
#multiRoom .actions button{min-height:45px;font-weight:900;border-radius:12px}
#multiRoom #multiHit{background:linear-gradient(135deg,#ffbd54,#ef672f)!important;color:#211b15!important}
#multiRoom #multiGuard{background:linear-gradient(135deg,#60c8fa,#3878db)!important;color:#071f3c!important}
#multiRoom #multiEvent{align-self:center;width:min(100%,850px);background:#071a32df!important;border:1px solid #a4c9f35c;border-radius:12px;padding:12px!important}
#multiRoom #v127Third{align-self:center;width:min(100%,850px);background:#071a32ed}
@media(max-width:650px){#multiRoom:not(.hidden)>.panel{padding:8px!important;gap:7px!important}#multiRoom .between{padding:9px!important}#multiRoom .battle{gap:8px!important;min-height:260px!important;padding:3px!important}#multiRoom .fighter{padding:7px!important}#multiRoom .fighter .art{height:clamp(125px,23vh,210px)!important}#multiRoom .fighter .bar{height:13px!important}#multiRoom .actions{padding:8px!important}#multiRoom .actions button{font-size:12px;padding:8px!important}}