.motion-showcase{min-width:0;background:#fff;border:1px solid #d4dee6;border-radius:23px;box-shadow:0 18px 60px #19263d17;overflow:hidden;isolation:isolate;transform:rotate(1deg)}
.showcase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 17px;font-size:12px;font-weight:650;background:#fffdf8}
.showcase-screen{position:relative;aspect-ratio:1.6;background:#19334a;overflow:hidden}.showcase-screen canvas,.showcase-poster{display:block;width:100%;height:100%;object-fit:cover}.showcase-screen [hidden]{display:none}.showcase-scene-label{position:absolute;bottom:12px;left:15px;font-size:10px;color:#fff;background:#17233dbf;border-radius:20px;padding:5px 9px;pointer-events:none}
.showcase-caption{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:90px}.showcase-caption strong{font-family:var(--display);font-size:23px;letter-spacing:-.04em}.showcase-caption p{font-size:12px;line-height:1.4;margin:5px 0 0;max-width:31ch}.showcase-caption>a{border-bottom:2px solid var(--accent);padding:8px 0;font-size:12px;font-weight:750;white-space:nowrap}.showcase-caption>a:hover{color:var(--accent)}
.showcase-choices{display:grid;grid-template-columns:1fr 1.15fr .7fr;gap:5px;padding:0 13px 14px}.showcase-choices button{font:650 11px/1.3 var(--body);min-height:42px;border-radius:9px;border:1px solid #dddce6;background:#f8f7fb;color:#39334b;padding:9px 5px;cursor:pointer}.showcase-choices button[aria-pressed=true]{background:#25203e;color:white;border-color:#25203e}.showcase-choices button:focus-visible{outline:3px solid #157f9f;outline-offset:3px}
.home-opening-visual:has(.motion-showcase){padding:0}.pip-world-weather{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pip-world-weather i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffffffe0;left:calc(var(--flake)*8.2%);top:-10px;animation:pip-snow 8s linear infinite;animation-delay:calc(var(--flake)*-.8s);animation-play-state:paused}.pip-world[data-motion-visible=true] .pip-world-weather i{animation-play-state:running}.pip-world-stop[data-state=current]:after{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid #e57e68;animation:pip-beacon 2.4s ease-out infinite;animation-play-state:paused}.pip-world[data-motion-visible=true] .pip-world-stop:after{animation-play-state:running}
.pip-world-friend-wrap{position:absolute;width:14%;z-index:2;animation:pip-travel 900ms cubic-bezier(.22,.7,.28,1) both}.pip-world-friend-wrap .pip-world-friend{position:relative;display:block;width:100%;left:auto!important;top:auto!important;animation:pip-waddle 2.8s ease-in-out infinite;animation-play-state:paused}.pip-world[data-motion-visible=true] .pip-world-friend{animation-play-state:running}
@keyframes pip-snow{to{transform:translate(24px,600px)}}@keyframes pip-beacon{0%{transform:scale(.75);opacity:.5}100%{transform:scale(1.65);opacity:0}}@keyframes pip-waddle{0%,55%,100%{transform:translate(-50%,-83%) rotate(0)}65%{transform:translate(-50%,-89%) rotate(-5deg)}76%{transform:translate(-50%,-83%) rotate(4deg)}88%{transform:translate(-50%,-87%) rotate(-3deg)}}@keyframes pip-travel{from{left:var(--pip-from-x);top:var(--pip-from-y)}}
@media(prefers-reduced-motion:no-preference){
 html[data-motion=on] .multiplayer-card,html[data-motion=on] .home-pick,html[data-motion=on] .online-card,html[data-motion=on] .sample-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
 html[data-motion=on] .button,html[data-motion=on] .preview-button,html[data-motion=on] .party-control{transition:transform .15s,box-shadow .2s,background-color .2s}
 html[data-motion=on] .button:active,html[data-motion=on] .preview-button:active,html[data-motion=on] .party-control:active{transform:translateY(2px) scale(.98)}
 html[data-motion=on] .bluff-reveal-card,html[data-motion=on] .bluff-ballot>button{animation:motion-deal .45s cubic-bezier(.2,.8,.2,1) both}.bluff-reveal-card:nth-child(2),.bluff-ballot>button:nth-child(2){animation-delay:.07s}.bluff-reveal-card:nth-child(3),.bluff-ballot>button:nth-child(3){animation-delay:.14s}.bluff-reveal-card:nth-child(4),.bluff-ballot>button:nth-child(4){animation-delay:.21s}
 html[data-motion=on] .bluff-scores p{animation:motion-pop .42s .24s both}html[data-motion=on] .sync-answer-mark,html[data-motion=on] .sync-guess-mark{animation:motion-pin .55s cubic-bezier(.2,.8,.2,1) both}html[data-motion=on] .sync-guess-mark{animation-delay:.18s}
 html[data-motion=on] .preview-memory-card img,html[data-motion=on] .preview-garden-cell[data-watered=true] img{animation:motion-pop .36s both}
 @keyframes motion-deal{from{opacity:.35;transform:translateY(14px) rotate(-2deg) scale(.97)}to{opacity:1;transform:none}}@keyframes motion-pop{0%{transform:scale(.85)}65%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes motion-pin{from{left:50%;opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html[data-motion=on] .multiplayer-card:hover,html[data-motion=on] .home-pick:hover,html[data-motion=on] .online-card:hover,html[data-motion=on] .sample-card:hover{transform:translateY(-6px)}html[data-motion=on] .showcase-choices button:hover{transform:translateY(-2px)}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pip-world-weather{display:none}}
@media(max-width:760px){.motion-showcase{transform:none;border-radius:17px}.showcase-toolbar{padding:9px 12px;font-size:11px}.showcase-caption{padding:14px;gap:8px;min-height:88px}.showcase-caption strong{font-size:21px}.showcase-caption p{font-size:11px;max-width:27ch}.showcase-caption>a{font-size:11px}.showcase-choices{padding:0 10px 10px}.showcase-choices button{font-size:10px}.home-opening-visual:has(.motion-showcase){padding:0;width:100%}}
.party-stage,[data-preview-board]{position:relative}.play-celebration{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:inherit}.play-celebration i{position:absolute;left:calc(8% + var(--i)*7.5%);top:42%;width:8px;height:13px;border-radius:2px;background:#ec9f85;animation:motion-confetti 1.1s ease-out both;animation-delay:calc(var(--i)*.025s)}.play-celebration i:nth-child(3n){background:#87bca5}.play-celebration i:nth-child(3n+1){background:#a89ccd}@keyframes motion-confetti{0%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translateY(-190px) rotate(180deg)}}