*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050710;color:#fff;font-family:Consolas,"Courier New",monospace;overflow:hidden}
body{display:grid;place-items:center}.oculto{display:none!important}
#portada{width:100vw;height:100vh;background:#000;position:relative;display:flex;align-items:center;justify-content:center}
#portada img{width:100%;height:100%;object-fit:contain}
.pulsa{position:absolute;left:50%;bottom:3%;transform:translateX(-50%);padding:12px 22px;background:#050710e8;border:2px solid #ff54aa;color:#fff;font-weight:bold;font-size:18px;white-space:nowrap;text-shadow:2px 2px #2368d6;animation:parpadeo 1s steps(2) infinite}
@keyframes parpadeo{50%{opacity:.2}}
#juego{width:min(97vw,900px);position:relative;border:3px solid #2869d7;box-shadow:0 0 28px #2869d755}
header,footer{background:#10172b;padding:11px 15px;display:flex;justify-content:space-between;color:#dce8ff}
header b{color:#ff5cab}footer{justify-content:center;font-size:13px}
canvas{display:block;width:100%;height:auto;background:#171a22;image-rendering:pixelated}
#cartel{position:absolute;inset:43px 0 37px;background:#050710e9;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:22px;line-height:1.6}
#cartel strong{font-size:43px;color:#ffdf45;text-shadow:3px 3px #ff4fa3}
#cartel small{color:#dce8ff}
.touch-only,#portraitOnly{display:none}
@media (hover:none) and (pointer:coarse){
 *,*:before,*:after{box-sizing:border-box}
 html,body{margin:0;width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior:none}
 body{touch-action:none}
 .pc-only{display:none!important}.touch-only{display:inline!important}
 #portada{touch-action:manipulation}
 #juego{width:100%!important;max-width:100%!important}
 canvas{display:block;width:100%!important;max-width:100%!important;height:auto!important;touch-action:none}
}
@media (hover:none) and (pointer:coarse) and (orientation:landscape){
 #portraitOnly{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#061018;color:#d9f8ff;text-align:center;font-family:"Courier New",monospace}
 #portraitOnly div{font-size:58px} #portraitOnly strong{font-size:30px;color:#39e7ff} #portraitOnly span{font-size:16px}
}

.mobile-controls{display:none}
@media (hover:none) and (pointer:coarse) and (orientation:portrait){
 body{min-height:100dvh}
 #juego:not(.oculto){min-height:100dvh;display:flex!important;flex-direction:column;justify-content:center;width:100%!important;margin:0!important}
 .pc-controls{display:none!important}
 .mobile-controls{display:inline!important;letter-spacing:1px}
}