.slop{--nova:#ff2a3d;--nova-hot:#ff6a2a;--nova-deep:#7a0a1a;--slop-line:#ff2a3d4d;isolation:isolate;border:1px solid var(--slop-line);background:radial-gradient(90% 70% at 85% 0,#ff3c2838,#0000 60%),radial-gradient(70% 60% at 0 100%,#7a0a1a73,#0000 70%),#0a0305;padding:2rem clamp(1rem,3vw,2rem) 2.5rem;position:relative;overflow:hidden}.slop:before{content:"";z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='80' fill='none' stroke='%23ff2a3d' stroke-opacity='.14' stroke-width='1.5'%3E%3Cpath d='M0 40 Q15 10 30 40 T60 40 T90 40 Q100 20 110 40 T130 40 Q150 0 170 40 T210 40 T240 40'/%3E%3C/svg%3E");background-size:240px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 35%,#0000 100%);mask-image:radial-gradient(120% 90% at 50% 0,#000 35%,#0000 100%)}.slop:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#ff5a282e,#0000 65%);width:70%;height:80%;animation:6s ease-in-out infinite nova-pulse;position:absolute;top:-30%;right:-20%}@keyframes nova-pulse{50%{opacity:.45;transform:scale(1.08)}}.slop-kicker,.slop-date,.slop-empty-tag,.slop-ep,.slop-tracks{font-family:var(--font-mono), "IBM Plex Mono", ui-monospace, monospace;letter-spacing:.18em;text-transform:uppercase;font-size:.74rem}.slop-kicker{color:var(--nova-hot);margin:0}.slop-kicker:before{content:"♪ ";color:var(--nova)}.slop-head h1{letter-spacing:-.01em;color:#fff4f2;margin:.4rem 0 .5rem}.slop-head h1 span{color:var(--nova);text-shadow:0 0 18px #ff2a3db3,0 0 42px #ff6a2a66}.slop-sub{color:#e6cfcf;max-width:40rem;margin:0;line-height:1.55}.slop-eq{align-items:flex-end;gap:4px;max-width:20rem;height:36px;margin-top:1.25rem;display:flex}.slop-eq i{background:linear-gradient(0deg, var(--nova-deep), var(--nova), var(--nova-hot));border-radius:1px;flex:1;height:30%;animation:.9s ease-in-out infinite alternate nova-eq;box-shadow:0 0 8px #ff2a3d80}.slop-eq i:nth-child(3n){height:70%}.slop-eq i:nth-child(4n+1){height:50%}.slop-eq i:nth-child(5n+2){height:90%}@keyframes nova-eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.slop-eq i{transform-origin:bottom}.slop-empty{border:1px solid var(--slop-line);border-left:3px solid var(--nova);background:#140508e0;flex-wrap:wrap;align-items:center;gap:1.75rem;max-width:50rem;margin-top:2rem;padding:1.75rem 1.5rem;display:flex;position:relative;box-shadow:0 0 40px #ff2a3d1f}.slop-empty>div:last-child{flex:18rem}.slop-empty h2{color:#fff4f2;margin:.4rem 0 .6rem;font-size:clamp(1.4rem,3.4vw,2rem)}.slop-empty p{color:#e6cfcf;margin:0;line-height:1.6}.slop-empty .slop-empty-tag{color:var(--nova-hot)}.slop-cursor{vertical-align:-.12em;background:var(--nova);width:.6em;height:1em;box-shadow:0 0 10px var(--nova);margin-left:.15em;animation:1.1s step-end infinite slop-blink;display:inline-block}@keyframes slop-blink{50%{opacity:0}}.slop-vinyl{background:repeating-radial-gradient(circle,#140406 0 2px,#22080c 2px 4px);border-radius:50%;flex:none;place-items:center;width:132px;height:132px;animation:6s linear infinite nova-spin;display:grid;box-shadow:0 0 0 2px #2a0a10,0 0 30px #ff2a3d59}.slop-vinyl span{background:radial-gradient(circle, #0a0305 0 4px, var(--nova-hot) 5px, var(--nova) 60%, var(--nova-deep));border-radius:50%;width:44px;height:44px}@keyframes nova-spin{to{transform:rotate(360deg)}}.slop-tracks{border-top:1px dashed var(--slop-line);color:#e6cfcf;margin:1.1rem 0 0;padding:.6rem 0 0;list-style:none}.slop-tracks span{color:var(--nova);margin-right:.75rem}.slop-list{gap:2.75rem;max-width:56rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.slop-item{border:1px solid var(--slop-line);background:#140508e0;padding:.75rem .75rem 1.1rem}.slop-frame{aspect-ratio:16/9;background:#000;position:relative;box-shadow:0 0 28px #ff2a3d40}.slop-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.slop-meta{align-items:baseline;gap:1rem;margin:.9rem .25rem 0;display:flex}.slop-ep{color:var(--nova)}.slop-date{color:#c7a9a9}.slop-title{color:#fff4f2;margin:.35rem .25rem .4rem;font-size:1.3rem}.slop-blurb{color:#e6cfcf;margin:0 .25rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.slop:after,.slop-eq i,.slop-vinyl,.slop-cursor{animation:none}}.slop{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' fill='none' stroke='%23ff2a3d' stroke-opacity='.14' stroke-width='1'%3E%3Cpath d='M0 40h48l16 16h40M112 0v28l-12 12M160 104h-40l-12 12v44M24 160v-36l20-20h28M88 76l20 20h52'/%3E%3Ccircle cx='104' cy='56' r='2.5' fill='%23ff6a2a' fill-opacity='.4'/%3E%3Ccircle cx='72' cy='104' r='2.5' fill='%232ee6d6' fill-opacity='.3'/%3E%3C/svg%3E"),linear-gradient(#ff2a3d0d 1px,#0000 1px),linear-gradient(90deg,#ff2a3d0d 1px,#0000 1px),radial-gradient(90% 70% at 85% 0,#ff3c2838,#0000 60%),radial-gradient(70% 60% at 0 100%,#7a0a1a73,#0000 70%);background-size:160px 160px,32px 32px,32px 32px,auto,auto}.slop-nova{grid-template-columns:minmax(0,320px);align-items:start;gap:1.5rem;max-width:60rem;margin-top:2rem;display:grid}.slop-nova img{background:#000;width:100%;height:auto;display:block}.slop-hero{border:1px solid var(--slop-line);background:#140508e6;margin:0;box-shadow:0 0 36px #ff2a3d4d}.slop-hero figcaption{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--nova-hot);border-top:1px solid var(--slop-line);padding:.7rem .8rem;font-size:.74rem}@media (max-width:700px){.slop-nova{grid-template-columns:1fr}.slop-hero{width:100%;max-width:320px;margin-inline:auto}}@media (min-width:701px){.page-art img[src$=slopcore-banner\.svg]{aspect-ratio:1400/400;height:auto}}