#pc-back-real{
  position:absolute; inset:0;
  display:none;                
  overflow:hidden;
  background:#fbf3e2;          
}
#pc-back-real .pcb-plate{
  position:absolute; inset:0;
  width:100%; height:100%;
  display:block;
  object-fit:fill;             
}
#pc-back-real .pcb-f, .pcb-room .pcb-f{
  position:absolute;
  font-family:var(--font-read);   
  font-weight:400;
  color:#4A3B2A;
  white-space:normal;
  -webkit-font-smoothing:antialiased;
}
#pc-back-real .pcb-f b, .pcb-room .pcb-f b{ font-weight:700; }   
#pc-back-real .pcb-pic, .pcb-room .pcb-pic{
  display:inline-block;
  height:1em; width:1em;
  vertical-align:-0.14em;
  margin-left:0.15em;
}
#flip-snap{
  position:absolute; inset:0;
  width:100%; height:100%;
  opacity:0;
  z-index:3;
}
#pc-tap{
  position:absolute; inset:0;
  z-index:3;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
#pc-back-real .pcb-tap{ cursor:pointer; -webkit-tap-highlight-color:transparent; }
#pc-back-real .pcb-said{ animation:pcbSaid 0.9s ease-out; }
@keyframes pcbSaid{
  0%{ text-shadow:0 0 0 rgba(217,136,74,0); }
  25%{ text-shadow:0 0 10px rgba(217,136,74,.85); }
  100%{ text-shadow:0 0 0 rgba(217,136,74,0); }
}
#pc-name-btn{
  position:absolute; left:50%;
  transform:translateX(-50%);
  display:none;
  font-family:var(--font-read);
  font-size:33px; font-weight:700; color:#4A3B2A;
  background:#fff7e8;
  border:3px solid #e8b04a; border-radius:999px;
  padding:8px 26px;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
  cursor:pointer; white-space:nowrap;
  box-sizing:border-box; text-align:center;
  -webkit-tap-highlight-color:transparent;
  transition:top .55s cubic-bezier(0.16,1,0.3,1);
}
#pc-name-btn.show{ display:flex; align-items:center; justify-content:center; }
#pc-roman-btn{
  position:absolute;
  display:none;
  align-items:center; justify-content:center;
  box-sizing:border-box;                      
  background:#33B8AD;
  border:3px solid #e8b04a; border-radius:999px;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
  font-family:var(--font-read); font-weight:700; font-size:23px;
  color:#4A3B2A; letter-spacing:.5px;
  cursor:pointer; -webkit-tap-highlight-color:transparent;
  transition:top .55s cubic-bezier(0.16,1,0.3,1),
             left .38s cubic-bezier(0.16,1,0.3,1),
             transform .18s ease-out;
}
#pc-roman-btn.show{ display:flex; }
#pc-roman-btn:active{ transform:scale(.92); }
#pc-roman-btn > #pc-roman-globe{ display:none; width:87%; height:87%; }
#pc-roman-btn > #pc-roman-abc{ position:relative; top:-0.167em; }
#pc-roman-btn.globe > #pc-roman-abc{ display:none; }
#pc-roman-btn.globe > #pc-roman-globe{ display:block; }
#postcard-overlay #lm-lang-slider{
  position:absolute; left:50%; bottom:24px;
  transform:translate(-50%, 60px);
  opacity:0;
  width:min(680px, 92vw);
  display:none;
  visibility:hidden; pointer-events:none;
  transition:transform .55s cubic-bezier(0.16,1,0.3,1), opacity .35s ease-out, visibility 0s linear .55s;
}
#postcard-overlay.active #lm-lang-slider{ display:block; }
#postcard-overlay #lm-lang-slider.pc-in{
  transform:translate(-50%, 0); opacity:1;
  visibility:visible; pointer-events:auto;
  transition:transform .55s cubic-bezier(0.16,1,0.3,1), opacity .35s ease-out, visibility 0s linear 0s;
}
#pc-back-real .syl-plain, .pcb-room .syl-plain, #pc-name-btn .syl-plain{
  transition:color .1s ease;
}
#pc-back-real .syl-plain.lit, .pcb-room .syl-plain.lit, #pc-name-btn .syl-plain.lit{
  color:#FF3060;
}