/* Stick Kombact 0.88.10 - Modalità 2v2 HUD nomi e carica speciale */
.game-mode-gallery{position:relative;flex:1;min-height:0;display:flex;align-items:stretch;overflow:hidden}
.game-mode-scroll-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:clamp(38px,5vw,58px);height:clamp(64px,18vh,118px);border:1px solid rgba(255,255,255,.26);border-radius:16px;background:linear-gradient(90deg,rgba(3,8,18,.9),rgba(14,24,42,.72));color:#fff;font:900 clamp(34px,6vw,58px)/1 'Segoe UI',sans-serif;text-shadow:0 0 14px rgba(0,210,255,.8);box-shadow:0 8px 28px rgba(0,0,0,.42);cursor:pointer;opacity:.88;transition:opacity .18s ease,transform .18s ease}
.game-mode-scroll-arrow:hover,.game-mode-scroll-arrow:focus-visible{opacity:1;outline:2px solid #00d2ff;transform:translateY(-50%) scale(1.04)}
.game-mode-scroll-arrow[hidden],.game-mode-scroll-arrow:disabled{display:none!important}
.game-mode-scroll-arrow.left{left:4px}.game-mode-scroll-arrow.right{right:4px}
.game-mode-grid{scrollbar-width:none;-ms-overflow-style:none}.game-mode-grid::-webkit-scrollbar{display:none}
#team-2v2-modal{position:fixed;inset:0;z-index:12050;display:none;align-items:center;justify-content:center;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:radial-gradient(circle at 50% 18%,rgba(22,45,86,.97),rgba(3,6,14,.985) 72%)}
.team-2v2-panel{width:min(700px,96vw);max-height:min(560px,94dvh);display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:clamp(14px,2.5vw,24px);border:1px solid rgba(0,210,255,.62);border-radius:22px;background:linear-gradient(145deg,#111b2d,#080d17);box-shadow:0 0 42px rgba(0,210,255,.2)}
.team-2v2-header{display:flex;align-items:center;justify-content:center;gap:12px}.team-2v2-header h2{margin:0;color:#fff;font-size:clamp(24px,4vw,38px);text-shadow:0 3px #000,0 0 18px rgba(0,210,255,.5)}
.team-2v2-copy{margin:0;color:#cfe8ff;text-align:center;font-weight:700;font-size:clamp(12px,1.7vw,16px)}
.team-2v2-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-2v2-action{min-height:82px;border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:14px;background:linear-gradient(145deg,#18365d,#10243e);color:#fff;font-weight:900;font-size:clamp(15px,2.3vw,21px);cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.3)}.team-2v2-action:hover,.team-2v2-action:focus-visible{outline:2px solid #00d2ff;filter:brightness(1.1)}.team-2v2-action.bot{background:linear-gradient(145deg,#234b31,#132c1d)}
.team-2v2-friends{display:none;min-height:0;overflow:auto;border-radius:14px;background:rgba(0,0,0,.2);padding:8px}.team-2v2-friends.is-open{display:block}.team-2v2-friend{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.team-2v2-friend:last-child{border-bottom:0}.team-2v2-friend-name{flex:1;color:#fff;font-weight:800}.team-2v2-friend-state{font-size:12px;color:#9fb1c8}.team-2v2-invite-btn{min-width:104px;min-height:38px;border:0;border-radius:10px;background:#00a8ff;color:#fff;font-weight:900;cursor:pointer}.team-2v2-invite-btn:disabled{background:#3c4658;color:#9ea8b7;cursor:not-allowed}
.team-2v2-message{min-height:22px;margin:0;text-align:center;color:#dff8ff;font-weight:800}.team-2v2-message.error{color:#ff8f9e}.team-2v2-back{align-self:center;min-width:150px;min-height:42px;border:0;border-radius:12px;background:#343f56;color:#fff;font-weight:900;cursor:pointer}
#team-2v2-invite-toast{position:fixed;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:13020;display:none;width:min(390px,calc(100vw - 24px));padding:12px;border:1px solid #00d2ff;border-radius:16px;background:rgba(9,19,34,.97);box-shadow:0 10px 32px rgba(0,0,0,.58)}#team-2v2-invite-toast.is-open{display:block}.team-2v2-toast-title{color:#eccc68;font-weight:900;font-size:17px}.team-2v2-toast-text{color:#fff;margin:5px 0 10px;font-weight:700}.team-2v2-toast-actions{display:flex;gap:8px}.team-2v2-toast-actions button{flex:1;min-height:40px;border:0;border-radius:10px;font-weight:900;cursor:pointer}.team-2v2-toast-accept{background:#2ed573;color:#07160d}.team-2v2-toast-decline{background:#4a5366;color:#fff}
#team-2v2-hud{position:absolute;inset:5px 10px auto;z-index:75;display:none;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);gap:12px;pointer-events:none}#team-2v2-hud.is-open{display:grid}.team-hud-center{display:grid;justify-items:center;align-content:start;gap:3px}.team-hud-round{min-width:92px;padding:3px 7px;border-radius:8px;background:rgba(0,0,0,.72);border:1px solid rgba(236,204,104,.42);color:#eccc68;text-align:center;font:900 10px/1.1 'Segoe UI',sans-serif;letter-spacing:.3px}.team-hud-team{display:grid;grid-template-columns:1fr 1fr;gap:6px}.team-hud-fighter{min-width:0;padding:5px 7px;border-radius:9px;background:rgba(3,8,16,.8);border:1px solid rgba(255,255,255,.16)}.team-hud-team.enemy .team-hud-fighter{border-color:rgba(255,75,75,.35)}.team-hud-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:10px;font-weight:900}.team-hud-bar{height:8px;margin-top:3px;border-radius:8px;overflow:hidden;background:#202938}.team-hud-fill{height:100%;width:100%;background:linear-gradient(90deg,#2ed573,#7bed9f);transition:width .12s linear}.team-hud-team.enemy .team-hud-fill{background:linear-gradient(90deg,#ff4757,#ff7f50)}.team-hud-meta{min-height:13px;margin-top:2px;display:flex;align-items:center;justify-content:space-between;gap:5px}.team-hud-special{white-space:nowrap;color:#7fdbff;font-size:9px;font-weight:900}.team-hud-special.ready{color:#f368e0}.team-hud-team.enemy .team-hud-special{color:#ff8fa3}.team-hud-team.enemy .team-hud-special.ready{color:#f368e0}.team-hud-state{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ffd166;font-size:9px;font-weight:900;text-align:right}.team-hud-timer{align-self:start;min-width:76px;padding:5px 8px;border-radius:10px;background:rgba(0,0,0,.78);color:#fff;text-align:center;font:900 18px/1.1 'Segoe UI',sans-serif;border:1px solid rgba(255,255,255,.25)}
@media (max-height:620px),(orientation:landscape) and (max-height:700px){.team-2v2-panel{max-height:96dvh;gap:8px;padding:10px 14px}.team-2v2-header h2{font-size:22px}.team-2v2-copy{font-size:12px}.team-2v2-actions{gap:8px}.team-2v2-action{min-height:58px;padding:8px;font-size:14px}.team-2v2-friend{min-height:42px;padding:5px 8px}.team-2v2-back{min-height:34px}.game-mode-scroll-arrow{height:82px}}
@media (max-width:680px){.team-2v2-actions{grid-template-columns:1fr}.team-2v2-action{min-height:58px}}
/* In 2v2 the standard two-fighter HUD must not overlap the four-fighter team HUD. */
body.team-2v2-active #combat-hud-overlay #ui-container,
body.team-2v2-active #combat-hud-overlay .status-container{visibility:hidden!important;pointer-events:none!important}
/* v0.88.10: conservare la geometria del layout standard, ma in 2v2 il layer
   visivo dell'HUD standard non deve coprire o scurire l'HUD dedicato. Le righe
   standard restano nel DOM (visibility:hidden) per non modificare le dimensioni
   dell'arena, mentre background e bordo dell'overlay vengono rimossi. */
body.team-2v2-active #team-2v2-hud{display:grid}
body.mobile-device.is-landscape.team-2v2-active #game-layout.hud-active > #combat-hud-overlay{
  background:transparent!important;
  border-bottom:0!important;
}

/* v0.88.10 - L'HUD 2v2 parte dal bordo superiore dell'arena. */
body.team-2v2-active #battle-controls-bar{z-index:90}
body.team-2v2-active #team-2v2-hud{top:5px;z-index:85}
@media (max-height:620px),(orientation:landscape) and (max-height:700px){body.team-2v2-active #team-2v2-hud{top:5px}}