/* A four-second welcome, not a perpetual distraction. Gameplay never animates here. */
.club-hero{isolation:isolate}
.club-hero .hero-copy,.club-hero .lobby-choices{position:relative;z-index:3}
.club-hero .hero-cards{pointer-events:none}
.lobby-spotlight{position:absolute;inset:-40%;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#f2d7a21c 48%,transparent 61%);opacity:0}
.club-hero .hero-cards{margin-bottom:20px}
body[data-lobby-motion=on] .lobby-spotlight{animation:room-light 4s ease-out both}
body[data-lobby-motion=on] .hero-chip{animation:chip-arrives 1s cubic-bezier(.16,1,.3,1) both}
body[data-lobby-motion=on] .hero-cards>span{animation:lobby-deal-left 850ms cubic-bezier(.16,1,.3,1) both}
body[data-lobby-motion=on] .hero-cards>span:nth-child(2){animation:lobby-deal-right 1100ms cubic-bezier(.16,1,.3,1) both}
.club-hero[data-activity=puzzle] .hero-cards>span:nth-child(2){background:#ead4a3}
.club-hero[data-activity=cup] .hero-chip{background:#b08a3c;color:#102139;outline-color:#ead4a3}
@keyframes room-light{0%{opacity:0;transform:translateX(-25%)}25%{opacity:1}100%{opacity:0;transform:translateX(25%)}}
@keyframes chip-arrives{from{opacity:0;transform:translateY(35px) rotate(-75deg)}to{opacity:1;transform:rotate(-12deg)}}
@media(max-width:600px){
 .club-hero .lobby-choices{order:0}
 .club-hero .hero-copy{order:2}
 .club-hero .hero-cards{order:1;position:relative;top:auto;right:auto;width:100%;height:92px;min-height:92px;margin:0;opacity:1;transform:none}
 .club-hero .hero-cards>span{width:63px;height:88px;left:calc(50% - 59px);top:4px;padding:9px;font-size:26px}
 .club-hero .hero-cards>span:nth-child(2){left:calc(50% - 5px);top:10px}
 .club-hero .hero-chip{display:grid;width:43px;height:43px;font-size:8px;left:calc(50% - 93px);bottom:5px;border-width:3px;outline-width:2px}
 .club-hero .hero-cards i{display:block;left:auto;right:0;bottom:6px;width:72px;font-size:8px;line-height:1.5}
 .club-hero{padding-bottom:24px;gap:12px}
}
body[data-lobby-motion=off] .club-hero *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){
 .club-hero *{animation:none!important;transition:none!important}
}