/* Ambient effects: film grain, neon sign, setlist player, frog easter egg */

/* --- film grain, sitewide --- */
body::after{content:"";position:fixed;inset:-120px;z-index:9990;pointer-events:none;opacity:.06;
background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%27220%27%20height%3D%27220%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.8%27%20numOctaves%3D%272%27%20stitchTiles%3D%27stitch%27/%3E%3CfeColorMatrix%20type%3D%27matrix%27%20values%3D%270%200%200%200%201%200%200%200%200%201%200%200%200%200%201%200%200%200%200.55%200%27/%3E%3C/filter%3E%3Crect%20width%3D%27220%27%20height%3D%27220%27%20filter%3D%27url%28%23n%29%27/%3E%3C/svg%3E");background-size:220px 220px;
animation:grain-jitter .9s steps(4) infinite}
@keyframes grain-jitter{
0%{transform:translate(0,0)}25%{transform:translate(-38px,22px)}
50%{transform:translate(24px,-30px)}75%{transform:translate(-14px,-18px)}
100%{transform:translate(30px,26px)}}

/* --- neon sign: homepage "Make some noise." --- */
.sound-spread-copy h2,.sound-spread-copy h2 em{color:#ffe9c9;
text-shadow:0 0 6px rgba(255,170,80,.55),0 0 22px rgba(255,140,50,.32),0 0 64px rgba(255,120,40,.2);
animation:neon-flicker 8s linear infinite}
@keyframes neon-flicker{
0%,100%{opacity:1}3%{opacity:.55}4%,40%{opacity:1}42%{opacity:.35}
43%{opacity:1}44%{opacity:.7}45%,77%{opacity:1}79%{opacity:.6}80%{opacity:1}}

/* --- suno setlist (sound page) --- */
.setlist{border-top:1px solid #ffffff26;margin-top:48px;padding-top:44px}
.setlist-head h2{font-size:44px;line-height:1.05;margin:18px 0 10px}
.setlist-head p{color:#bcb5c5;max-width:520px}
.setlist-track{display:flex;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #ffffff1a}
.setlist-track .track-num{font-size:13px;color:#8f879c;min-width:24px}
.setlist-track>img{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:none}
.setlist-track .track-meta{width:190px;min-width:150px;flex:none}
.setlist-track .track-meta strong{display:block;font-size:16px}
.setlist-track .track-meta span{font-size:12px;color:#8f879c}
.setlist-track iframe{flex:1;min-width:220px;height:112px;border:0;border-radius:12px;background:#191521}
.setlist-more{display:inline-block;margin-top:26px}
@media(max-width:700px){.setlist-track{flex-wrap:wrap}.setlist-track .track-meta{flex:1}.setlist-track iframe{width:100%;flex-basis:100%}.setlist-head h2{font-size:36px}}

/* --- frog easter egg --- */
.frog-egg{position:fixed;right:28px;bottom:0;z-index:9995;padding:0;border:0;background:none;
transform:translateY(103%);transition:transform .6s cubic-bezier(.34,1.4,.64,1);cursor:pointer;line-height:0}
.frog-egg.is-up{transform:translateY(34%)}
.frog-egg:focus-visible{outline:2px solid #b19be9;outline-offset:2px}
.frog-egg .frog-eyes{animation:frog-blink 4.6s infinite;transform-origin:center}
@keyframes frog-blink{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.08)}}

/* --- calm everything for reduced-motion visitors --- */
@media (prefers-reduced-motion: reduce){
body::after{animation:none}
.sound-spread-copy h2,.sound-spread-copy h2 em{animation:none;text-shadow:none}
.frog-egg{transition:none}
.frog-egg .frog-eyes{animation:none}
}