#rgame{ position:absolute; inset:0; z-index:70; touch-action:none; }
#rgame[hidden]{ display:none; }
#rgame .rgame-prog{ z-index:4; }
body.rgame-on #title-banner{ opacity:0 !important; pointer-events:none !important; transition:opacity .4s; }
#rgame-word{
  position:absolute; left:50%; top:712px; transform:translate(-50%,-50%); z-index:3;
  font-family:var(--font-read); font-size:56px; font-weight:700; line-height:1.15;
  color:#4A4036; white-space:nowrap;
  background:rgba(255,252,244,.94); border-radius:999px; padding:.12em .8em;
  box-shadow:0 4px 12px rgba(0,0,0,.18);
  text-shadow:0 0 6px #FFFCF4, 0 0 6px #FFFCF4, 0 2px 3px rgba(255,252,244,.9);
}
#rgame-word[hidden]{ display:none; }
#rgame-word .syl-plain{ transition:color .1s ease; }
#rgame-word .syl-plain.lit{ color:#FF3060; }
#rgame-word .kara-key{ font-size:1.5em; }   
#rgame .al-roman-btn{ pointer-events:auto; }
.home-layer.rgame-right img{
  filter:drop-shadow(0 0 10px #ffd24a) drop-shadow(0 0 22px #ffd24a) brightness(1.12);
  transition:filter .25s ease;
}
.home-layer.rgame-hint img{ animation:rgame-breathe 1.2s ease-in-out 2; }
@keyframes rgame-breathe{
  0%,100%{ filter:none; }
  50%    { filter:drop-shadow(0 0 8px #fff7c0) drop-shadow(0 0 16px #fff2a0) brightness(1.08); }
}
.rgame-points{
  position:fixed; z-index:100000; pointer-events:none;
  font-family:var(--font-read); font-weight:800; color:#ffd24a;
}