/* PSARI premium original feature entrances — cinematic artwork is now
   framed and themed per bonus, never a giant rectangular lion screenshot. */
#psari-cinematic{
 position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;
 justify-content:center;align-items:center;gap:clamp(8px,2vh,22px);
 padding:clamp(12px,2vw,36px);box-sizing:border-box;
 text-align:center;isolation:isolate;overflow:hidden;
 background:radial-gradient(ellipse at 50% 46%,#6e3d21 0%,#25101bcc 40%,#06040b 85%)!important;
}
#psari-cinematic:before{
 content:"";position:absolute;inset:-5%;background:url('assets/showcase.webp') center/cover no-repeat;
 opacity:.21;filter:blur(8px) saturate(.8);pointer-events:none;z-index:-1;
}
#psari-cinematic .cinematic-aura{opacity:.45;z-index:-1;pointer-events:none}
#psari-cinematic .psari-cinematic-stage{
 box-sizing:border-box;position:relative;z-index:2;flex:0 0 auto;
 width:min(78vw,650px);height:clamp(190px,43vh,370px);
 border-radius:48% 48% 29px 29px / 25% 25% 29px 29px;
 border:3px solid #e8b869;overflow:hidden;
 background:radial-gradient(ellipse at 50% 35%,#b2713f44,#230a12 67%,#0e0910);
 box-shadow:inset 0 0 0 3px #7e3819,inset 0 0 40px #000e,0 0 15px #f5bf695e,0 24px 55px #030207d9;
}
#psari-cinematic .psari-cinematic-stage:before{
 content:"";position:absolute;inset:10px;z-index:8;border:1px solid #ffe7a144;
 border-radius:48% 48% 23px 23px/23% 23% 23px 23px;pointer-events:none;
}
.psari-cinematic-scene{position:absolute;inset:0;display:none;overflow:hidden;isolation:isolate}
#psari-cinematic[data-mode="savannah"] .psari-scene-savannah,
#psari-cinematic[data-mode="dominion"] .psari-scene-dominion,
#psari-cinematic[data-mode="stampede"] .psari-scene-stampede{display:block}
#psari-cinematic .cinematic-frame{
 position:relative;z-index:4;margin:0!important;top:auto!important;left:auto!important;
 width:min(96vw,920px);max-width:100%;box-sizing:border-box;
 padding:2px 15px 14px!important;border-radius:18px;background:transparent!important;
 text-shadow:0 3px 7px #050408,0 0 20px #000a;
}
#psari-cinematic .cinematic-frame h2{
 font:900 clamp(28px,5vw,63px)/.96 Georgia,serif!important;letter-spacing:.07em;
 margin:8px 0 10px!important;color:#fff2cb;
 filter:drop-shadow(0 1px 1px #000);
}
#psari-cinematic .cinematic-frame h2 strong{color:#ffd27f;text-shadow:0 4px 0 #6d2c0a,0 0 24px #f2a94f92}
#psari-cinematic .cinematic-frame p{font:800 clamp(11px,1.5vw,17px)/1.4 Arial,sans-serif;letter-spacing:.12em;margin:6px 0 16px}
#psari-cinematic .cinematic-frame button{
 cursor:pointer;min-width:160px;padding:11px 20px;min-height:42px;
 border:2px solid #f9c777;border-radius:999px;
 background:linear-gradient(#5c2a16,#170b10);box-shadow:0 5px 15px #0009,inset 0 0 16px #e9b66c24;
 font:900 12px Arial,sans-serif;letter-spacing:.14em;color:#fff0c5;
}
#psari-cinematic .cinematic-eyebrow{font:800 12px Arial,sans-serif;letter-spacing:.22em;color:#ffe8a1}
.psari-scene-ring{position:absolute;width:clamp(200px,42vh,350px);height:clamp(200px,42vh,350px);top:50%;left:50%;transform:translate(-50%,-50%);
 border-radius:50%;border:9px double #ffdf8866;box-shadow:inset 0 0 45px 12px #ffc04425,0 0 47px #fbb35869;
 animation:psari-cinematic-ring 3.8s ease-in-out infinite alternate}
