@font-face{font-family:PixelPark;src:url('/park-pixel.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--park-ink:#794868;--park-edge:#bc6b96;--park-paper:#fff9e9;--park-shadow:#de98b3}
body,button,textarea{font-family:PixelPark,RainyHearts,monospace}
body{font-size:22px}
.backbtn,.playagain,.nextbtn,.house-button,#parkMusicToggle{
 background:var(--park-paper);color:var(--park-ink);border:0;border-radius:0;
 font:24px/1 PixelPark,RainyHearts,monospace;text-shadow:none;
 padding:10px 17px;min-height:40px;box-sizing:border-box;
 box-shadow:0 -3px var(--park-edge),0 3px var(--park-edge),-3px 0 var(--park-edge),3px 0 var(--park-edge),0 6px var(--park-shadow),inset 0 3px #fff,inset 0 -3px #f4dce4;
 cursor:pointer;transition:filter .12s;z-index:90;
}
.backbtn{top:22px;left:22px}
.backbtn:hover,.playagain:hover,.nextbtn:hover,.house:hover .house-button,#parkMusicToggle:hover{background:#ffe9f0;filter:brightness(1.04)}
button:focus-visible,textarea:focus-visible,.house:focus-visible{outline:3px solid #744eaa;outline-offset:7px}
.house-button{pointer-events:auto;white-space:nowrap;font-size:24px}
.house1 .house-button{left:42%;top:27%}.house2 .house-button{left:30%;top:50%}.house3 .house-button{left:58%;top:30%}
#parkMusicToggle{position:fixed;right:22px;top:22px;z-index:100;font-size:22px}
.speechbubble,.pusheenbubble,.slidebubble{
 background:var(--park-paper);color:var(--park-ink);border:0;border-radius:0;
 font:22px/1.15 PixelPark,RainyHearts,monospace;text-shadow:none;
 padding:12px 16px;box-shadow:0 -3px var(--park-edge),0 3px var(--park-edge),-3px 0 var(--park-edge),3px 0 var(--park-edge),0 6px var(--park-shadow);max-width:280px;
}
.speechbubble::after,.pusheenbubble::after{width:12px;height:9px;bottom:-9px;right:24px;background:var(--park-paper);border:0;transform:none;box-shadow:3px 0 var(--park-edge),-3px 0 var(--park-edge),0 3px var(--park-edge)}
.wishbox{--park-edge:#a788cd;--park-shadow:#c4aae4;width:300px;background:#fff9ef;padding:15px;box-sizing:border-box;box-shadow:0 -3px var(--park-edge),0 3px var(--park-edge),-3px 0 var(--park-edge),3px 0 var(--park-edge),0 7px var(--park-shadow)}
.wishbox::before{content:'make a little wish';display:block;color:#805aab;font:24px/1 PixelPark,RainyHearts,monospace;margin-bottom:12px;text-align:center}
#wishInput{background:#fffef9;border:2px solid #dfcbea;border-radius:0;color:#755381;font:22px/1.15 PixelPark,RainyHearts,monospace;height:88px;padding:8px;text-shadow:none}
#wishInput::placeholder{color:#9573a4;opacity:1}
.wishbox .dreamsend{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px auto 0;padding:3px 8px!important;color:#805aab;font:24px/1 PixelPark,RainyHearts,monospace;text-shadow:none}
.dreamsend img{width:45px;image-rendering:pixelated}.dreamsend::after{content:'send wish'}
.floatingWish{font:22px/1.2 PixelPark,RainyHearts,monospace;color:#795497;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff;white-space:normal}

/* Airy house labels and room above the waterpark characters. */
.house-button,.house:hover .house-button{
 background:transparent;border:0;box-shadow:none;padding:5px 9px;
 color:#fffbea;text-shadow:2px 2px 0 #805080,-1px -1px 0 #805080;
}
.speechbubble{transform:translate(70px,-65px)}
.pusheenbubble,.slidebubble{transform:translateY(-65px)}