/* 2.30.0 — one compact mobile stage, original editorial copy. */
.whpp-mobile-hero,.whpp-mh-actions,.whpp-mh-safety{display:none}
.whpp-highlight-dialog{position:fixed;inset:0;margin:auto;padding:16px;border:1px solid #b49457;border-radius:18px;background:#090909;color:#fff;width:min(820px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;z-index:2147483647}
.whpp-highlight-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(12px)}
.whpp-highlight-dialog[open]{display:grid;gap:12px}
.whpp-highlight-top{display:flex;align-items:center;justify-content:space-between;font:700 13px Arial,sans-serif;letter-spacing:.08em;color:#e5c989}
.whpp-highlight-top button{background:#242018;color:#fff;border:1px solid #9a7c47;border-radius:50%;width:44px;height:44px;font-size:24px;cursor:pointer}
.whpp-highlight-screen{border:5px solid #292929;border-radius:18px;background:#000;overflow:hidden;box-shadow:0 0 0 1px #76613b;justify-self:center;width:100%;aspect-ratio:16/9;max-height:58dvh}
.whpp-highlight-screen.is-vertical{width:auto;height:58dvh;aspect-ratio:9/16;border-radius:26px}
.whpp-highlight-screen video{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.whpp-highlight-picker{display:flex;gap:6px;flex-wrap:wrap}.whpp-highlight-picker button,.whpp-highlight-dialog a{font:12px Arial,sans-serif;color:#efdbb2;background:#1b1813;border:1px solid #665332;padding:12px;border-radius:5px;cursor:pointer;text-decoration:none}.whpp-highlight-picker button[aria-pressed=true]{background:#d0ad68;color:#080808}
.whpp-highlight-status{margin:0;font:12px/1.4 Arial,sans-serif;color:#c8c5bf}
@media(max-width:1024px){
 .whpp-view[data-view=discover]>.whpp-hero,.whpp-view[data-view=games]>.whpp-games-intro,.whpp-view[data-view=leaders]>.whpp-page-intro,.whpp-view[data-view=timeline]>.whpp-page-intro,.whpp-message-view-head,.whpp-locker-story{display:none!important}
 .whpp-mobile-hero{display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;min-width:0;height:auto;aspect-ratio:1.23;min-height:264px;max-height:360px;margin:12px 0 18px;padding:10px 14px 4px;border:1px solid #6c552f;border-radius:16px;background:#0a0a0a;box-shadow:0 16px 35px #0006;touch-action:pan-y}
 .whpp-mobile-hero::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#060606da 0%,#0808089c 56%,#08080860 100%),linear-gradient(0deg,#050505ed,transparent 65%);pointer-events:none}
 .whpp-mobile-hero::after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 60%,#d8b46b20 60.2%,transparent 61%),linear-gradient(112deg,transparent 68%,#d8b46b45 68.2%,transparent 68.5%);border-top:3px solid #e0be78}
 .whpp-mh-photos{position:absolute;inset:0;z-index:0;overflow:hidden}.whpp-mh-photos img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:var(--mh-position,65% 35%);opacity:0;transform:scale(1.15) translate3d(var(--mh-pan,2%),0,0);transition:opacity .9s ease,transform 6.5s cubic-bezier(.2,.5,.3,1);filter:saturate(.68) contrast(1.08) brightness(.84)}.whpp-mh-photos img.is-active{opacity:1;transform:scale(1.04) translate3d(0,0,0)}
 .whpp-mh-brand{position:relative;z-index:2;display:flex;align-items:center;gap:9px;height:28px;flex-shrink:0}.whpp-mh-brand>img{display:block;width:66px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 7px #000)}.whpp-mh-brand>span{font:800 8px/1.4 Arial,sans-serif;letter-spacing:.16em;color:#fff;text-shadow:0 2px 5px #000}.whpp-mh-brand>span>span{display:block;font-size:6px;letter-spacing:.1em;color:#edd39f}
 .whpp-mh-copy{position:relative;z-index:2;margin-top:auto}.whpp-mh-eyebrow{display:flex;align-items:center;gap:8px;min-height:18px;color:#ead09d;font:700 7px/1.35 Arial,sans-serif;letter-spacing:.12em}.whpp-mh-eyebrow i{width:24px;height:2px;flex-shrink:0;background:#d2ad68}
 .whpp-mobile-hero h1{margin:4px 0 5px!important;min-height:0;font-family:Impact,'Arial Black',sans-serif!important;font-size:clamp(28px,8vw,46px)!important;line-height:.98!important;font-weight:900;letter-spacing:-.025em!important;color:#fff;text-transform:uppercase;text-wrap:initial}
 .whpp-mobile-hero h1>span{display:block}.whpp-mobile-hero h1 em{display:block;font-family:'WyoHoops Soge',Impact,sans-serif!important;font-weight:400;font-style:normal;font-size:clamp(30px,8.2vw,47px)!important;line-height:1.04!important;text-transform:none;color:#edcf8f;letter-spacing:0;text-shadow:0 3px 18px #000;white-space:nowrap;transform:none}
 .whpp-mobile-hero p{margin:0;min-height:0;color:#d2cec6;font:12px/1.4 Arial,sans-serif;max-width:100%}
 .whpp-mh-controls{position:relative;z-index:2;display:flex;align-items:center;gap:4px;min-height:44px;margin-top:2px}.whpp-mh-controls button{touch-action:manipulation;cursor:pointer}
 .whpp-mh-dots{display:flex;gap:0}.whpp-mh-dots button{width:28px;height:44px;background:none;padding:0 3px;border:0}.whpp-mh-dots button span{display:block;height:3px;background:#736a59;border-radius:3px}.whpp-mh-dots button[aria-pressed=true] span{background:#edcf8f;box-shadow:0 0 9px #d9af6655}
 .whpp-portal .whpp-mh-pause{width:40px;height:44px;border:0;background:none;color:#e8cca0;font-size:15px}.whpp-portal .whpp-mh-watch{margin-left:auto;min-height:44px;display:flex;gap:7px;align-items:center;background:none;border:0;color:#edcf8f;padding:0 0 0 8px;font:700 10px Arial,sans-serif;text-transform:uppercase;letter-spacing:.035em}
 .whpp-mh-actions{display:flex;align-items:center;gap:12px;margin:0 0 24px;flex-wrap:wrap}.whpp-mh-actions .whpp-gold-button{min-height:44px;font-size:10px}.whpp-mh-actions .whpp-text-button{font-size:9px;min-height:44px}.whpp-mh-safety{display:block;font:11px/1.6 Arial,sans-serif;color:#bfb8ab;margin:0 0 18px}.whpp-locker-wrap{padding-top:0!important}
 .whpp-mobile-hero button:focus-visible{outline:2px solid #fff;outline-offset:-3px;border-radius:5px}
}
@media(min-width:601px) and (max-width:1024px){
 .whpp-mobile-hero{aspect-ratio:2.15;padding:18px 24px 8px;min-height:300px}
 .whpp-mh-brand{height:34px}.whpp-mh-brand>img{width:82px;height:34px}.whpp-mh-brand>span{font-size:10px}.whpp-mh-brand>span>span{font-size:7px}
 .whpp-mh-copy{max-width:74%}.whpp-mobile-hero p{max-width:530px;font-size:13px}.whpp-mh-eyebrow{font-size:9px}
 .whpp-locker-wrap{display:block}.whpp-locker-dashboard{width:100%}
}
@media(max-width:1024px){
 .whpp-mobile-hero[data-mobile-hero=games]{--mh-position:65% 48%;--mh-pan:-3%}
 .whpp-mobile-hero[data-mobile-hero=timeline]{--mh-position:60% 32%;--mh-pan:3%}
 .whpp-mobile-hero[data-mobile-hero=leaders]{--mh-position:75% 30%;--mh-pan:-2%}
 .whpp-mobile-hero[data-mobile-hero=messages]{--mh-position:60% 45%}
 .whpp-mobile-hero[data-mobile-hero=locker]{--mh-position:70% 28%}
 .whpp-mh-photos img[data-mh-photo="wyohoops-gym"]{filter:brightness(1.3) saturate(.5);object-position:70% 45%}
 .whpp-mh-photos img[data-mh-photo="sheridan-crowd"]{filter:brightness(1.12) saturate(.6);object-position:60% 42%}
 .whpp-mh-photos img[data-mh-photo="natrona-candid"]{object-position:62% 33%}
 .whpp-mh-photos img:nth-child(2){--mh-pan:-3%;object-position:70% 35%}
 .whpp-mh-photos img:nth-child(3){--mh-pan:1%;object-position:55% 40%}
 .whpp-mobile-hero[data-mobile-hero=games]::after{background:linear-gradient(165deg,transparent 55%,#d8b46b28 55.2%,transparent 56%);border-top-color:#c6a269}
 .whpp-mobile-hero[data-mobile-hero=timeline]::after{background:linear-gradient(115deg,transparent 68%,#d8b46b35 68.2%,transparent 69%),linear-gradient(115deg,transparent 78%,#d8b46b25 78.2%,transparent 79%)}
 .whpp-mobile-hero[data-mobile-hero=leaders]::after{background:linear-gradient(0deg,transparent 18%,#d8b46b14 18.3%,transparent 19%)}
}
@media(prefers-reduced-motion:reduce){.whpp-mh-photos img{transition:none;transform:none!important}}
/* 2.31.0 — edge-to-edge cinema and a slim metallic separator. */
.whpp-mh-spacer{display:none}
@media(max-width:1024px){
 .whpp-mobile-hero{width:100vw;max-width:none;margin:12px 0 0 calc(50% - 50vw);border:0;border-radius:0;box-shadow:none;aspect-ratio:1.35;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 .whpp-mobile-hero::before{background:linear-gradient(90deg,rgba(6,6,6,var(--mh-shade,.68)),rgba(8,8,8,calc(var(--mh-shade,.68)*.8)) 56%,rgba(8,8,8,calc(var(--mh-shade,.68)*.5))),linear-gradient(0deg,#050505ed,transparent 65%)}
 .whpp-mobile-hero::after{border:0!important}
 .whpp-mh-spacer{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;width:100vw;margin:0 0 18px calc(50% - 50vw);min-height:28px;padding:5px 15px;overflow:hidden;text-align:center;background:linear-gradient(105deg,#9a7536 0%,#d5b775 24%,#f4e1ad 47%,#c8a55e 74%,#ad8544 100%);color:#211a0d;box-shadow:inset 0 1px #fff8,inset 0 -1px #5a401b80;font:800 9px/1.4 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}
 .whpp-mh-spacer::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 35%,#fff6 50%,transparent 65%);transform:translateX(-130%);animation:whpp-mh-metal 14s ease-in-out infinite;pointer-events:none}
 .whpp-mh-spacer>span{position:relative;z-index:1}
 .whpp-mh-copy [data-mh-title],.whpp-mh-copy [data-mh-description],.whpp-mh-copy [data-mh-eyebrow]{white-space:pre-line}
 .whpp-mobile-hero h1 em{white-space:normal;overflow-wrap:anywhere}
 .whpp-mh-copy{flex-shrink:0}.whpp-mh-controls{flex-shrink:0}
}
@media(min-width:601px) and (max-width:1024px){.whpp-mobile-hero{aspect-ratio:2.4;padding-left:28px;padding-right:28px}.whpp-mh-spacer{font-size:10px}}
@keyframes whpp-mh-metal{0%,70%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){.whpp-mh-spacer::after{animation:none;display:none}}

@media(max-width:1024px){.whpp-mobile-hero{min-height:max(264px,var(--mh-copy-floor,0px))}.whpp-mh-watch[hidden]{display:none!important}}
@media(min-width:601px) and (max-width:1024px){.whpp-mobile-hero{min-height:max(300px,var(--mh-copy-floor,0px))}}

.whpp-mh-photos img[data-mh-empty]{visibility:hidden}
/* 2.32.0: phone-only compact stage; tablet and desktop dimensions retained. */
@media(max-width:600px){
 .whpp-mobile-hero{aspect-ratio:1.61;min-height:max(222px,var(--mh-copy-floor,0px));max-height:295px;padding-top:6px;padding-bottom:2px}
 .whpp-mobile-hero::after{display:none!important;background:none!important}
 .whpp-mh-brand{height:22px}.whpp-mh-brand>img{height:22px;width:58px}
 .whpp-mh-brand>span{font-size:7px}.whpp-mh-brand>span>span{font-size:5.5px}
 .whpp-mh-eyebrow{min-height:15px;font-size:6.5px}
 .whpp-mobile-hero h1{font-size:clamp(24px,7.2vw,40px)!important;line-height:.94!important;margin:2px 0 3px!important}
 .whpp-mobile-hero h1 em{font-size:clamp(25px,7.4vw,41px)!important;line-height:.98!important}
 .whpp-mobile-hero p{font-size:11px;line-height:1.3}
 .whpp-mh-controls{margin-top:0}
}
/* 2.35.0: tablet heroes use the clean photographic treatment too. */
@media(max-width:1024px){.whpp-mobile-hero::after{display:none!important;background:none!important}}
/* Gold Soge script catches a moving metallic highlight as each slide arrives. */
.whpp-mobile-hero h1 em{background:linear-gradient(105deg,#b7893f 0%,#f9e5a8 24%,#b8873e 43%,#fff1b7 51%,#c19348 67%,#f1d48b 86%,#a87935 100%);background-size:220% 100%;background-position:130% 0;color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:0 3px 18px #000}
.whpp-mobile-hero h1 em.whpp-mh-sheen{animation:whpp-mh-script-sheen 1.4s cubic-bezier(.2,.7,.3,1) both}
@keyframes whpp-mh-script-sheen{0%{background-position:130% 0}100%{background-position:-30% 0}}
@media(prefers-reduced-motion:reduce){.whpp-mobile-hero h1 em.whpp-mh-sheen{animation:none;background-position:0 0}}
