/* SKYPLAYNS_WEBSITE_EXPERIENCE_V2 – additive styles, no layout/overflow changes. */
#spv2-general,#spv2-general *{box-sizing:border-box}
#spv2-general{padding:12px;border:1px solid rgba(132,181,255,.24);border-radius:13px;background:rgba(91,137,199,.09);margin:8px 0 15px;color:#f5f7ff}
#spv2-general h3,#sp-site-event-controls .spv2-event-title{font-size:14px;font-weight:750;margin:0 0 13px;color:#bce8ff;line-height:1.5}
#sp-site-event-controls .spv2-event-title{padding:10px 0 6px;border-top:1px solid rgba(132,181,255,.26)}
#spv2-general .sp-site-switch{gap:12px;font-size:12px;line-height:1.45}
#spv2-general .sp-site-inline{font-size:12px}
#spv2-general small{display:block;color:#b4c7df;font-size:11px;line-height:1.5;margin-top:11px}
#spv2-general .spv2-status{color:#99e0ff;font-size:11px;min-height:14px;margin:5px 0 0}
#spv2-general .spv2-preview-line{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 15px}
#spv2-general .spv2-preview-line button{border:1px solid rgba(115,202,255,.35);background:#223e62;border-radius:8px;padding:7px 10px;color:#fff;font-size:11px;font-weight:700;flex:1 1 auto;min-height:33px}
#spv2-general .spv2-preview-line button:active{filter:brightness(1.2)}
body.spv2-motion-on .spv2-enter{animation:spv2-appear .46s ease-out both}
body.spv2-motion-on[data-spv2-intensity="calm"] .spv2-enter{animation-duration:.24s}
body.spv2-motion-on[data-spv2-intensity="lively"] .spv2-enter{animation-duration:.62s}
@keyframes spv2-appear{from{opacity:.55;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
body.spv2-motion-on .spv2-pressed{animation:spv2-tap .17s ease-out both}
@keyframes spv2-tap{50%{filter:brightness(1.18)}}
@media(hover:hover) and (pointer:fine){
 body.spv2-motion-on :is(.modecard,.shopcard,.leaderCard,.featureCard,.homeModeCard,.homeMode,.card):hover{filter:brightness(1.045);transition:filter .2s ease}
 body.spv2-motion-on .spv2-pressed:hover{filter:brightness(1.1)}
}
body.spv2-motion-on[data-spv2-season="halloween"] :is(.cleanHero,.hero) h1{animation:spv2-halloween-glow 4.8s ease-in-out infinite}
body.spv2-motion-on[data-spv2-season="christmas"] :is(.cleanHero,.hero) h1{animation:spv2-christmas-glow 4.8s ease-in-out infinite}
@keyframes spv2-halloween-glow{0%,100%{text-shadow:0 0 4px rgba(253,141,54,.12)}50%{text-shadow:0 0 24px rgba(253,141,54,.55),0 0 42px rgba(155,76,212,.25)}}
@keyframes spv2-christmas-glow{0%,100%{text-shadow:0 0 2px rgba(170,230,255,.12)}50%{text-shadow:0 0 22px rgba(170,230,255,.45)}}
.spv2-particles{position:fixed;inset:0;overflow:hidden;z-index:2;pointer-events:none;contain:strict}
.spv2-particles span{position:absolute;left:var(--x);bottom:-15vh;opacity:0;color:#acdfff;font-size:clamp(11px,2vw,19px);animation:spv2-drift var(--dur) linear var(--t) infinite;filter:drop-shadow(0 0 6px currentColor)}
.spv2-particles[data-kind="halloween"] span{color:#ef9c55}
.spv2-particles[data-kind="christmas"] span{color:#d8f6ff}
.spv2-particles[data-kind="easter"] span{color:#ffd5ee}
.spv2-particles[data-kind="newyear"] span{color:#fff1b3}
@keyframes spv2-drift{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}9%,80%{opacity:.45}100%{opacity:0;transform:translate3d(15px,-120vh,0) rotate(160deg)}}
.spv2-sparkles{position:fixed;z-index:2147481900;pointer-events:none;width:0;height:0}
.spv2-sparkles i{position:absolute;display:block;width:6px;height:6px;left:-3px;top:-3px;border-radius:50%;background:#ffde88;box-shadow:0 0 10px #ffdc77;animation:spv2-burst .65s ease-out var(--d) both}
@keyframes spv2-burst{from{opacity:1;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(.15)}}
@media (prefers-reduced-motion:reduce){body .spv2-enter,body .spv2-pressed,body :is(.cleanHero,.hero) h1{animation:none!important} .spv2-particles,.spv2-sparkles{display:none!important}}