#arena-hud{position:fixed;top:16px;left:24px;z-index:400;opacity:0;pointer-events:none;transition:opacity .5s}
#arena-hud.visible{opacity:1;pointer-events:auto}
.arena-title{font-family:"Orbitron",sans-serif;font-size:1.3rem;font-weight:900;color:#FBBF24;letter-spacing:3px;text-shadow:0 0 30px rgba(251,191,36,.46)}
.arena-subtitle{font-size:.78rem;color:#c9b5ff;letter-spacing:2px;text-transform:uppercase;margin-top:4px}
#arena-exit{position:fixed;top:16px;right:24px;z-index:400;background:rgba(109,40,217,.18);border:1px solid rgba(251,191,36,.38);border-radius:8px;padding:8px 20px;color:#FBBF24;font-family:"Orbitron",sans-serif;font-size:.7rem;letter-spacing:2px;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s}
#arena-exit.visible{opacity:1;pointer-events:auto}
#arena-exit:hover{background:rgba(109,40,217,.32);box-shadow:0 0 24px rgba(251,191,36,.28)}
#arena-tooltip{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:400;background:rgba(10,4,28,.92);backdrop-filter:blur(14px);border:1px solid rgba(251,191,36,.42);border-radius:8px;padding:12px 28px;text-align:center;color:#FBBF24;font-family:"Orbitron",sans-serif;font-size:.82rem;letter-spacing:1px;opacity:0;pointer-events:none;transition:opacity .25s}
#arena-tooltip.visible{opacity:1}
#arena-hints{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:400;background:rgba(12,5,36,.86);backdrop-filter:blur(10px);border:1px solid rgba(27,166,166,.28);border-radius:8px;padding:10px 24px;color:#a8d0cf;font-size:.78rem;letter-spacing:1px;display:flex;gap:20px;opacity:0;pointer-events:none;transition:opacity .4s}
#arena-hints.visible{opacity:1}

.arena-battle-modal{position:fixed;inset:0;z-index:740;background:rgba(4,2,12,.7);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s}
.arena-battle-modal.visible{opacity:1;pointer-events:auto}
.arena-battle-panel{width:min(1040px,94vw);max-height:90vh;overflow:auto;background:linear-gradient(160deg,rgba(14,6,34,.97),rgba(22,10,50,.97));border:1px solid rgba(251,191,36,.36);border-radius:10px;box-shadow:0 24px 80px rgba(0,0,0,.58),0 0 70px rgba(109,40,217,.22);color:#e6dcff;padding:24px}
.arena-battle-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.arena-battle-kicker{font-size:.72rem;text-transform:uppercase;color:#1BA6A6;letter-spacing:3px}
.arena-battle-header h2{font-family:"Orbitron",sans-serif;font-size:1.45rem;color:#FBBF24;margin-top:5px;letter-spacing:2px}
.arena-battle-close{width:36px;height:36px;border:1px solid rgba(251,191,36,.38);border-radius:8px;background:rgba(251,191,36,.1);color:#FBBF24;cursor:pointer;font-family:"Orbitron",sans-serif;font-size:.9rem}
.arena-battle-close:hover{background:rgba(251,191,36,.2)}

.arena-battle-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
.arena-battle-section{border:1px solid rgba(109,40,217,.32);border-radius:10px;background:rgba(16,7,40,.72);padding:16px;display:flex;flex-direction:column;gap:12px;min-height:280px}
.arena-battle-section-title{font-family:"Orbitron",sans-serif;font-size:.78rem;color:#FBBF24;letter-spacing:2px;text-transform:uppercase}

.arena-robot-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;padding-right:4px}
.arena-robot-card{border:1px solid rgba(27,166,166,.24);border-radius:8px;background:rgba(8,4,22,.72);padding:10px 12px;color:#e6dcff;text-align:left;display:grid;grid-template-columns:12px 1fr auto;gap:12px;cursor:pointer;align-items:center;transition:background .15s,border-color .15s,transform .15s}
.arena-robot-card:hover{background:rgba(20,10,48,.9);border-color:rgba(251,191,36,.48);transform:translateY(-1px)}
.arena-robot-card.active{border-color:rgba(251,191,36,.8);background:rgba(251,191,36,.08);box-shadow:0 0 24px rgba(251,191,36,.16)}
.arena-robot-swatch{width:10px;height:42px;border-radius:3px;box-shadow:0 0 16px currentColor}
.arena-robot-main{display:flex;flex-direction:column;gap:3px;min-width:0}
.arena-robot-name{font-family:"Orbitron",sans-serif;font-size:.88rem;color:#fff;letter-spacing:1px}
.arena-robot-role{font-size:.76rem;color:#a59fd3}
.arena-robot-stats{font-size:.72rem;color:#6dd9d9;font-family:"Orbitron",sans-serif;letter-spacing:1px}
.arena-robot-badge{font-family:"Orbitron",sans-serif;font-size:.62rem;padding:3px 6px;border-radius:4px;background:rgba(251,191,36,.14);color:#FBBF24;border:1px solid rgba(251,191,36,.34);letter-spacing:1px}
.arena-robot-badge.alt{background:rgba(27,166,166,.14);color:#52d5d5;border-color:rgba(27,166,166,.34)}

.arena-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.arena-mode-tab{border:1px solid rgba(27,166,166,.34);border-radius:8px;background:rgba(8,4,22,.72);color:#e6dcff;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;text-align:left;transition:background .15s, border-color .15s, transform .15s}
.arena-mode-tab:hover{background:rgba(20,10,48,.9);border-color:rgba(251,191,36,.48)}
.arena-mode-tab.active{border-color:rgba(251,191,36,.8);background:rgba(251,191,36,.1);box-shadow:0 0 20px rgba(251,191,36,.18)}
.arena-mode-tab strong{font-family:"Orbitron",sans-serif;font-size:.82rem;color:#FBBF24;letter-spacing:2px}
.arena-mode-tab small{font-size:.72rem;color:#a59fd3}
.arena-mode-block[hidden]{display:none}

.arena-npc-list{display:grid;grid-template-columns:1fr;gap:8px}
.arena-npc-card{border:1px solid rgba(109,40,217,.4);border-radius:8px;background:rgba(10,4,26,.88);color:#e6dcff;padding:10px 12px;cursor:pointer;text-align:left;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;transition:background .15s,border-color .15s,transform .15s}
.arena-npc-card:hover{background:rgba(28,14,60,.94);border-color:rgba(27,166,166,.6);transform:translateY(-1px)}
.arena-npc-card strong{font-family:"Orbitron",sans-serif;font-size:.84rem;letter-spacing:1px;color:#fff}
.arena-npc-diff{font-size:.72rem;color:#c9b5ff;background:rgba(109,40,217,.22);padding:3px 8px;border-radius:4px;letter-spacing:1px;font-family:"Orbitron",sans-serif}
.arena-npc-reward{font-family:"Orbitron",sans-serif;font-size:.74rem;color:#FBBF24}

.arena-online-card{border:1px solid rgba(27,166,166,.3);border-radius:10px;background:rgba(6,3,18,.82);padding:14px;display:flex;flex-direction:column;gap:10px}
.arena-online-row{display:flex;justify-content:space-between;color:#c9b5ff;font-size:.8rem;letter-spacing:1px}
.arena-online-row strong{font-family:"Orbitron",sans-serif;color:#FBBF24}
.arena-online-note{margin:2px 0 0;font-size:.72rem;color:#8981b0;letter-spacing:1px}

.arena-primary-btn{border:1px solid rgba(251,191,36,.5);border-radius:8px;background:linear-gradient(135deg,rgba(251,191,36,.22),rgba(109,40,217,.3));color:#FBBF24;font-family:"Orbitron",sans-serif;font-size:.82rem;letter-spacing:2px;padding:10px 16px;cursor:pointer;transition:background .15s, box-shadow .15s, transform .15s}
.arena-primary-btn:hover{background:linear-gradient(135deg,rgba(251,191,36,.36),rgba(109,40,217,.44));box-shadow:0 0 24px rgba(251,191,36,.28);transform:translateY(-1px)}
.arena-primary-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}

.arena-battle-footer{margin-top:18px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.arena-battle-status{flex:1;min-height:20px;font-size:.82rem;color:#c9b5ff;letter-spacing:1px}
.arena-battle-status.ok{color:#6dd9d9}
.arena-battle-status.error{color:#ff8b8b}
.arena-empty-note{border:1px dashed rgba(109,40,217,.4);border-radius:8px;padding:12px;color:#a59fd3;font-size:.82rem;text-align:center;letter-spacing:1px}

@media (max-width:900px){
  .arena-battle-layout{grid-template-columns:1fr}
  .arena-battle-panel{padding:18px}
  #arena-hints{width:calc(100vw - 28px);justify-content:center;flex-wrap:wrap;gap:10px}
}

.arena-combat-hud{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:720;width:min(760px,calc(100vw - 28px));opacity:0;pointer-events:none;transition:opacity .18s;color:#e6dcff}
.arena-combat-hud.visible{opacity:1}
.arena-combat-bars{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.arena-combat-card{border:1px solid rgba(251,191,36,.42);border-radius:8px;background:rgba(8,4,22,.86);backdrop-filter:blur(10px);padding:10px 12px;box-shadow:0 14px 34px rgba(0,0,0,.36)}
.arena-combat-card.npc{border-color:rgba(27,166,166,.42)}
.arena-combat-name{font-family:"Orbitron",sans-serif;font-size:.8rem;color:#fff;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arena-combat-bar{height:10px;margin-top:8px;border-radius:6px;background:rgba(255,255,255,.12);overflow:hidden}
.arena-combat-bar span{display:block;height:100%;width:100%;border-radius:6px;transition:width .18s}
#arena-player-hp-fill{background:linear-gradient(90deg,#FBBF24,#6dd9d9)}
#arena-npc-hp-fill{background:linear-gradient(90deg,#1BA6A6,#C084FC)}
.arena-combat-hp{margin-top:5px;font-family:"Orbitron",sans-serif;font-size:.68rem;color:#a8d0cf;letter-spacing:1px}
.arena-combat-status{margin:10px auto 0;width:max-content;max-width:100%;border:1px solid rgba(27,166,166,.32);border-radius:8px;background:rgba(10,4,28,.88);padding:8px 14px;text-align:center;font-family:"Orbitron",sans-serif;font-size:.72rem;color:#FBBF24;letter-spacing:1px;box-shadow:0 12px 28px rgba(0,0,0,.34)}
.arena-combat-actions{margin-top:8px;display:flex;justify-content:center;gap:8px;pointer-events:auto}
.arena-combat-btn{border:1px solid rgba(251,191,36,.48);border-radius:8px;background:rgba(251,191,36,.16);color:#FBBF24;font-family:"Orbitron",sans-serif;font-size:.7rem;letter-spacing:1px;padding:8px 12px;cursor:pointer}
.arena-combat-btn.secondary{border-color:rgba(27,166,166,.42);background:rgba(27,166,166,.14);color:#6dd9d9}
.arena-combat-btn:hover{filter:brightness(1.14)}

@media (max-width:640px){
  .arena-combat-hud{top:12px}
  .arena-combat-bars{grid-template-columns:1fr;gap:7px}
  .arena-combat-card{padding:8px 10px}
  .arena-combat-status{font-size:.66rem;line-height:1.4}
}