/* Demanacita v39 — interactive guidance for the two formerly decorative START panels. */

.press-start-sign[role="button"]{
  cursor:pointer;
  user-select:none;
  transition:transform .12s steps(2,end),filter .12s steps(2,end),box-shadow .12s steps(2,end);
}
.press-start-sign[role="button"]:hover,
.press-start-sign[role="button"]:focus-visible,
.press-start-sign.is-guide-active{
  transform:translateY(-50%) rotate(-1deg) translate(-2px,-2px);
  filter:brightness(1.18) saturate(1.12);
  box-shadow:7px 7px 0 #5c145c,0 0 28px rgba(37,230,221,.36);
}
.press-start-sign[role="button"]:focus-visible{outline:3px solid var(--arc-yellow);outline-offset:5px}
.language-gate-option.is-language-cued{position:relative;z-index:3;animation:languageOptionCue .38s steps(2,end) 5;filter:brightness(1.2);box-shadow:0 0 0 2px rgba(255,241,209,.18),0 0 26px rgba(37,230,221,.34)}
@keyframes languageOptionCue{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.035);filter:brightness(1.35)}}

.immersive-entry-art[role="button"]{
  cursor:pointer;
  user-select:none;
}
.immersive-entry-art[role="button"]::after{
  content:attr(data-guide-label)!important;
  white-space:normal!important;
  width:min(76%,290px);
  line-height:1.35!important;
  pointer-events:none;
}
.immersive-entry-art[role="button"]::before{
  transition:transform .14s steps(2,end),filter .14s steps(2,end),box-shadow .14s steps(2,end),border-color .14s steps(2,end);
}
.immersive-entry-art[role="button"]:hover::before,
.immersive-entry-art[role="button"]:focus-visible::before{
  transform:translate(-3px,-3px);
  filter:brightness(1.18) saturate(1.12);
  box-shadow:8px 8px 0 #541451,0 0 30px rgba(37,230,221,.34);
}
.immersive-entry-art[role="button"]:hover::after,
.immersive-entry-art[role="button"]:focus-visible::after{color:var(--arc-yellow);text-shadow:2px 2px 0 #5b1455,0 0 14px rgba(37,230,221,.42)}
.immersive-entry-art[role="button"]:focus-visible{outline:3px solid var(--arc-yellow);outline-offset:4px}
body.retro-gate-unlocked .immersive-entry-art[role="button"]::before{border-color:var(--arc-green);box-shadow:5px 5px 0 #15513c,0 0 22px rgba(89,229,163,.28)}
body.retro-gate-unlocked .immersive-entry-art[role="button"]::after{color:var(--arc-green);text-shadow:2px 2px 0 #15513c}

@media(max-width:820px){
  .press-start-sign[role="button"]{font-size:.72rem;line-height:1.3}
  .immersive-entry-art[role="button"]::after{width:min(82%,260px);font-size:clamp(.82rem,4vw,1.05rem)!important}
}
@media(prefers-reduced-motion:reduce){
  .press-start-sign[role="button"],.immersive-entry-art[role="button"]::before{transition:none!important}
  .language-gate-option.is-language-cued{animation:none!important;outline:2px solid var(--arc-cyan);outline-offset:3px}
}