/* the slot intro (av-slot-intro.js): uses each game's own colour variables */
.sli{position:fixed;left:0;right:0;bottom:0;top:var(--av-nav,52px);z-index:497;display:flex;align-items:center;justify-content:center;padding:16px;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.78)),var(--sli-bg,none) center/cover,var(--night,#06130C);opacity:0;transition:opacity .2s}
.sli.open{opacity:1}
.sli-card{position:relative;width:min(100%,420px);max-height:100%;overflow:auto;border-radius:24px;padding:22px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:radial-gradient(120% 70% at 50% 0%,var(--mid,#17402A),var(--deep,#0A1D13) 60%,var(--night,#06130C));box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 0 2px rgba(232,185,74,.55),0 0 40px rgba(var(--acc,63,160,100),.35)}
.sli-title{font:800 15px var(--serif);letter-spacing:.24em;text-transform:uppercase;color:var(--spec,#F2D98A)}
.sli-skip{position:absolute;right:12px;top:10px;background:none;border:0;color:var(--muted,#9aa);font:600 12px var(--sans);cursor:pointer;padding:8px}
.sli-pg{display:flex;flex-direction:column;align-items:center;gap:10px;min-height:250px}
.sli-pg.in{animation:sliin .28s ease-out}
@keyframes sliin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sli-img{width:132px;height:132px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(255,200,120,.18),rgba(255,200,120,0) 70%)}
.sli-img img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(255,190,100,.55))}
.sli-pg h4{margin:0;font:800 19px var(--serif);letter-spacing:.06em;color:#fff}
.sli-pg p{margin:0;font:400 14px/1.55 var(--sans);color:var(--bone,#EFE6C8);max-width:34ch}
.sli-pg p b{color:var(--spec,#F2D98A);font-weight:700}
.sli-dots{display:flex;gap:7px}.sli-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.22)}.sli-dots i.on{background:var(--spec,#F2D98A);box-shadow:0 0 8px var(--spec,#F2D98A)}
.sli-go{width:100%;min-height:50px;border-radius:14px;border:1px solid var(--ember,#FF9A3C);background:linear-gradient(180deg,#7A3A12,#3A1A0A);color:#fff;font:800 16px var(--serif);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 16px rgba(255,154,60,.4)}
.sli-go:active{transform:scale(.98)}
.sli-replay{margin-top:10px;background:none;border:1px solid rgba(255,255,255,.2);color:var(--spec,#F2D98A);border-radius:10px;padding:8px 12px;font:600 12px var(--sans);cursor:pointer}
/* the page's global font rule wins over a plain var(--serif), so the game's heading font is forced the same way the game's own sheets do it */
html.av-v2 body .sli .sli-title,html.av-v2 body .sli .sli-pg h4,html.av-v2 body .sli .sli-go,html body .sli .sli-title,html body .sli .sli-go{font-family:var(--serif)!important}
html body .sli-pg p,html body .sli-skip,html body .sli-replay{font-family:var(--sans)!important}

/* an intro that lives inside the game panel (cfg.host): it covers the panel only, never the side bar or the shell */
.sli.in-panel{position:absolute;left:0;right:0;top:0;bottom:0;z-index:30;border-radius:inherit}