@keyframes psari-cinematic-ring{0%{filter:brightness(.65);opacity:.65}100%{filter:brightness(1.45);opacity:1}}
/* Savannah: the sun rises above the original African horizon artwork. */
.psari-scene-savannah{
 background:linear-gradient(180deg,#50202e55,#f6ae4766 65%,#3f1a16c7 100%),
 url('assets/savannah-horizon.webp') center/cover no-repeat;
}
.psari-scene-savannah .psari-scene-rays{
 position:absolute;inset:-45%;opacity:.6;
 background:repeating-conic-gradient(from 0deg at 50% 50%,transparent 0 14deg,#ffefba30 15deg 20deg,transparent 21deg 37deg);
 animation:psari-sun-beams 20s linear infinite;
}
@keyframes psari-sun-beams{to{transform:rotate(30deg)}}
.psari-scene-sun{
 position:absolute;z-index:3;width:clamp(120px,21vh,195px);height:clamp(120px,21vh,195px);
 object-fit:contain;left:49%;top:47%;transform:translate(-50%,-50%);opacity:.86;
 filter:drop-shadow(0 0 27px #ffca52);animation:psari-sun-rises 2.5s cubic-bezier(.24,.7,.2,1) both;
}
@keyframes psari-sun-rises{0%{opacity:0;transform:translate(-50%,27%) scale(.8)}65%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.psari-savannah-dunes{
 position:absolute;z-index:2;bottom:-12px;width:130%;left:-15%;height:15%;opacity:.7;border-radius:50% 50% 0 0;
 background:linear-gradient(180deg,#a55b22dd,#3b1c14 65%);box-shadow:0 -9px 35px #eca65985;
}
/* Dominion: masked full-size lion artwork with separate pinned wild jewels. */
.psari-scene-dominion{background:radial-gradient(circle at 50% 50%,#ac522d95,#310f1f 60%,#170b1c 100%)}
.psari-scene-dominion .psari-scene-ring{box-shadow:inset 0 0 45px #ffe9a13a,0 0 48px #d161456c}
.psari-scene-portrait{
 position:absolute;z-index:3;left:50%;top:67%;width:clamp(260px,33vw,410px);height:clamp(280px,48vh,490px);
 object-fit:cover;object-position:50% 14%;transform:translate(-50%,-50%);
 mask-image:radial-gradient(ellipse 58% 62% at 50% 47%,#000 49%,transparent 87%);
 -webkit-mask-image:radial-gradient(ellipse 58% 62% at 50% 47%,#000 49%,transparent 87%);
 filter:drop-shadow(0 0 25px #df9c43);
 animation:psari-lion-entry 1.5s ease-out both;
}
@keyframes psari-lion-entry{0%{opacity:0;transform:translate(-50%,-46%) scale(1.2);filter:brightness(1.8)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.psari-locked-wild{
 position:absolute;z-index:4;width:clamp(70px,11vw,125px);height:auto;
 top:46%;filter:drop-shadow(0 0 23px #ffcf55);animation:psari-wild-appear 1.4s ease-out both;
}
.psari-locked-wild.left{left:12%;animation-delay:.2s}
.psari-locked-wild.right{right:12%;animation-delay:.45s}
@keyframes psari-wild-appear{0%{opacity:0;transform:translateY(100px) scale(.5) rotate(-30deg)}65%{opacity:1;transform:translateY(-10px) scale(1.1)}100%{opacity:1;transform:translateY(0) scale(1)}}
/* Stampede: three unique safari animal portraits, physically staged at different depths. */
.psari-scene-stampede{background:linear-gradient(180deg,#5221134d 0%,#a75b2949 45%,#301314bb 100%),url('assets/savannah-horizon.webp') center/cover no-repeat}
.psari-stampede-dust{position:absolute;inset:-50%;opacity:.65;background:repeating-linear-gradient(154deg,transparent 0 35px,#fce4ab19 38px 64px,transparent 66px 100px);
 animation:psari-stampede-dust 3s linear infinite}
@keyframes psari-stampede-dust{to{transform:translateX(-18%)}}
.psari-animal{position:absolute;object-fit:contain;top:70%;width:clamp(75px,11vw,145px);height:clamp(75px,12vh,115px);opacity:.62;filter:drop-shadow(0 12px 15px #17060bac);animation:psari-animal-arrive 1.1s cubic-bezier(.2,.68,.2,1) both}
.psari-animal.rhino{z-index:2;left:5%;transform:translateY(-43%) rotate(-8deg);animation-delay:.17s}
.psari-animal.elephant{z-index:5;left:50%;margin-left:-70px;transform:translateY(-50%);animation-delay:0s;width:clamp(95px,14vw,155px);height:clamp(95px,16vh,145px)}
.psari-animal.zebra{z-index:3;right:3%;transform:translateY(-43%) rotate(7deg);animation-delay:.31s}
@keyframes psari-animal-arrive{0%{opacity:0;scale:.65;filter:blur(7px)}100%{opacity:1;scale:1;filter:blur(0)}}
.psari-stampede-trail{position:absolute;z-index:6;bottom:0;left:0;right:0;height:45px;background:linear-gradient(0deg,#39140e,transparent)}
#psari-cinematic[data-mode="savannah"]{background:radial-gradient(ellipse at center,#895a2a,#10070a 76%)!important}
#psari-cinematic[data-mode="dominion"]{background:radial-gradient(ellipse at center,#60201f,#08070e 79%)!important}
#psari-cinematic[data-mode="stampede"]{background:radial-gradient(ellipse at center,#874728,#0b070d 81%)!important}
/* Readable credit explanation: distinct available balance and pending win. */
.psari-credit-details{font:700 10px/1.35 Arial,sans-serif;letter-spacing:.04em;color:#ffe4ad;max-width:95%;margin:3px auto 4px;text-align:center;text-shadow:0 0 7px #000}
.credit-readout span:first-child b{color:#ffe5a7}
#psari-cinematic[data-mode="stampede"] .cinematic-frame h2 strong{color:#ffc88b}
@media(max-width:760px){
 #psari-cinematic{padding:10px 8px;gap:8px}
 #psari-cinematic .psari-cinematic-stage{width:96vw;height:min(40vh,330px);border-radius:25px}
 #psari-cinematic .cinematic-frame{width:98vw;padding:5px 8px 16px!important}
 #psari-cinematic .cinematic-frame h2{font-size:clamp(28px,8vw,50px)!important}
 #psari-cinematic .cinematic-frame p{font-size:12px}
 .psari-scene-portrait{height:115%;width:70%;top:50%}
 .psari-locked-wild.left{left:5%}.psari-locked-wild.right{right:5%}
 .psari-animal.rhino{left:0}.psari-animal.zebra{right:0}
 .psari-animal.elephant{margin-left:-19%}
 .psari-credit-details{font-size:9px;max-width:100%}
}
@media(prefers-reduced-motion:reduce){
 .psari-scene-ring,.psari-scene-rays,.psari-scene-sun,.psari-scene-portrait,.psari-locked-wild,.psari-stampede-dust,.psari-animal{animation:none!important}
 .psari-scene-sun{transform:translate(-50%,-50%)}
 .psari-scene-portrait{transform:translate(-50%,-50%)}
}

/* Final art direction: do not scale small paytable icons into giant illustrations. */
.psari-scene-savannah .psari-scene-sun{display:none!important}
.psari-scene-savannah .psari-scene-ring{opacity:.21!important;border-color:#ffe59e2d!important;box-shadow:0 0 75px 22px #ffe9a244!important}
.psari-scene-savannah .psari-savannah-dunes{opacity:.25}
.psari-scene-savannah:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#ffd18b20 65%,#18070f83 100%);pointer-events:none}
.psari-scene-dominion .psari-scene-portrait{
 top:69%;width:min(76%,450px);height:470px;opacity:1!important;
 mask-image:radial-gradient(ellipse 76% 84% at 50% 49%,#000 66%,transparent 100%)!important;
 -webkit-mask-image:radial-gradient(ellipse 76% 84% at 50% 49%,#000 66%,transparent 100%)!important;
 filter:brightness(1.25) saturate(1.09) drop-shadow(0 0 19px #efc46c)!important;
}
.psari-scene-dominion .psari-scene-ring{opacity:.45}
.psari-scene-stampede .psari-animal{display:none!important}
.psari-scene-stampede .psari-stampede-dust{opacity:.38}
.psari-scene-stampede:after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(180deg,transparent 22%,#b26a1a21 70%,#35100dc2 100%);}
@media(max-width:760px){.psari-scene-dominion .psari-scene-portrait{height:120%;width:78%;top:70%}}

/* Blend the guardian portrait into a scene, instead of showing hard image edges. */
.psari-scene-dominion:before{
 content:"";position:absolute;inset:-10%;z-index:0;
 background:url('assets/lion-portrait.webp') center 33%/cover no-repeat;
 filter:blur(22px) brightness(.45) saturate(.8);
 opacity:.58;pointer-events:none;
}
.psari-scene-dominion .psari-scene-portrait{
 z-index:3;width:min(72%,420px)!important;height:390px!important;top:56%!important;
 object-position:50% 19%!important;
 mask-image:radial-gradient(ellipse 48% 67% at 50% 51%,#000 59%,transparent 98%)!important;
 -webkit-mask-image:radial-gradient(ellipse 48% 67% at 50% 51%,#000 59%,transparent 98%)!important;
}
@media(max-width:760px){
 .psari-scene-dominion .psari-scene-portrait{height:98%!important;top:54%!important;width:76%!important}
 .psari-locked-wild{width:min(19vw,78px);top:61%}
}