/* This room shares home's full painting and orientation rules. */
.landing-page.is-rabbit-hole {overflow:hidden;-webkit-text-size-adjust:100%}
.landing-page.is-rabbit-hole .site-header {display:none}
.landing-page.is-destination main > #app {display:block;padding:0;margin:0;max-width:none;min-height:0;height:100dvh;overflow:hidden}
.rabbit-stage {position:relative;width:100%;height:100%;isolation:isolate}
.rabbit-stage picture,.rabbit-scene {display:block;width:100%;height:100%}
.rabbit-scene {object-fit:fill;opacity:1}
.rabbit-stage .sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rabbit-stage .woodland-link {z-index:2;min-width:44px;min-height:44px}
.rabbit-invitation {left:35%;top:50%;width:15%;height:15%}
.rabbit-plaque {left:69%;top:32%;width:13%;height:19%}
.rabbit-phone {left:83%;top:55%;width:14%;height:22%}
.rabbit-room-hint {position:absolute;left:40%;top:23.5%;width:18%;margin:0!important;color:#4b2d14!important;text-align:center;font:500 clamp(9px,1.15vw,18px)/1.2 Fredoka,sans-serif!important;pointer-events:none}
.rabbit-art-sign {position:absolute;bottom:max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;box-shadow:none;min-height:44px;min-width:44px;z-index:3;cursor:pointer}
.rabbit-art-sign img {display:block;width:100%;height:auto;max-height:90px;object-fit:contain;filter:drop-shadow(1px 3px 3px #28140d70)}
.rabbit-back {left:2%;width:clamp(140px,25vw,320px)}
.rabbit-music {right:2%;width:clamp(130px,21vw,260px)}
.rabbit-art-sign:hover {background:transparent;filter:brightness(1.08);transform:none}
.rabbit-art-sign:focus-visible {outline:3px solid #fff0ad;outline-offset:3px}
.rabbit-stage .song-controls {position:fixed;left:auto;right:calc(4vw + clamp(130px,21vw,260px));bottom:18px;top:auto;transform:none;max-width:calc(100vw - 24px);z-index:5;background:rgba(255,253,247,.96)}
.rabbit-note {width:min(90vw,540px);max-height:90dvh;margin:auto;padding:48px 30px 30px;border:1px solid #bb985d;border-radius:12px 5px 15px 7px;background:linear-gradient(125deg,#fff8df,#f0dfb5);color:#4d371f;box-shadow:0 18px 80px #29170e90;overflow:auto}
.rabbit-note::backdrop {background:#2a311dc4}
#app .rabbit-note h2 {font:500 clamp(24px,4vw,34px)/1.12 Fredoka,sans-serif;letter-spacing:0;margin:0 0 18px;color:#4b6033}
#app .rabbit-note p {font-size:16px;line-height:1.6;color:#57452f}
.rabbit-note-close {position:absolute;right:8px;top:6px;padding:0;width:44px;height:44px;border:0;background:transparent;color:#4d371f;font-size:28px;cursor:pointer}
.rabbit-next {display:block;margin-top:24px;padding:14px 18px;background:#486636;border-radius:8px;color:#fff8df;font:500 18px/1.3 Fredoka,sans-serif;text-align:center;text-decoration:none;min-height:44px}
.rabbit-next:hover {background:#344d27}
.rabbit-next:focus-visible,.rabbit-note-close:focus-visible {outline:3px solid #bb793b;outline-offset:3px}
@media (orientation:portrait) {
  .rabbit-invitation {left:34%;top:51%;width:30%;height:12%}
  .rabbit-plaque {left:66%;top:35%;width:23%;height:12%}
  .rabbit-phone {left:72%;top:59%;width:25%;height:17%}
  .rabbit-room-hint {left:35%;top:23.5%;width:29%;font-size:clamp(9px,3vw,17px)!important}
  .rabbit-back {left:2%;width:48%}
  .rabbit-music {right:2%;width:40%}
  .rabbit-stage .song-controls {left:50%;right:auto;bottom:12px;transform:translateX(-50%)}
  .rabbit-stage:has(.song-controls:not([hidden])) .rabbit-art-sign {bottom:75px}
}
@media (orientation:landscape) and (max-height:450px) {
  .rabbit-art-sign {bottom:8px}
  .rabbit-art-sign img {max-height:52px}
  .rabbit-back {width:26%}
  .rabbit-music {width:21%}
  .rabbit-stage .song-controls {right:25%;bottom:8px}
  .rabbit-note {padding:38px 22px 20px}
}
@media (max-width:319px) {
  .rabbit-stage .song-controls {display:grid;grid-template-columns:30px minmax(20px,1fr) 25px 60px;width:calc(100vw - 16px);gap:3px;padding:4px}
  .rabbit-stage .song-controls input {min-width:0;width:100%}
  .rabbit-stage .song-controls .music-toggle {font-size:10px;padding:3px}
  .rabbit-stage:has(.song-controls:not([hidden])) .rabbit-art-sign {bottom:65px}
  .rabbit-note {padding:44px 18px 20px}
}
