html,body{margin:0;padding:0;background:#0a0a0a ;}
body{font-family:"Times New Roman",Times,serif;color:#c9c2b0;cursor:url("assets/cursor_arrow.png") 0 0,auto;}
a{color:#7e9cff;text-decoration:underline;}
a:visited{color:#a878d8;}
a:hover{color:#e04a4a;text-decoration:underline;}
a:active{color:#ff0000;}
@keyframes hlblink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes hlflick{0%{opacity:1}40%{opacity:.72}55%{opacity:1}70%{opacity:.85}100%{opacity:1}}
@keyframes hlring{0%{transform:rotate(0deg)}12%{transform:rotate(11deg)}30%{transform:rotate(-9deg)}48%{transform:rotate(6deg)}66%{transform:rotate(-4deg)}84%{transform:rotate(2deg)}100%{transform:rotate(0deg)}}
@keyframes hlbar{0%{background-position:0 0}100%{background-position:0 6px}}
img{image-rendering:pixelated;}

/* móviles: mismo diseño, solo se reacomoda en una columna por debajo de 820px */
img{max-width:100%;}
#secretVideoFrame{max-width:100%;height:auto;aspect-ratio:16/9;}

@media (max-width:820px){
  .hl-page{width:100% !important;max-width:800px;}
  .hl-side,
  .hl-main{display:block !important;width:100% !important;box-sizing:border-box;}
  .hl-side{border-right:none !important;border-bottom:1px solid #2e2e2e;}
  .hl-card{display:block !important;width:100% !important;box-sizing:border-box;margin:0 0 8px !important;}
  .hl-modal{width:92vw !important;}
  marquee{width:100%;}
}