/* SLOP / experimental division */
:root{--lab-accent:#c4a5ff;--lab-glow:#9670ff;--hero-hue:0deg}
body[data-palette=acid]{--lime:#d9ff58;--purple:#73ffc9;--lab-accent:#97ffdc;--lab-glow:#59d7aa;--hero-hue:75deg}
body[data-palette=ember]{--lime:#ffc68a;--purple:#ff92c5;--lab-accent:#ffb2cb;--lab-glow:#f58354;--hero-hue:290deg}
body[data-palette=acid] .gradient{background-image:linear-gradient(110deg,#b4ff8b,#87fce7 55%,#e6ff9a)}
body[data-palette=ember] .gradient{background-image:linear-gradient(110deg,#ffce9c,#ff8fbb 60%,#e6b3ff)}
.hero-art{transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(1.055);filter:hue-rotate(var(--hero-hue));transition:transform .7s ease-out,filter .8s;will-change:transform}
.hero-aura{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x,70%) var(--light-y,40%),#d4a5ff15,transparent 30%);mix-blend-mode:screen}
.orbital-lines{position:absolute;width:540px;height:540px;right:3%;top:14%;pointer-events:none;opacity:.38;transform:rotate(-25deg)}
.orbital-lines i{position:absolute;inset:0;border:1px solid #d7c2ff45;border-radius:50%;transform:scaleY(.45);animation:orbit-drift 18s linear infinite}
.orbital-lines i+ i{inset:-35px;animation-direction:reverse;animation-duration:27s;border-style:dashed;opacity:.5}
@keyframes orbit-drift{to{rotate:360deg}}
.button{position:relative;overflow:hidden}.button.lime:after{content:"";position:absolute;inset:-100% -60%;background:linear-gradient(110deg,transparent 42%,#ffffff70 50%,transparent 58%);transform:translateX(-70%);transition:transform .7s;pointer-events:none}.button.lime:hover:after{transform:translateX(70%)}
.card{position:relative;isolation:isolate}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(350px circle at var(--card-x,50%) var(--card-y,0%),#c5a4ff13,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:-1}.card:hover:before{opacity:1}
.appearance-strip{max-width:1224px;margin:0 auto;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line)}
.lab-kicker{font:500 .75rem/1.6 'Space Grotesk',Arial,sans-serif;letter-spacing:.13em;color:var(--lab-accent)}
.appearance-strip p{font-size:.875rem;margin-top:4px}.theme-options{display:flex;gap:6px;padding:5px;border:1px solid var(--line);background:#ffffff03;border-radius:40px}.theme-options button{display:flex;align-items:center;gap:9px;border-radius:30px;padding:10px 16px;font-size:.875rem;min-height:44px;border:1px solid transparent;color:var(--muted)}.theme-options button[aria-pressed=true]{background:#ffffff0e;border-color:#ffffff30;color:#fff}.swatch{width:14px;height:14px;border-radius:50%;display:inline-block}.swatch.cosmic{background:linear-gradient(135deg,#b5ff66,#bd87ff)}.swatch.acid{background:linear-gradient(135deg,#d9ff58,#37cbaa)}.swatch.ember{background:linear-gradient(135deg,#ffbb7b,#dd69ad)}.motion-shortcut{font-size:.875rem;padding:12px;color:var(--muted)}
.slop-lab{position:relative;padding-top:90px;padding-bottom:90px}.lab-intro{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.lab-intro h2{margin-top:18px}.lab-intro>p{max-width:300px;font-size:1rem}.pitch-machine,.name-machine,.bingo-machine{border:1px solid #ffffff1c;border-radius:22px;background:#111119;overflow:hidden}.pitch-machine{background:radial-gradient(ellipse at 100% 10%,#8160c319,transparent 55%),#111119}.experiment-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 30px;border-bottom:1px solid var(--line)}.lab-tag{font-size:.75rem;letter-spacing:.06em;color:var(--muted)}.amplifier-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:50px;padding:38px}.amplifier-controls h3,.name-machine h3,.bingo-machine h3{font-size:1.8rem;letter-spacing:-.04em}.amplifier-controls label{display:block;font-size:.875rem;color:#cecad9;margin:26px 0 10px}.amplifier-controls select{width:100%;padding:13px 14px;background:#090910;border:1px solid #ffffff26;border-radius:8px;color:#fff;font:inherit}.amplifier-controls .hype-label{display:flex;justify-content:space-between;gap:16px}.hype-label output{color:var(--lime)}#hype-level{width:100%;accent-color:var(--lime);cursor:ew-resize;min-height:28px}.hype-scale{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.experiment-note{font-size:.75rem!important;line-height:1.6;margin-top:20px!important;color:#a19aaf}.pitch-screen{border:1px solid #a78aff35;border-radius:14px;display:flex;flex-direction:column;padding:24px;background:linear-gradient(140deg,#1a1626,#0c0b13);min-height:365px;box-shadow:inset 0 1px #ffffff08,0 20px 60px #0002}.screen-top,.screen-bottom{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;letter-spacing:.05em;color:#a69bb8}.screen-top .pulse{margin-right:6px}.screen-top>span:last-child{color:var(--lab-accent)}.pitch-original{font-size:.875rem;margin-top:30px;color:#9f96ae;text-decoration:line-through;text-decoration-color:#9f96ae55}.pitch-output{font:500 clamp(1.4rem,2.4vw,2rem)/1.35 'Space Grotesk',Arial,sans-serif;letter-spacing:-.035em;margin:14px 0 22px;min-height:130px;color:#f2ebff;overflow-wrap:anywhere}.signal-meter{display:flex;gap:5px;align-items:center;height:28px;margin-top:auto;margin-bottom:22px}.signal-meter i{flex:1;background:var(--lab-accent);height:calc(4px + var(--bar, .5)*24px);border-radius:2px;opacity:.55;animation:signal-breathe 2s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-3s)}@keyframes signal-breathe{to{transform:scaleY(.3);opacity:.2}}.screen-bottom{border-top:1px solid var(--line);padding-top:18px;align-items:center}.screen-bottom button{font-size:.875rem;color:var(--lime);padding:4px}.lab-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.name-machine>h3,.bingo-machine>h3{margin:30px 30px 12px}.name-machine>p,.bingo-machine>p{margin:0 30px;font-size:.95rem}.name-result{margin:26px 30px;padding:28px 22px;border:1px solid #ffffff17;border-radius:12px;background:radial-gradient(ellipse at top right,#b68aff1b,transparent 70%),#0c0b13;min-height:240px;display:flex;flex-direction:column;justify-content:center;gap:12px}.name-result strong{font:500 clamp(2rem,3.6vw,3.2rem)/1.15 'Space Grotesk',Arial,sans-serif;letter-spacing:-.055em;color:var(--lab-accent);overflow-wrap:anywhere}.name-index,.name-result>span:last-child{font-size:.75rem;color:var(--muted);letter-spacing:.05em}.name-result p{font-size:1rem;color:#ded6eb}.name-machine>.button{margin:0 30px}.name-machine>.experiment-note{margin-bottom:30px}.experiment-heading>button{font-size:.875rem;color:var(--muted);padding:6px}.bingo-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:26px 30px 20px}.bingo-board button{border:1px solid #ffffff1c;background:#ffffff03;border-radius:10px;aspect-ratio:1.2;min-width:0;padding:12px 5px;font-size:.875rem;line-height:1.35;transition:background .25s,color .25s,transform .25s}.bingo-board button:hover{border-color:var(--lab-accent);transform:translateY(-2px)}.bingo-board button[aria-pressed=true]{background:var(--lab-accent);color:#100b1b;border-color:var(--lab-accent)}.bingo-board button.winning{box-shadow:0 0 0 2px var(--lime);background:var(--lime)}.bingo-status{margin:0 30px 30px;min-height:48px;font-size:.875rem;color:var(--lab-accent)}
@media(prefers-reduced-motion:no-preference){.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}.reveal-ready.in-view{opacity:1;transform:none}.pitch-output.changed,.name-result.changed{animation:result-in .35s ease-out}@keyframes result-in{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}}
.paused .reveal-ready{opacity:1;transform:none}.paused .hero-art{transform:none;transition:none}.paused .button:after{display:none}.paused .signal-meter i{animation:none}.paused .hero-aura{display:none}
@media(max-width:1280px){.appearance-strip{margin-inline:32px}.lab-intro h2{font-size:3.5rem}.orbital-lines{right:-10%}}
@media(max-width:800px){.appearance-strip{margin-inline:24px;flex-wrap:wrap;justify-content:flex-start}.appearance-strip>div:first-child{width:100%}.lab-intro{display:block}.lab-intro>p{max-width:500px;margin-top:22px}.amplifier-grid{grid-template-columns:1fr;gap:28px;padding:24px}.lab-duo{grid-template-columns:1fr}.orbital-lines{display:none}.hero-art{transform:none!important}.lab-intro h2{font-size:clamp(2.5rem,7vw,3.5rem)}.pitch-output{font-size:1.7rem;min-height:110px}.lab-tag{display:none}.theme-options button{padding:9px 12px}.experiment-heading{padding:20px 24px}.slop-lab{padding-block:65px}.bingo-board button{aspect-ratio:1.4}}
@media(max-width:400px){.theme-options{gap:2px}.theme-options button{padding:9px 10px}.motion-shortcut{padding-left:0}.pitch-screen{padding:18px}.screen-top,.screen-bottom{font-size:.7rem}.name-machine>h3,.bingo-machine>h3{margin-inline:22px}.name-machine>p,.bingo-machine>p,.name-result,.bingo-board,.bingo-status{margin-inline:22px}}
@media(prefers-reduced-motion:reduce){.hero-art{transform:none!important;transition:none}.hero-aura,.orbital-lines{display:none}.signal-meter i{animation:none}.reveal-ready{opacity:1;transform:none}}