/* Original Xserver 3D guide, adapted to the course site's existing bubble. */
.house-guide{opacity:0;visibility:hidden;transition:opacity .3s ease;}
.house-guide.is-visible{opacity:1;visibility:visible;}
.house-guide .guide-bubble{padding-top:20px;}
.house-guide .guide-name{top:-12px;bottom:auto;left:12px;right:auto;padding:2px 9px;background:#1a1a1a;color:#fff;border:0;border-radius:3px;box-shadow:none;transform:none;font-size:10px;letter-spacing:.12em;}
.house-guide .guide-figure{--guide-size:128px;width:calc(var(--guide-size) * var(--guide-ratio,1));height:var(--guide-size);margin:8px 4px 0 auto;transform-origin:50% 100%;}
.house-guide .guide-character{display:block;width:100%;height:100%;margin:0;background-size:calc(var(--guide-frames,8) * 100%) 100%;background-repeat:no-repeat;}
.house-guide.is-entering .guide-figure{animation:houseGuideEnter .62s cubic-bezier(.22,1,.36,1) both;}
@keyframes houseGuideEnter{0%{transform:translateY(50px) scale(1.04,.92);opacity:0}45%{transform:translateY(-12px) scale(.97,1.04);opacity:1}75%{transform:translateY(0) scale(1.02,.98)}100%{transform:translateY(0) scale(1)}}
/* A smaller fixed guide on phones; course and interview views stay hidden. */
@media(max-width:760px){
  .house-guide{position:fixed;right:12px;bottom:12px;z-index:25;width:188px;display:block;margin:0;}
  .house-guide .guide-bubble{width:178px;max-width:none;padding:19px 12px 12px;}
  .house-guide .guide-bubble p{font-size:11px;line-height:1.8;}
  .house-guide .guide-bubble:after{right:29px;bottom:-8px;transform:rotate(45deg);}
  .house-guide .guide-bubble a{margin-top:6px;font-size:9px;}
  .house-guide .guide-figure{--guide-size:88px;margin:8px 4px 0 auto;}
  .house-guide .guide-name{font-size:9px;}
  .house-guide .guide-close{top:-9px;right:0;}
}
@media(prefers-reduced-motion:reduce){.house-guide{transition:none;}.house-guide.is-entering .guide-figure{animation:none;}}