/* Slyness splash — jade & gold intro */
#splash{z-index:50;flex-direction:column;gap:clamp(10px,2.4vh,24px);overflow:hidden;background:radial-gradient(ellipse at 50% 44%,#1f4d3d 0%,#0b241c 45%,#040e0b 100%)}
#splash::before{content:'';position:absolute;inset:0;z-index:6;background:#000;pointer-events:none;animation:sp-from-black .8s ease-out forwards}
#splash::after{content:'';position:absolute;inset:0;z-index:6;background:#000;opacity:0;pointer-events:none;transition:opacity .7s ease-in}
#splash.leaving::after{opacity:1}
#splash.leaving .sp-card{transition:transform .7s ease-in,filter .7s;transform:scale(1.06);filter:brightness(1.4)}
.sp-fx{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.sp-rays{position:absolute;left:50%;top:46%;width:190vmax;height:190vmax;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,#f3d48a1a 0 3deg,transparent 3deg 12deg);-webkit-mask:radial-gradient(circle,#000 0,transparent 40%);mask:radial-gradient(circle,#000 0,transparent 40%);opacity:0;animation:sp-fade 2s ease-out .3s forwards,sp-spin 50s linear infinite}
.sp-burst{position:absolute;left:50%;top:46%;width:130vmin;height:130vmin;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,#fff8e0ee 0%,#f3d48a88 9%,#58b99755 24%,transparent 58%);opacity:0;animation:sp-burst 1.8s ease-out .25s forwards}
.sp-card{position:relative;z-index:3;margin:0;width:min(86vw,calc((100dvh - 120px) * 1.34));aspect-ratio:791/590;padding:clamp(3px,.5vmin,6px);border-radius:8px;background:linear-gradient(135deg,#f6e2a8,#9d7a43 28%,#f3d48a 50%,#7d5d2c 72%,#e7c983);box-shadow:0 0 0 1px #000a,0 0 70px #58b99766,0 0 140px #f3d48a22,0 30px 90px #000d;opacity:0;animation:sp-card-in 1.3s cubic-bezier(.2,.8,.2,1.04) .35s forwards,sp-halo 2.4s ease-in-out 1.7s infinite alternate}
.sp-card::before{content:'';position:absolute;inset:clamp(-14px,-1.6vmin,-8px);border:1px solid #d2b67688;border-radius:12px;pointer-events:none;clip-path:inset(0 50% 0 50%);animation:sp-frame 1.2s ease-out 1s forwards}
.sp-card::after{content:'◇';position:absolute;left:50%;top:0;translate:-50% -60%;font-size:clamp(16px,2.6vmin,26px);color:#f3d48a;text-shadow:0 0 12px #f3d48a;background:#0b241c;padding:0 10px;line-height:1;opacity:0;animation:sp-fade .8s ease-out 1.5s forwards}
.sp-img{position:relative;width:100%;height:100%;overflow:hidden;border-radius:5px;box-shadow:inset 0 0 0 1px #0007}
.sp-img img{display:block;width:100%;height:100%;object-fit:cover;animation:sp-zoom 4s ease-out both}
.sp-img::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 50px #000a;pointer-events:none}
.sp-shine{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.sp-shine::before{content:'';position:absolute;top:0;bottom:0;left:-45%;width:30%;background:linear-gradient(100deg,transparent,#fff6d8aa 50%,transparent);transform:skewX(-20deg);animation:sp-shine 1.2s ease-in-out 1.5s forwards}
#splash .eyebrow{position:relative;z-index:3;margin:0;font:600 clamp(10px,1.6vmin,15px)/1.4 Cinzel,Georgia,serif;color:#f0dfae;text-shadow:0 0 12px #f3d48a66,0 2px 4px #000;opacity:0;animation:sp-text 1.2s ease-out 1.6s forwards}
@keyframes sp-from-black{to{opacity:0}}
@keyframes sp-fade{to{opacity:1}}
@keyframes sp-spin{to{rotate:360deg}}
@keyframes sp-burst{0%{opacity:0;scale:.15}18%{opacity:1}100%{opacity:.3;scale:1}}
@keyframes sp-card-in{0%{opacity:0;transform:scale(.82) translateY(14px);filter:brightness(3) blur(8px)}55%{opacity:1;filter:brightness(1.3)}100%{opacity:1;transform:none;filter:none}}
@keyframes sp-halo{to{box-shadow:0 0 0 1px #000a,0 0 100px #58b99799,0 0 180px #f3d48a44,0 30px 90px #000d}}
@keyframes sp-frame{to{clip-path:inset(0 0 0 0)}}
@keyframes sp-zoom{from{transform:scale(1.12)}to{transform:scale(1)}}
@keyframes sp-shine{to{left:130%}}
@keyframes sp-text{from{opacity:0;letter-spacing:14px;filter:blur(4px)}to{opacity:1;letter-spacing:5px;filter:none}}