/* responsive.css — Media queries responsive
   Extraido automaticamente de index.html (bloques <style> originales) */

@media screen and (orientation:portrait) and (max-width:900px){#orientationWarning{display:flex;}#uiLayer{display:none!important;}}

@media (max-width:900px){#hud{padding:5px;top:0;bottom:auto;left:0;right:auto;justify-content:flex-start;align-items:flex-start;transform-origin:top left;width:100%;background:none;}.hud-panel{background:rgba(0,0,0,0.3);padding:5px 10px;}.bar-container{width:120px;}#ammoHudPanel{position:fixed;right:5px;top:5px;bottom:auto!important;padding:4px 8px;font-size:9px;}#ammoHudPanel .weapon-name{font-size:8px;}#ammoHudPanel .ammo-display{font-size:12px;}#ammoHudPanel div{font-size:8px!important;margin-top:2px!important;}#ammoHudPanel #keyDisplay{font-size:10px!important;}.editor-tool{padding:6px;}.btn{min-width:90px;padding:7px 10px;font-size:11px;}h1{font-size:1.55rem;}#missionPanel,#worldListPanel,#skinMenu,#settingsMenu,#playConfigPanel,#shopPanel,#rankingPanel,#communityMapsPanel,#authPanel,#legalPanel,#tutorialPanel,#updatesPanel,#descriptionPanel,#tipsPanel,#friendsPanel,#createRoomPanel,#browseRoomsPanel,#lobbyPanel{position:fixed!important;width:92%!important;max-width:560px!important;height:auto!important;max-height:87dvh!important;max-height:87vh!important;padding:14px 13px 24px 13px!important;border-radius:14px!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;justify-content:flex-start!important;font-size:12px!important;}.ui-layer>div:last-child,#settingsMenu>div:last-child,#shopPanel>div:last-child{margin-bottom:40px!important;}#stanceIndicator{bottom:auto;top:100px;left:10px;font-size:16px;}#commandBtn{right:180px;top:10px;}input[type=range]{height:28px;touch-action:pan-x!important;}}

@media (max-height:600px) and (orientation:landscape){h1{font-size:1.8rem;margin-bottom:0;}h2{font-size:1rem;margin-bottom:10px;}.btn{padding:8px 16px;margin:3px;}#settingsMenu,#shopPanel,#rankingPanel,#communityMapsPanel,#authPanel,#legalPanel,#tutorialPanel,#updatesPanel,#descriptionPanel,#tipsPanel{max-height:100vh;max-height:100dvh;justify-content:flex-start;padding-bottom:30px;}}

@media (max-width:900px){
/* HUD más pequeño e inmersivo en móvil */
#hud{transform:scale(0.36);transform-origin:top left;opacity:0.55;}
#ammoHudPanel{transform:scale(0.44);transform-origin:top right;}
#liveScoreboard{transform:scale(0.75);transform-origin:top left;}
.hud-panel{background:rgba(0,0,0,0.12)!important;border-left-color:rgba(255,215,0,0.06)!important;}
/* Menús más compactos en móvil */
h1{font-size:1.4rem!important;margin-bottom:2px!important;}
h2{font-size:0.75rem!important;margin-bottom:6px!important;}
.btn{padding:7px 10px!important;font-size:10px!important;min-width:80px!important;margin:2px!important;}
#missionPanel,#worldListPanel,#skinMenu,#settingsMenu,#playConfigPanel,#shopPanel,#rankingPanel,#communityMapsPanel,#authPanel,#legalPanel,#tutorialPanel,#updatesPanel,#descriptionPanel,#tipsPanel,#friendsPanel,#createRoomPanel,#browseRoomsPanel,#lobbyPanel{font-size:12px!important;}
/* Botones mobile más pequeños y transparentes para mayor inmersión */
--mob-btn-size:48px;
.mob-btn{opacity:0.68;}
.joystick-area{width:110px;height:110px;}
.joystick-handle{width:38px;height:38px;}
#fireBtn{width:calc(var(--mob-btn-size)*1.5);height:calc(var(--mob-btn-size)*1.5);}
/* HUD-03: stance indicator menos intrusivo en móvil */
#stanceIndicator{font-size:10px!important;opacity:0.45!important;}
}

@media (max-width:900px){#creditsPanel{position:fixed!important;width:100vw!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important;padding:20px 15px 40px 15px!important;border-radius:0;top:0!important;left:0!important;transform:none!important;justify-content:flex-start!important;}}

@media (max-height:600px) and (orientation:landscape){#creditsPanel{max-height:100vh;max-height:100dvh;justify-content:flex-start;padding-bottom:30px;}}

/* ── Responsive: ajustar posición en móvil ── */

@media (max-width: 900px) {
  /* Vitales, anillos, panel de arma, engranaje, chips y monedas/XP: ahora viven en css/hud.css
     (ronda U3a). Aquí solo quedan las reglas que no son del HUD de zonas. */
  #stanceIndicator { bottom: 72px !important; }
  #controlsGuidePanel { display: none !important; }
}