/* Mode hiperespai: capa autònoma, sense afectar la maquetació del tema. */
.pauiau-hyperspace{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:block;
  width:100vw;
  height:100vh;
  height:100dvh;
  overflow:hidden;
  background:#000;
  color:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  touch-action:none;
  cursor:wait;
}
.pauiau-hyperspace.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:all;
}
.pauiau-hyperspace__canvas{
  position:absolute;
  inset:-8px;
  width:calc(100% + 16px);
  height:calc(100% + 16px);
  image-rendering:pixelated;
}
.pauiau-hyperspace__label{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border:3px solid #fff;
  padding:.45em .65em;
  background:#000;
  color:#fff;
  box-shadow:5px 5px 0 #686868;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:clamp(18px,4.4vw,42px);
  font-weight:700;
  line-height:1;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
  animation:pauiau-hyperspace-label .38s steps(2,end) infinite;
}
.pauiau-hyperspace-lock{
  overflow:hidden!important;
}
@keyframes pauiau-hyperspace-label{
  0%,49%{color:#fff;border-color:#fff;transform:translate(-50%,-50%)}
  50%,100%{color:#b8b8b8;border-color:#888;transform:translate(calc(-50% + 2px),calc(-50% - 1px))}
}
@media(max-width:640px){
  .pauiau-hyperspace__label{max-width:88vw;white-space:normal;border-width:2px;box-shadow:4px 4px 0 #686868}
}
@media(prefers-reduced-motion:reduce){
  .pauiau-hyperspace__label{animation:none}
}