.playground{padding:0 0 100px}.character-stage{position:relative;background:#f5eee3;border:1px solid #e6dac9;overflow:hidden;min-height:330px;padding:65px 35px 45px}.stage-label{position:absolute;top:20px;left:30px;font-size:25px}.stage-caption{position:absolute;bottom:15px;right:25px;font-size:11px}#crew{display:flex;justify-content:space-around;gap:25px}.play-art{padding:12px;background:white;border:1px solid #e1dfd6;box-shadow:5px 7px 0 #203a4d0a;text-align:left}.play-art img{width:100%;height:165px;object-fit:contain}.play-art span{display:block;font-size:10px;padding-top:9px}.character-stage .play-art{width:170px;transform:rotate(-4deg)}.character-stage .play-art:nth-child(2){transform:rotate(4deg)}.travelling .play-art{animation:scamper 7s ease-in-out both}.travelling .play-art:nth-child(2){animation-delay:.35s}.travelling .play-art:nth-child(3){animation-delay:.7s}@keyframes scamper{0%{transform:translateX(-100vw) rotate(-8deg)}20%{transform:translateX(-40px) translateY(-10px) rotate(5deg)}35%,55%{transform:translateX(0) translateY(0) rotate(-3deg)}65%{transform:translateX(40px) translateY(-18px) rotate(7deg)}85%{transform:translateX(100vw) rotate(-4deg)}86%{opacity:0;transform:translateX(0)}100%{opacity:1;transform:translateX(0) rotate(-4deg)}}.mood-room{background:#f1edf6;padding:80px 0}.mood-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}.mood-layout p{margin:24px 0;max-width:380px}.mood-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.mood-tabs button{padding:9px 12px;background:#fffdfa;border:1px solid #c9c5d0;font-size:11px}.mood-tabs button[aria-pressed=true]{background:var(--ink);color:white}.mood-note{font-size:25px!important}.mood-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.mood-cards .play-art:nth-child(1){grid-row:span 2;transform:rotate(-7deg)}.mood-cards .play-art:nth-child(2){transform:rotate(5deg)}.mood-cards .play-art:nth-child(3){transform:rotate(-3deg)}.mood-cards .play-art img{height:150px}.mood-cards .play-art:first-child img{height:230px}.friends-strip{padding:80px 0 95px}.friends-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 6px 25px;scrollbar-color:#cbd8ce transparent}.friends-track .play-art{flex:0 0 210px;scroll-snap-align:start}.friends-track .play-art:nth-child(even){background:#f8f1db}.friends-track .play-art img{height:160px}.strip-controls{display:flex;gap:15px}.strip-controls button{font-size:11px;border-bottom:1px solid var(--line);padding:8px}.friends-strip>.small-note{margin-top:15px}.peek-pal{position:fixed;right:12px;bottom:10px;z-index:12;width:115px;transform:translateY(82px);transition:transform .3s}.peek-pal:focus-within,.peek-pal:hover{transform:translateY(0);animation:none!important}.peek-pal button:first-child{background:var(--paper);border:1px solid #e0d7cc;padding:8px;width:100%;box-shadow:0 3px 15px #203a4d18}.peek-pal img{width:100%;height:100px;object-fit:contain}.peek-pal .handnote{font-size:20px;display:block}#hide-pal{background:var(--ink);color:white;display:block;width:100%;font-size:10px;padding:5px}.peek-pal.visiting{animation:peekaboo 7s ease-in-out}@keyframes peekaboo{0%,100%{transform:translateY(82px)}20%{transform:translateY(-12px) rotate(-7deg)}35%,70%{transform:translateY(0) rotate(0)}80%{transform:translateY(-5px) rotate(5deg)}}.bring-pal{position:fixed;bottom:10px;right:12px;z-index:12;background:var(--mint);padding:8px 12px;font-size:10px}.play-still .peek-pal{transform:translateY(0)}.play-still .travelling .play-art,.play-still .peek-pal{animation:none!important}body:has(dialog[open]) .peek-pal,body:has(dialog[open]) .bring-pal{visibility:hidden}@media(prefers-reduced-motion:reduce){.peek-pal,.travelling .play-art{animation:none!important;transition:none!important}.peek-pal{transform:none}}@media(max-width:760px){.playground{padding-bottom:55px}.character-stage{padding:70px 12px 40px;min-height:245px}.stage-label{font-size:19px;left:15px;right:15px}.character-stage .play-art{width:30%;padding:6px}.character-stage .play-art img{height:100px}.character-stage .play-art span{font-size:8px;line-height:1.3}#crew{gap:9px}.mood-room{padding:50px 0}.mood-layout{grid-template-columns:1fr;gap:30px}.mood-cards{gap:15px;padding:10px}.mood-cards .play-art img{height:105px}.mood-cards .play-art:first-child img{height:180px}.friends-strip{padding:55px 0}.strip-controls{margin-top:25px}.friends-track .play-art{flex-basis:165px}.peek-pal{width:85px;right:7px;bottom:5px;transform:translateY(80px)}.peek-pal img{height:72px}.peek-pal .handnote{font-size:16px}.bring-pal{font-size:9px;max-width:120px}}

.character-stage:hover .play-art,.character-stage:focus-within .play-art{animation-play-state:paused}button:disabled{cursor:default;opacity:.6}