/* Mascot artwork stays separate from probabilities, hit targets and card rules. */
.mascot-bonus-symbol{background-image:none!important;background:radial-gradient(ellipse,#ac7948,#32142d 75%);overflow:hidden}.mascot-symbol-portrait{position:absolute;inset:0;background-image:var(--slot-backdrop);background-size:auto 145%;background-position:14% 13%;background-repeat:no-repeat;border:2px solid #e7c67c;border-radius:12px;box-shadow:inset 0 0 12px #0008}.mascot-bonus-symbol .symbol-label{z-index:1;color:#ffe9a6;background:#491635e8;border-color:#e7c67c;bottom:3px;min-width:55%;text-align:center}.mascot-bonus-symbol.symbol-win .mascot-symbol-portrait{border-color:#fff6c5;box-shadow:inset 0 0 20px #ffdc6388}.bonus-unlock-art .mascot-bonus-symbol,.bonus-art .mascot-bonus-symbol{border-radius:12px}
.lounge-host{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border:1px solid #b9925966;background:linear-gradient(115deg,#3c1d2f,#111c30);border-radius:14px;box-shadow:0 0 24px #d09c2920}.lounge-host-portrait{width:66px;height:76px;flex-shrink:0;border-radius:9px;background:var(--slot-backdrop) 14% 13%/auto 145%;border:1px solid #c9a66a}.lounge-host small{display:block;font-size:.75rem;letter-spacing:.09em;color:#d6ba8e}.lounge-host strong{display:block;font:700 1.15rem Georgia,serif;color:#fff0ce;margin-top:5px}.lounge-host>span{white-space:nowrap}
html[data-card-art] .card.back{position:relative;isolation:isolate;contain:paint;background:#301426!important;border-color:#edce89!important;overflow:hidden;color:transparent!important}.card.back::before{content:''!important;position:absolute;inset:2px;pointer-events:none;background-image:var(--card-back-art)!important;background-repeat:no-repeat;background-position:14% 13%!important;background-size:auto 145%!important;border:2px solid #e6be6e!important;border-radius:6px!important}.card.back::after{content:''!important;position:absolute;inset:4px;border:1px solid #ffe9a6a6;border-radius:5px;pointer-events:none;box-shadow:inset 0 0 8px #47152b88}
.mascot-celebration{position:absolute;z-index:9;left:16px;top:70px;width:clamp(150px,23vw,310px);pointer-events:none;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 4px 16px #000a);animation:mascot-appear 2.8s linear forwards}.mascot-gesture{width:100%;aspect-ratio:1;background-image:var(--mascot-sprite);background-size:400% 200%;background-position:0 0;background-repeat:no-repeat;animation:mascot-greet 2.8s steps(1,end) forwards}.mascot-celebration>span{font:900 clamp(1rem,2vw,1.6rem) Georgia,serif;color:#fff1b3;text-shadow:0 2px 3px #511528;letter-spacing:.04em;background:linear-gradient(#703149ed,#341427ee);border:1px solid #e8c478;border-radius:8px;padding:7px 12px;margin-top:-8px;box-shadow:0 0 20px #ffcc5744;white-space:nowrap}
@keyframes mascot-greet{0%,9%{background-position:0 0}10%,25%{background-position:33.333333% 0}26%,37%{background-position:66.666667% 0}38%,47%{background-position:100% 0}48%,60%{background-position:0 100%}61%,71%{background-position:33.333333% 100%}72%,87%{background-position:66.666667% 100%}88%,100%{background-position:100% 100%}}
@keyframes mascot-appear{0%{opacity:0;transform:translateY(10px)}8%,90%{opacity:1;transform:translateY(0)}100%{opacity:0;visibility:hidden}}
@media(max-width:760px){.lounge-host{order:3;width:100%;padding:7px 12px;gap:10px;margin-top:4px}.lounge-host-portrait{width:48px;height:54px}.lounge-host strong{font-size:1rem;margin-top:3px}.mascot-celebration{left:auto;right:10px;top:65px;width:140px}.mascot-celebration>span{font-size:.875rem;padding:5px 8px}.mascot-symbol-portrait{border-width:1px;border-radius:7px}}
@media(orientation:landscape) and (max-height:600px){.mascot-celebration{left:10px;top:50px;width:160px}}
@media(prefers-reduced-motion:reduce){.mascot-gesture{animation:none!important;background-position:0 0}.mascot-celebration{animation:mascot-static 2.8s linear forwards!important}}.reduce .mascot-gesture{animation:none!important;background-position:0 0}.reduce .mascot-celebration{animation:mascot-static 2.8s linear forwards!important}@keyframes mascot-static{0%,99%{opacity:1}100%{opacity:0;visibility:hidden}}

/* A larger host portrait occupies the upper-right pocket beneath Settings. */
.lobby-wrap .lobby-heading{display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:auto auto;align-items:center;gap:22px 30px;padding-top:26px;margin-bottom:24px}.lobby-wrap .lobby-heading>div:first-child{display:block;min-width:0}.lobby-wrap .lobby-heading .lounge-host{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:10px;order:0;width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.lobby-wrap .lounge-host-portrait{width:100%;height:285px;border-radius:24px 24px 12px 12px;background-size:auto 105%;background-position:13% top;border:1px solid #d1b377;box-shadow:0 0 30px #9e754333,0 15px 30px #0005}.lobby-wrap .lounge-host>span{text-align:center;white-space:normal}.lobby-wrap .lounge-host strong{font-size:1.2rem}.lobby-wrap .lobby-heading .filters{grid-column:1/-1;grid-row:2;width:100%;justify-self:stretch;display:flex;flex-wrap:wrap}.lobby-wrap .lobby-heading .filters button{flex:1;min-width:44px}.lobby-wrap .lobby-heading h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12;margin:14px 0}.lobby-wrap .lobby-heading .eyebrow{display:block}
@media(max-width:760px){.lobby-wrap .lobby-heading{grid-template-columns:minmax(0,1fr) minmax(150px,45%);gap:18px 14px;padding-top:20px;margin-bottom:20px}.lobby-wrap .lounge-host-portrait{height:240px;border-radius:20px 20px 10px 10px;background-size:auto 105%;background-position:13% top}.lobby-wrap .lounge-host small{font-size:.75rem;letter-spacing:.04em}.lobby-wrap .lounge-host strong{font-size:1rem}.lobby-wrap .lobby-heading h1{font-size:clamp(1.65rem,6.5vw,2.6rem);line-height:1.14;overflow-wrap:normal}.lobby-wrap .lobby-heading .eyebrow{font-size:.75rem;letter-spacing:.06em;line-height:1.6}.lobby-wrap .lobby-heading .filters{flex-wrap:nowrap}}
@media(max-width:360px){.lobby-wrap .lobby-heading{grid-template-columns:minmax(0,1fr) 145px;gap:15px 10px}.lobby-wrap .lounge-host-portrait{height:220px}.lobby-wrap .lobby-heading h1{font-size:1.55rem}}
