/* ---------- Home ---------- */
.home{position:absolute;inset:0;overflow:hidden}
#scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.squad{position:absolute;inset:0;pointer-events:none}
.mate{position:absolute;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}
.mate .pmd{display:block;filter:drop-shadow(0 4px 0 rgba(20,30,50,.18))}
.mate[data-i="0"] .pmd{pointer-events:auto;cursor:pointer}   /* clique no parceiro: pula / acorda */
.mate.back .pmd{filter:drop-shadow(0 4px 0 rgba(20,30,50,.18)) brightness(.97)}
.mate .shadow{position:absolute;left:50%;transform:translateX(-50%);z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(30,40,60,.38),rgba(30,40,60,.18) 65%,transparent)}
@keyframes breathe{50%{transform:scale(1.012,1.03)}}
.modes{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mode{position:relative;height:150px;border-radius:var(--r-md);overflow:hidden;cursor:pointer;border:2px solid;padding:0;text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),var(--shadow);transition:transform .14s,filter .14s}
.mode:hover{transform:translateY(-4px);filter:brightness(1.08)}
/* modo bloqueado (Arena na tela inicial): apagado, sem clique e sem levantar no hover */
.mode.locked{cursor:not-allowed;filter:grayscale(.75) brightness(.7)}
.mode.locked:hover{transform:none;filter:grayscale(.75) brightness(.7)}
.mode .mArt{position:absolute;inset:0}
.mode .mArt svg{position:absolute;right:0;bottom:0;width:62%;height:100%}
.mode .mIco{position:absolute;left:18px;top:18px;width:96px;height:78px}
.mode .mIco svg{width:100%;height:100%;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.mode .mMon{position:absolute;right:16px;top:4px;height:100px;width:100px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.mode .mLbl{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:30px;font-weight:800;text-shadow:0 2px 0 rgba(0,0,0,.35),0 4px 12px rgba(0,0,0,.4)}
.mode .mSub{position:absolute;left:12px;right:12px;bottom:8px;text-align:center;font-size:14px;font-weight:600;color:rgba(235,245,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mode .badge{right:10px;top:10px}
.mode.adv{background:linear-gradient(160deg,#a8622a,#5e3214);border-color:#e8a061}
.mode.pvp{background:linear-gradient(160deg,#2a5cc0,#132f6e);border-color:#6aa8ff}
.mode.mis{background:linear-gradient(160deg,#5b3cb8,#2c1a66);border-color:#a58aff}