/* Channel backgrounds: the room around the TV changes with the channel.
   The page sets <body data-ch="…">; each theme replaces the stage's checkerboard (desktop and phones).
   Everything is drawn with gradients (no images), kept dark so the guide and cards stay readable.
   Nothing here ever sits over the video player: it's the stage's own background. */body[data-ch], body[data-ch] #standby{ transition:background-color .6s; }
/* the stage is see-through on themed channels, so the room fills the whole window (no bars where the window's shape differs) */
body[data-ch]:not([data-ch="today"]) #stage{ background:transparent !important; }
/* the drippy logo video blends its black away against the stage; with a see-through stage it would show a black box, so themed channels get the still logo (desktop) */
body[data-ch]:not([data-ch="today"]):not(.mobile) #bug-melt{ display:none !important; } body[data-ch]:not([data-ch="today"]):not(.mobile) #bug-img{ display:block !important; }
body[data-ch="today"]{ background:repeating-conic-gradient(#1b1712 0 25%, #15120e 0 50%) 0 0/48px 48px; }


/* house backgrounds for viewer-made channels (body[data-house]): listed first so a channel's own theme below wins */body[data-house="1"], body[data-house="1"] #standby{ background:radial-gradient(ellipse 40% 50% at 12% 20%, rgba(255,60,120,.24), transparent 70%), radial-gradient(ellipse 40% 50% at 88% 30%, rgba(60,140,255,.22), transparent 70%), #0b0b12; }body[data-house="2"], body[data-house="2"] #standby{ background:linear-gradient(180deg, rgba(10,6,4,.6), rgba(10,6,4,.82)), radial-gradient(ellipse 120% 90% at 50% 130%, #e0702a 0 30%, #d4a02a 30% 38%, #a8401e 38% 46%, transparent 46%), #1e120a; }body[data-house="3"], body[data-house="3"] #standby{ background:radial-gradient(1.5px 1.5px at 20px 30px, #fff, transparent) 0 0/170px 130px, radial-gradient(1px 1px at 90px 80px, rgba(255,255,255,.7), transparent) 0 0/170px 130px, radial-gradient(ellipse 120% 70% at 50% 120%, #2a1b50, transparent 70%), #070914; }body[data-house="4"], body[data-house="4"] #standby{ background:linear-gradient(rgba(16,8,16,.7), rgba(16,8,16,.7)), radial-gradient(circle 4px, rgba(255,92,158,.7) 98%, transparent) 0 0/18px 18px, #1a0c1a; }body[data-house="5"], body[data-house="5"] #standby{ background:repeating-linear-gradient(90deg, rgba(30,200,181,.10) 0 2px, transparent 2px 70px), repeating-linear-gradient(0deg, rgba(30,200,181,.10) 0 2px, transparent 2px 70px), radial-gradient(ellipse 60% 50% at 50% 50%, #0d2a2a, #061212 80%); }body[data-house="6"], body[data-house="6"] #standby{ background:radial-gradient(ellipse 50% 40% at 50% 100%, rgba(255,190,90,.20), transparent 70%), linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.55)), repeating-linear-gradient(90deg, #2a1a08 0 22px, #3a2810 44px, #2a1a08 66px); }

/* LOT RADIO: corrugated shipping-container metal */body[data-ch="lotradio"], body[data-ch="lotradio"] #standby{
  background:
    radial-gradient(ellipse 60% 50% at 30% 40%, rgba(255,140,60,.10), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55)),
    repeating-linear-gradient(90deg, #1d2a33 0 14px, #2c3d48 14px 22px, #3a4f5c 22px 26px, #24333d 26px 36px, #18232b 36px 44px); }

/* DRIVE-IN: night sky, stars, and the projector's beam */body[data-ch="drivein"], body[data-ch="drivein"] #standby{
  background:
    linear-gradient(115deg, transparent 38%, rgba(255,250,220,.05) 46%, rgba(255,250,220,.09) 50%, rgba(255,250,220,.05) 54%, transparent 62%),
    radial-gradient(1.5px 1.5px at 20px 30px, #fff, transparent) 0 0/170px 130px,
    radial-gradient(1px 1px at 90px 80px, rgba(255,255,255,.8), transparent) 0 0/170px 130px,
    radial-gradient(1px 1px at 140px 20px, rgba(255,255,255,.6), transparent) 0 0/170px 130px,
    radial-gradient(2px 2px at 60px 110px, rgba(255,240,200,.9), transparent) 0 0/310px 240px,
    radial-gradient(ellipse 120% 70% at 50% 120%, #1b2350, transparent 70%),
    #070914; }

/* CHRISTMAS / SANTA'S WORKSHOP: snow falling on a winter night */body[data-ch="xmas"], body[data-ch="santa"], body[data-ch="xmas"] #standby, body[data-ch="santa"] #standby{
  background:
    radial-gradient(3px 3px at 30px 40px, rgba(255,255,255,.75), transparent) 0 0/200px 200px,
    radial-gradient(2px 2px at 120px 150px, rgba(255,255,255,.6), transparent) 0 0/200px 200px,
    radial-gradient(4px 4px at 80px 90px, rgba(255,255,255,.45), transparent) 0 0/320px 320px,
    radial-gradient(2px 2px at 250px 20px, rgba(255,255,255,.55), transparent) 0 0/320px 320px,
    radial-gradient(ellipse 70% 50% at 50% 110%, rgba(200,40,50,.18), transparent 70%),
    linear-gradient(180deg, #0b1a22, #0f2a24);
  animation:cv-snow 40s linear infinite; }
@keyframes cv-snow{ to{ background-position:40px 400px, -30px 400px, 60px 640px, -50px 640px, 0 0, 0 0; } }

/* OUTLAW COUNTRY / DRUNK FISHERMAN: worn wood boards */body[data-ch="outlaw"], body[data-ch="drunkfisherman"], body[data-ch="outlaw"] #standby, body[data-ch="drunkfisherman"] #standby{
  background:
    radial-gradient(ellipse 60% 50% at 35% 40%, rgba(255,190,90,.10), transparent 70%),
    repeating-linear-gradient(180deg, transparent 0 86px, rgba(0,0,0,.6) 86px 90px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.025) 0 2px, transparent 2px 9px),
    repeating-linear-gradient(90deg, #2a1c12 0 310px, #33221500 310px 312px, #2a1c12 312px 640px),
    linear-gradient(90deg, #2b1d13, #3a2718 30%, #2c1e14 60%, #36251a);
  background-color:#2b1d13; }

/* BOILER ROOM: black room, red light */body[data-ch="boilerroom"], body[data-ch="boilerroom"] #standby{
  background:
    radial-gradient(ellipse 45% 35% at 50% 0%, rgba(255,40,40,.28), transparent 70%),
    radial-gradient(ellipse 80% 40% at 50% 105%, rgba(180,0,20,.25), transparent 70%),
    repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0 1px, transparent 1px 4px),
    #0a0607; }

/* CHICAGO HOUSE: warehouse brick, late night */body[data-ch="chicagohouse"], body[data-ch="chicagohouse"] #standby{
  background:
    radial-gradient(ellipse 60% 50% at 40% 40%, rgba(80,120,255,.10), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.6)),
    linear-gradient(0deg, #1a0f0b 0 4px, transparent 4px) 0 0/100% 40px,
    linear-gradient(90deg, #1a0f0b 0 4px, transparent 4px) 0 0/120px 80px,
    linear-gradient(90deg, #1a0f0b 0 4px, transparent 4px) 60px 40px/120px 80px,
    #4a261b; }

/* THE SUPPER CLUB: red velvet curtain, candlelight */body[data-ch="supperclub"], body[data-ch="supperclub"] #standby{
  background:
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(255,190,90,.20), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55)),
    repeating-linear-gradient(90deg, #3a0810 0 20px, #5a0e18 40px, #6b1420 52px, #4a0b14 70px, #3a0810 90px); }

/* LA DOLCE VITA: a faded cabana-stripe awning at dusk */body[data-ch="dolcevita"], body[data-ch="dolcevita"] #standby{
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(255,170,120,.16), transparent 70%),
    linear-gradient(180deg, rgba(10,8,20,.72), rgba(10,8,20,.86)),
    repeating-linear-gradient(90deg, #1e4f6b 0 70px, #c9b896 70px 140px); }

/* HALLOWEEN: purple night, orange fog */body[data-ch="halloween"], body[data-ch="halloween"] #standby{
  background:
    radial-gradient(ellipse 50% 30% at 20% 100%, rgba(255,120,20,.22), transparent 70%),
    radial-gradient(ellipse 50% 30% at 80% 100%, rgba(255,120,20,.16), transparent 70%),
    radial-gradient(circle 60px at 85% 12%, rgba(255,240,200,.35), transparent 70%),
    linear-gradient(180deg, #120821, #1d0d2b 60%, #2a1208); }

/* NEW YEAR'S EVE: black tie, gold sparkle */body[data-ch="nye"], body[data-ch="nye"] #standby{
  background:
    radial-gradient(2px 2px at 40px 50px, rgba(255,215,120,.9), transparent) 0 0/180px 160px,
    radial-gradient(1.5px 1.5px at 130px 110px, rgba(255,240,200,.8), transparent) 0 0/180px 160px,
    radial-gradient(3px 3px at 90px 20px, rgba(255,200,80,.5), transparent) 0 0/260px 220px,
    radial-gradient(ellipse 70% 50% at 50% 40%, rgba(255,200,80,.10), transparent 70%),
    #0b0a0d; }

@media (prefers-reduced-motion: reduce){body[data-ch], body[data-ch] #standby{ animation:none !important; } }

/* ───────── every other channel (TODAY keeps the house checkerboard) ───────── */

/* DEDICATIONS / ♥ MY LOVES / ♥ MY TV & MOVIES / VIBE CHECK: soft pink glow, a little sparkle */body[data-ch="dedications"], body[data-ch="mine"], body[data-ch="mytv"], body[data-ch="dedications"] #standby, body[data-ch="mine"] #standby, body[data-ch="mytv"] #standby{
  background:
    radial-gradient(1.5px 1.5px at 30px 40px, rgba(255,180,220,.7), transparent) 0 0/150px 140px,
    radial-gradient(ellipse 50% 45% at 30% 40%, rgba(255,92,158,.20), transparent 70%),
    radial-gradient(ellipse 50% 45% at 80% 80%, rgba(150,60,200,.18), transparent 70%),
    #140a14; }body[data-ch="vibecheck"], body[data-ch="vibecheck"] #standby{
  background:
    radial-gradient(ellipse 45% 45% at 25% 30%, rgba(255,92,158,.22), transparent 70%),
    radial-gradient(ellipse 45% 45% at 75% 35%, rgba(30,200,181,.18), transparent 70%),
    radial-gradient(ellipse 50% 45% at 50% 95%, rgba(255,210,63,.14), transparent 70%),
    #0e0b12; }

/* THE TOP 20 / THE COUNTDOWN: a stage with marquee bulbs */body[data-ch="top20"], body[data-ch="countdown"], body[data-ch="top20"] #standby, body[data-ch="countdown"] #standby{
  background:
    radial-gradient(circle 5px at 24px 12px, rgba(255,220,120,.85), rgba(255,180,60,.25) 60%, transparent) 0 0/48px 100%,
    linear-gradient(110deg, transparent 30%, rgba(255,255,255,.05) 40%, transparent 50%),
    linear-gradient(70deg, transparent 50%, rgba(255,255,255,.05) 60%, transparent 70%),
    radial-gradient(ellipse 60% 40% at 50% 100%, rgba(255,92,158,.18), transparent 70%),
    #0d0a12;
  background-repeat:repeat-x, no-repeat, no-repeat, no-repeat, no-repeat; }

/* OLDIES: a 50s diner, after closing */body[data-ch="oldies"], body[data-ch="oldies"] #standby{
  background:
    linear-gradient(180deg, rgba(8,10,12,.86), rgba(8,10,12,.93)),
    radial-gradient(ellipse 60% 50% at 50% 30%, rgba(80,220,200,.25), transparent 70%),
    repeating-conic-gradient(#e9e2d0 0 25%, #121212 0 50%) 0 0/64px 64px; }

/* 70s: sunset stripes */body[data-ch="70s"], body[data-ch="70s"] #standby{
  background:
    linear-gradient(180deg, rgba(10,6,4,.55), rgba(10,6,4,.8)),
    radial-gradient(ellipse 120% 90% at 50% 130%, #e0702a 0 30%, #d4a02a 30% 38%, #a8401e 38% 46%, #5a2a14 46% 54%, transparent 54%),
    #2a170c; }

/* 80s: synthwave grid and a magenta sun */body[data-ch="80s"], body[data-ch="80s"] #standby{
  background:
    linear-gradient(180deg, transparent 62%, rgba(10,0,20,.0) 62%),
    repeating-linear-gradient(90deg, rgba(255,60,200,.35) 0 2px, transparent 2px 80px) 0 62%/100% 38% no-repeat,
    repeating-linear-gradient(180deg, rgba(255,60,200,.35) 0 2px, transparent 2px 40px) 0 62%/100% 38% no-repeat,
    radial-gradient(circle 160px at 50% 58%, rgba(255,120,60,.55), rgba(255,40,140,.35) 60%, transparent 72%),
    linear-gradient(180deg, #0b0420, #2a0838 62%, #0a0214 62%); }

/* 90s: Memphis-style confetti on purple */body[data-ch="90s"], body[data-ch="90s"] #standby{
  background:
    linear-gradient(rgba(12,10,22,.38), rgba(12,10,22,.38)),
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22900%22 height=%22520%22 viewBox=%220 0 900 520%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg stroke=%22%2317a2a8%22 opacity=%22.55%22%3E%3Cpath d=%22M60 330 C180 250 300 210 430 230 S690 300 840 200%22 stroke-width=%2258%22/%3E%3Cpath d=%22M70 352 C190 278 310 238 432 256 S688 322 830 228%22 stroke-width=%2222%22 stroke=%22%230f7f86%22/%3E%3Cpath d=%22M90 300 C200 236 320 196 440 210%22 stroke-width=%2210%22 stroke=%22%233ccfd3%22/%3E%3C/g%3E%3Cpath d=%22M40 250 C120 120 210 380 300 250 S470 120 540 260 S700 380 760 230 S850 150 880 210%22 stroke=%22%237a3cc8%22 stroke-width=%2214%22 opacity=%22.8%22/%3E%3C/svg%3E") 0 0/480px 278px,
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22900%22 height=%22520%22 viewBox=%220 0 900 520%22 fill=%22none%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg stroke=%22%2317a2a8%22 opacity=%22.55%22%3E%3Cpath d=%22M60 330 C180 250 300 210 430 230 S690 300 840 200%22 stroke-width=%2258%22/%3E%3Cpath d=%22M70 352 C190 278 310 238 432 256 S688 322 830 228%22 stroke-width=%2222%22 stroke=%22%230f7f86%22/%3E%3Cpath d=%22M90 300 C200 236 320 196 440 210%22 stroke-width=%2210%22 stroke=%22%233ccfd3%22/%3E%3C/g%3E%3Cpath d=%22M40 250 C120 120 210 380 300 250 S470 120 540 260 S700 380 760 230 S850 150 880 210%22 stroke=%22%237a3cc8%22 stroke-width=%2214%22 opacity=%22.8%22/%3E%3C/svg%3E") 240px 139px/480px 278px,
    radial-gradient(ellipse 70% 60% at 50% 50%, #1a1630, #0c0a16 80%); }

/* 00s: glossy chrome blue, club bubbles */body[data-ch="00s"], body[data-ch="00s"] #standby{
  background:
    radial-gradient(circle 40px at 20% 30%, rgba(255,255,255,.07), transparent 70%),
    radial-gradient(circle 70px at 75% 65%, rgba(255,255,255,.06), transparent 70%),
    radial-gradient(circle 25px at 60% 20%, rgba(255,255,255,.08), transparent 70%),
    linear-gradient(160deg, #0c1a33, #1b3a66 45%, #0b1428); }

/* 10s: festival bokeh */body[data-ch="10s"], body[data-ch="10s"] #standby{
  background:
    radial-gradient(circle 60px at 15% 25%, rgba(180,90,255,.20), transparent 70%),
    radial-gradient(circle 90px at 80% 20%, rgba(30,200,181,.16), transparent 70%),
    radial-gradient(circle 50px at 65% 75%, rgba(255,92,158,.18), transparent 70%),
    radial-gradient(circle 70px at 30% 80%, rgba(255,210,63,.12), transparent 70%),
    linear-gradient(180deg, #120a24, #0a0a18); }

/* NOW: neon blobs, fresh off the timeline */body[data-ch="20s"], body[data-ch="20s"] #standby{
  background:
    radial-gradient(ellipse 40% 50% at 10% 20%, rgba(255,60,120,.22), transparent 70%),
    radial-gradient(ellipse 40% 50% at 90% 30%, rgba(60,120,255,.22), transparent 70%),
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(255,170,40,.16), transparent 70%),
    #0b0b10; }

/* ALT: photocopied halftone, college radio flyer */body[data-ch="alt"], body[data-ch="alt"] #standby{
  background:
    radial-gradient(circle 3px, rgba(230,225,210,.16) 98%, transparent) 0 0/12px 12px,
    linear-gradient(100deg, rgba(0,0,0,.2), rgba(0,0,0,.6)),
    #1c1c1c; }

/* LATE NIGHT: a CRT glowing after midnight */body[data-ch="late"], body[data-ch="late"] #standby{
  background:
    repeating-linear-gradient(0deg, rgba(0,0,0,.35) 0 2px, transparent 2px 4px),
    radial-gradient(ellipse 60% 55% at 50% 45%, rgba(60,110,255,.18), transparent 70%),
    #05070f; }

/* HOUNDSTOOTH: houndstooth, obviously */body[data-ch="houndstooth"], body[data-ch="houndstooth"] #standby{
  background:
    linear-gradient(180deg, rgba(12,10,8,.70), rgba(12,10,8,.82)),
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2248%22 height=%2248%22 shape-rendering=%22crispEdges%22%3E%3Crect width=%22100%25%22 height=%22100%25%22 fill=%22%23bfb194%22/%3E%3Cg fill=%22%2315110d%22%3E%3Crect x=%220%22 y=%220%22 width=%226%22 height=%226%22/%3E%3Crect x=%226%22 y=%220%22 width=%226%22 height=%226%22/%3E%3Crect x=%2212%22 y=%220%22 width=%226%22 height=%226%22/%3E%3Crect x=%2218%22 y=%220%22 width=%226%22 height=%226%22/%3E%3Crect x=%2236%22 y=%220%22 width=%226%22 height=%226%22/%3E%3Crect x=%2242%22 y=%220%22 width=%226%22 height=%226%22/%3E%3Crect x=%220%22 y=%226%22 width=%226%22 height=%226%22/%3E%3Crect x=%226%22 y=%226%22 width=%226%22 height=%226%22/%3E%3Crect x=%2212%22 y=%226%22 width=%226%22 height=%226%22/%3E%3Crect x=%2218%22 y=%226%22 width=%226%22 height=%226%22/%3E%3Crect x=%2230%22 y=%226%22 width=%226%22 height=%226%22/%3E%3Crect x=%2236%22 y=%226%22 width=%226%22 height=%226%22/%3E%3Crect x=%220%22 y=%2212%22 width=%226%22 height=%226%22/%3E%3Crect x=%226%22 y=%2212%22 width=%226%22 height=%226%22/%3E%3Crect x=%2212%22 y=%2212%22 width=%226%22 height=%226%22/%3E%3Crect x=%2218%22 y=%2212%22 width=%226%22 height=%226%22/%3E%3Crect x=%2224%22 y=%2212%22 width=%226%22 height=%226%22/%3E%3Crect x=%2230%22 y=%2212%22 width=%226%22 height=%226%22/%3E%3Crect x=%220%22 y=%2218%22 width=%226%22 height=%226%22/%3E%3Crect x=%226%22 y=%2218%22 width=%226%22 height=%226%22/%3E%3Crect x=%2212%22 y=%2218%22 width=%226%22 height=%226%22/%3E%3Crect x=%2218%22 y=%2218%22 width=%226%22 height=%226%22/%3E%3Crect x=%2224%22 y=%2218%22 width=%226%22 height=%226%22/%3E%3Crect x=%2242%22 y=%2218%22 width=%226%22 height=%226%22/%3E%3Crect x=%220%22 y=%2224%22 width=%226%22 height=%226%22/%3E%3Crect x=%226%22 y=%2224%22 width=%226%22 height=%226%22/%3E%3Crect x=%220%22 y=%2230%22 width=%226%22 height=%226%22/%3E%3Crect x=%2218%22 y=%2230%22 width=%226%22 height=%226%22/%3E%3Crect x=%2212%22 y=%2236%22 width=%226%22 height=%226%22/%3E%3Crect x=%2218%22 y=%2236%22 width=%226%22 height=%226%22/%3E%3Crect x=%226%22 y=%2242%22 width=%226%22 height=%226%22/%3E%3Crect x=%2212%22 y=%2242%22 width=%226%22 height=%226%22/%3E%3C/g%3E%3C/svg%3E") 0 0/48px 48px; }

/* DARKWAVE: purple fog and fine lines */body[data-ch="darkwave"], body[data-ch="darkwave"] #standby{
  background:
    repeating-linear-gradient(135deg, rgba(255,255,255,.025) 0 1px, transparent 1px 14px),
    radial-gradient(ellipse 60% 45% at 50% 100%, rgba(120,40,180,.25), transparent 70%),
    #08060c; }

/* SLOW BURN: a highway at dusk */body[data-ch="slowburn"], body[data-ch="slowburn"] #standby{
  background:
    linear-gradient(180deg, #0a0d1e 0%, #1c1d3a 45%, #6a3a3a 66%, #c27a3a 70%, #1a1310 72%, #0c0907 100%); }

/* LATE SHOW: graveyard fog */body[data-ch="lateshow"], body[data-ch="lateshow"] #standby{
  background:
    radial-gradient(ellipse 60% 25% at 30% 100%, rgba(120,200,140,.18), transparent 70%),
    radial-gradient(ellipse 50% 22% at 75% 100%, rgba(120,200,140,.12), transparent 70%),
    radial-gradient(circle 50px at 15% 15%, rgba(230,240,220,.25), transparent 70%),
    linear-gradient(180deg, #050a0a, #0c1612); }

/* SILENT COMEDY: sepia film, scratches and a vignette */body[data-ch="silent"], body[data-ch="silent"] #standby{
  background:
    repeating-linear-gradient(90deg, transparent 0 231px, rgba(255,240,210,.06) 231px 232px, transparent 232px 517px),
    radial-gradient(ellipse 75% 70% at 50% 50%, #3a2c1c, #140e08 80%); }

/* SPACE AGE: starfield over a planet's edge */body[data-ch="spaceage"], body[data-ch="spaceage"] #standby{
  background:
    radial-gradient(1px 1px at 20px 30px, #fff, transparent) 0 0/140px 120px,
    radial-gradient(1.5px 1.5px at 90px 70px, rgba(200,220,255,.8), transparent) 0 0/260px 200px,
    radial-gradient(circle 1100px at 50% 2050px, #16305a 0 96%, rgba(80,160,255,.45) 98%, transparent 100%),
    #03040a; }

/* WAGON TRAIN: desert sunset and a mesa */body[data-ch="western"], body[data-ch="western"] #standby{
  background:
    linear-gradient(180deg, transparent 70%, #1a0e08 70%),
    linear-gradient(180deg, #1e0f1c 0%, #5a2a26 40%, #b8602a 62%, #d9933a 70%); }

/* AROUND THE WORLD: an old map */body[data-ch="travel"], body[data-ch="travel"] #standby{
  background:
    linear-gradient(180deg, rgba(20,14,8,.6), rgba(20,14,8,.78)),
    repeating-linear-gradient(0deg, rgba(90,60,30,.5) 0 1px, transparent 1px 90px),
    repeating-linear-gradient(90deg, rgba(90,60,30,.5) 0 1px, transparent 1px 90px),
    radial-gradient(ellipse 80% 70% at 50% 50%, #8a7048, #4a3820); }

/* LIVE!: stage lights */body[data-ch="live"], body[data-ch="live"] #standby{
  background:
    linear-gradient(160deg, transparent 30%, rgba(255,92,158,.10) 40%, transparent 52%),
    linear-gradient(200deg, transparent 30%, rgba(30,200,181,.10) 40%, transparent 52%),
    linear-gradient(180deg, transparent 0 20%, rgba(255,210,63,.06) 40%, transparent 60%),
    radial-gradient(ellipse 70% 30% at 50% 105%, rgba(255,255,255,.08), transparent 70%),
    #07060a; }

/* HIP HOP: a concrete wall, spray paint */body[data-ch="hiphop"], body[data-ch="hiphop"] #standby{
  background:
    radial-gradient(ellipse 25% 30% at 20% 30%, rgba(255,210,63,.18), transparent 70%),
    radial-gradient(ellipse 25% 30% at 85% 70%, rgba(255,92,158,.16), transparent 70%),
    radial-gradient(circle 2px, rgba(255,255,255,.05) 98%, transparent) 0 0/7px 7px,
    linear-gradient(180deg, #1d1d1f, #121214); }

/* DANCE FLOOR: disco ball light */body[data-ch="dance"], body[data-ch="dance"] #standby{
  background:
    radial-gradient(circle 3px at 20px 20px, rgba(255,255,255,.55), transparent) 0 0/70px 60px,
    radial-gradient(circle 2px at 50px 45px, rgba(255,92,158,.55), transparent) 0 0/90px 80px,
    radial-gradient(circle 2px at 10px 60px, rgba(30,200,181,.5), transparent) 0 0/110px 100px,
    radial-gradient(ellipse 60% 50% at 50% 50%, rgba(140,60,255,.16), transparent 70%),
    #0b0812; }

/* COUNTRY: red flannel */body[data-ch="country"], body[data-ch="country"] #standby{
  background:
    linear-gradient(180deg, rgba(10,6,6,.55), rgba(10,6,6,.72)),
    repeating-linear-gradient(0deg, rgba(0,0,0,.45) 0 22px, transparent 22px 44px, rgba(0,0,0,.2) 44px 50px, transparent 50px 88px),
    repeating-linear-gradient(90deg, rgba(0,0,0,.45) 0 22px, transparent 22px 44px, rgba(0,0,0,.2) 44px 50px, transparent 50px 88px),
    #7a1a16; }

/* SLOW JAMS: purple velvet, low light */body[data-ch="slowjams"], body[data-ch="slowjams"] #standby{
  background:
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(255,120,170,.16), transparent 70%),
    linear-gradient(180deg, rgba(0,0,0,.3), rgba(0,0,0,.55)),
    repeating-linear-gradient(90deg, #22082e 0 24px, #36104a 44px, #2a0c3a 64px, #22082e 84px); }

/* NOIR: venetian-blind shadows */body[data-ch="noir"], body[data-ch="noir"] #standby{
  background:
    repeating-linear-gradient(-18deg, rgba(0,0,0,.65) 0 34px, transparent 34px 60px),
    radial-gradient(ellipse 60% 70% at 70% 30%, #4a4a4a, #141414 75%); }

/* SCI-FI THEATER: radar rings */body[data-ch="scifi"], body[data-ch="scifi"] #standby{
  background:
    repeating-radial-gradient(circle at 50% 55%, transparent 0 78px, rgba(80,255,140,.12) 78px 80px),
    linear-gradient(90deg, transparent calc(50% - 1px), rgba(80,255,140,.10) 0 calc(50% + 1px), transparent 0),
    radial-gradient(ellipse 60% 60% at 50% 55%, #062012, #020805 80%); }

/* SATURDAY MORNING: comic-book halftone on cereal-box colors */body[data-ch="saturday"], body[data-ch="saturday"] #standby{
  background:
    linear-gradient(180deg, rgba(10,10,20,.55), rgba(10,10,20,.72)),
    radial-gradient(circle 5px, rgba(255,210,63,.6) 98%, transparent) 0 0/20px 20px,
    linear-gradient(135deg, #1e4fb8, #c8302a); }

/* CLASS IS IN SESSION: chalkboard */body[data-ch="classroom"], body[data-ch="classroom"] #standby{
  background:
    radial-gradient(ellipse 30% 15% at 25% 30%, rgba(255,255,255,.06), transparent 70%),
    radial-gradient(ellipse 35% 12% at 70% 65%, rgba(255,255,255,.05), transparent 70%),
    linear-gradient(180deg, transparent calc(100% - 26px), #4a3420 calc(100% - 26px)),
    #1d3428; }

/* CHARLI: brat green */body[data-ch="charli"], body[data-ch="charli"] #standby{   /* CHARLI: the arena stage in black and white: a lighting rig, beams through haze, the dark stage block */
  background:
    linear-gradient(180deg, transparent 74%, #050505 74.5%, #0d0d0d 86%, #030303 100%),
    radial-gradient(circle 3px, rgba(255,255,255,.95) 60%, rgba(255,255,255,.35) 80%, transparent) 0 18px/64px 46px repeat-x,
    radial-gradient(circle 3px, rgba(255,255,255,.85) 60%, rgba(255,255,255,.3) 80%, transparent) 32px 64px/64px 46px repeat-x,
    radial-gradient(circle 2.5px, rgba(255,255,255,.7) 60%, transparent) 16px 110px/64px 46px repeat-x,
    repeating-conic-gradient(from 160deg at 50% -6%, transparent 0deg 3deg, rgba(255,255,255,.07) 3.5deg 4.5deg, transparent 5deg 9deg),
    radial-gradient(ellipse 45% 38% at 50% 52%, rgba(235,235,235,.30), rgba(200,200,200,.10) 55%, transparent 75%),
    radial-gradient(ellipse 80% 30% at 50% 74%, rgba(220,220,220,.16), transparent 70%),
    linear-gradient(180deg, #0b0b0b, #161616 40%, #0a0a0a 74%); }

/* FOUR TET: warm concentric rings */body[data-ch="fourtet"], body[data-ch="fourtet"] #standby{
  background:
    repeating-radial-gradient(circle at 30% 60%, rgba(255,150,80,.08) 0 18px, transparent 18px 40px),
    radial-gradient(ellipse 60% 60% at 30% 60%, rgba(255,92,158,.14), transparent 70%),
    #0d0a0c; }

/* TINY DESK: a bookshelf of record spines */body[data-ch="tinydesk"], body[data-ch="tinydesk"] #standby{
  background:
    linear-gradient(180deg, rgba(10,8,6,.62), rgba(10,8,6,.78)),
    repeating-linear-gradient(180deg, transparent 0 170px, #2a1a10 170px 186px),
    repeating-linear-gradient(90deg, #6a2a22 0 22px, #2a4a5a 22px 40px, #8a6a2a 40px 54px, #3a3a3a 54px 80px, #5a2a4a 80px 96px, #2a5a3a 96px 120px); }

/* KEXP: Seattle rain */body[data-ch="kexp"], body[data-ch="kexp"] #standby{
  background:
    repeating-linear-gradient(100deg, transparent 0 18px, rgba(180,210,255,.06) 18px 19px, transparent 19px 47px),
    radial-gradient(ellipse 60% 40% at 50% 100%, rgba(255,180,90,.10), transparent 70%),
    linear-gradient(180deg, #0c141c, #101a24); }

/* MIDNIGHT HOUR: indigo night, a full moon */body[data-ch="midnighthour"], body[data-ch="midnighthour"] #standby{
  background:
    radial-gradient(circle 70px at 82% 18%, rgba(240,235,255,.30), rgba(200,190,255,.10) 70%, transparent 72%),
    radial-gradient(1px 1px at 30px 40px, rgba(255,255,255,.7), transparent) 0 0/190px 150px,
    linear-gradient(180deg, #070616, #16123a); }

/* TIM'S DANCE PARTY: rainbow lights */body[data-ch="timsdance"], body[data-ch="timsdance"] #standby{
  background:
    radial-gradient(ellipse 30% 40% at 12% 20%, rgba(255,40,140,.45), transparent 70%),
    radial-gradient(ellipse 30% 40% at 88% 22%, rgba(40,190,255,.42), transparent 70%),
    radial-gradient(ellipse 28% 35% at 30% 95%, rgba(255,220,40,.38), transparent 70%),
    radial-gradient(ellipse 28% 35% at 75% 92%, rgba(150,60,255,.45), transparent 70%),
    radial-gradient(ellipse 20% 25% at 55% 10%, rgba(60,255,140,.30), transparent 70%),
    #08060c; }

/* CHICANO SOUL: candy-paint lowrider, gold pinstripe */body[data-ch="chicanosoul"], body[data-ch="chicanosoul"] #standby{
  background:
    radial-gradient(circle 1px, rgba(255,220,160,.25) 98%, transparent) 0 0/5px 5px,
    linear-gradient(180deg, transparent 82%, rgba(255,200,90,.35) 82% 82.4%, transparent 82.4% 83.6%, rgba(255,200,90,.25) 83.6% 84%, transparent 84%),
    radial-gradient(ellipse 70% 60% at 40% 30%, #6a0a2a, #24041a 75%); }

/* DEEP CRATES: vinyl grooves */body[data-ch="crates"], body[data-ch="crates"] #standby{
  background:
    repeating-radial-gradient(circle at 85% 50%, #0c0c0c 0 3px, #161616 3px 5px),
    radial-gradient(circle at 85% 50%, #0c0c0c 0 400px, #120f0c 401px); }

/* PHISH: liquid light show */body[data-ch="phish"], body[data-ch="phish"] #standby{
  background:
    radial-gradient(circle, transparent 0 9px, #8c2352 9.5px 22px, transparent 22.5px) 0 0/80px 80px,
    radial-gradient(circle, transparent 0 9px, #8c2352 9.5px 22px, transparent 22.5px) 40px 40px/80px 80px,
    #0d1838; }

/* viewer channels: LOCK IT UP (beer and dice), KEPG (100.9 The Beat) */body[data-ch="u_lockitup"], body[data-ch="u_lockitup"] #standby{
  background:
    radial-gradient(circle 5px at 30px 30px, rgba(255,255,255,.08) 98%, transparent) 0 0/90px 90px,
    radial-gradient(circle 5px at 60px 60px, rgba(255,255,255,.08) 98%, transparent) 0 0/90px 90px,
    radial-gradient(ellipse 60% 50% at 40% 40%, rgba(255,170,40,.14), transparent 70%),
    #1a120a; }body[data-ch="u_kepg"], body[data-ch="u_kepg"] #standby{
  background:
    repeating-radial-gradient(circle at 10% 90%, transparent 0 60px, rgba(255,92,158,.10) 60px 63px),
    radial-gradient(ellipse 50% 50% at 10% 90%, rgba(255,92,158,.12), transparent 70%),
    #0c0810; }

/* BURLESQUE: art-deco fan scallops in old gold on black plum, a hot pink spotlight */body[data-ch="burlesque"], body[data-ch="burlesque"] #standby{
  background:
    radial-gradient(ellipse 35% 55% at 50% -5%, rgba(255,92,158,.30), transparent 70%),
    radial-gradient(ellipse 60% 30% at 50% 105%, rgba(255,92,158,.16), transparent 70%),
    linear-gradient(180deg, rgba(14,6,14,.55), rgba(14,6,14,.72)),
    radial-gradient(circle at 50% 100%, #1a0b18 0 14px, #b8913f 15px 17px, #1a0b18 18px 24px, #8a6a2a 25px 26px, #1a0b18 27px 33px, #b8913f 34px 36px, transparent 37px) 0 0/80px 40px,
    radial-gradient(circle at 50% 100%, #1a0b18 0 14px, #b8913f 15px 17px, #1a0b18 18px 24px, #8a6a2a 25px 26px, #1a0b18 27px 33px, #b8913f 34px 36px, transparent 37px) 40px 20px/80px 40px,
    #1a0b18; }

/* TEA DANCE: a lit disco floor, tiles glowing in pride colors */body[data-ch="teadance"], body[data-ch="teadance"] #standby{
  background:
    radial-gradient(ellipse 70% 60% at 50% 45%, transparent 40%, rgba(8,4,10,.75) 100%),
    repeating-linear-gradient(90deg, #0a060c 0 6px, transparent 6px 96px),
    repeating-linear-gradient(0deg, #0a060c 0 6px, transparent 6px 96px),
    linear-gradient(rgba(10,6,12,.45), rgba(10,6,12,.45)),
    linear-gradient(90deg, #e4303a, #f08a24, #f2d22e, #2fb24a, #2a6fe0, #8a3cc8); }

/* PRIDE: the Progress Pride flag, dimmed so the guide stays readable */body[data-ch="pride"], body[data-ch="pride"] #standby{
  background:
    radial-gradient(ellipse 70% 65% at 55% 45%, rgba(10,6,14,.25), rgba(10,6,14,.6) 100%),
    linear-gradient(rgba(10,6,14,.5), rgba(10,6,14,.5)),
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1600 900%22 preserveAspectRatio=%22none%22%3E%3Crect y=%220%22 width=%221600%22 height=%22150%22 fill=%22%23e40303%22/%3E%3Crect y=%22150%22 width=%221600%22 height=%22150%22 fill=%22%23ff8c00%22/%3E%3Crect y=%22300%22 width=%221600%22 height=%22150%22 fill=%22%23ffed00%22/%3E%3Crect y=%22450%22 width=%221600%22 height=%22150%22 fill=%22%23008026%22/%3E%3Crect y=%22600%22 width=%221600%22 height=%22150%22 fill=%22%23004dff%22/%3E%3Crect y=%22750%22 width=%221600%22 height=%22150%22 fill=%22%23750787%22/%3E%3Cpath d=%22M0 0 L600 0 L1050 450 L600 900 L0 900 Z%22 fill=%22%23000000%22 transform=%22translate(0 0)%22/%3E%3Cpath d=%22M0 0 L500 0 L950 450 L500 900 L0 900 Z%22 fill=%22%23613915%22 transform=%22translate(-100 0)%22/%3E%3Cpath d=%22M0 0 L400 0 L850 450 L400 900 L0 900 Z%22 fill=%22%2374d7ee%22 transform=%22translate(-200 0)%22/%3E%3Cpath d=%22M0 0 L300 0 L750 450 L300 900 L0 900 Z%22 fill=%22%23ffafc8%22 transform=%22translate(-300 0)%22/%3E%3Cpath d=%22M0 0 L200 0 L650 450 L200 900 L0 900 Z%22 fill=%22%23ffffff%22 transform=%22translate(-400 0)%22/%3E%3C/svg%3E") 0 0/100% 100% no-repeat; }

/* CUMBIAS: papel picado strung across a warm night, a party glow below */body[data-ch="cumbias"], body[data-ch="cumbias"] #standby{
  background:
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22500%22 height=%22150%22 viewBox=%220 0 500 150%22%3E%3Cpath d=%22M0 12 Q250 32 500 12%22 stroke=%22%23e8dcc4%22 stroke-width=%222%22 fill=%22none%22 opacity=%22.7%22/%3E%3Cpath fill-rule=%22evenodd%22 fill=%22%23ff5c9e%22 opacity=%22.42%22 d=%22M10 19.199999999999996 h80 v86 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 Z M30 49.199999999999996 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM50 49.199999999999996 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM70 49.199999999999996 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM40 71.19999999999999 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM60 71.19999999999999 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM50 93.19999999999999 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0Z%22/%3E%3Cpath fill-rule=%22evenodd%22 fill=%22%23ff8c1a%22 opacity=%22.42%22 d=%22M108 28.670720000000003 h80 v86 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 Z M128 58.67072 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM148 58.67072 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM168 58.67072 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM138 80.67072 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM158 80.67072 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM148 102.67072 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0Z%22/%3E%3Cpath fill-rule=%22evenodd%22 fill=%22%232fbf71%22 opacity=%22.42%22 d=%22M206 31.99488 h80 v86 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 Z M226 61.994879999999995 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM246 61.994879999999995 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM266 61.994879999999995 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM236 83.99488 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM256 83.99488 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM246 105.99488 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0Z%22/%3E%3Cpath fill-rule=%22evenodd%22 fill=%22%232f8cff%22 opacity=%22.42%22 d=%22M304 29.17248 h80 v86 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 Z M324 59.17248 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM344 59.17248 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM364 59.17248 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM334 81.17248000000001 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM354 81.17248000000001 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM344 103.17248000000001 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0Z%22/%3E%3Cpath fill-rule=%22evenodd%22 fill=%22%23ffd23f%22 opacity=%22.42%22 d=%22M402 20.203519999999997 h80 v86 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 l-10 10 l-10 -10 Z M422 50.20352 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM442 50.20352 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM462 50.20352 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM432 72.20352 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM452 72.20352 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0ZM442 94.20352 m-5 0 a5 5 0 1 0 10 0 a5 5 0 1 0 -10 0Z%22/%3E%3C/svg%3E") 0 -10px/400px 120px repeat-x,
    radial-gradient(ellipse 70% 40% at 50% 105%, rgba(255,140,40,.28), transparent 70%),
    linear-gradient(180deg, #160a24, #2a0f2e 60%, #3a1420); }

/* BEAUTY BAR: an old salon after hours: pink and black harlequin tile, chrome sparkle, neon glow */body[data-ch="beautybar"], body[data-ch="beautybar"] #standby{
  background:
    radial-gradient(1.5px 1.5px at 30px 30px, rgba(255,255,255,.7), transparent) 0 0/170px 150px,
    radial-gradient(ellipse 45% 40% at 85% 15%, rgba(255,92,158,.30), transparent 70%),
    linear-gradient(rgba(14,6,12,.74), rgba(14,6,12,.74)),
    conic-gradient(from 45deg, #e8579a 25%, #120810 0 50%, #e8579a 0 75%, #120810 0) 0 0/90px 90px,
    #120810; }

/* FALL: leaves drifting down a dusky brown evening */body[data-ch="fall"], body[data-ch="fall"] #standby{
  background:
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22320%22 height=%22320%22 viewBox=%220 0 320 320%22 opacity=%22.5%22%3E%3Cpath fill=%22%23d9622b%22 transform=%22translate(50 60) rotate(20) scale(1.3)%22 d=%22M0 -26 C3 -18 6 -16 10 -20 C10 -12 14 -10 22 -12 C17 -6 17 -3 22 2 C14 3 11 6 13 12 C7 9 3 10 2 16 L2 28 L-2 28 L-2 16 C-3 10 -7 9 -13 12 C-11 6 -14 3 -22 2 C-17 -3 -17 -6 -22 -12 C-14 -10 -10 -12 -10 -20 C-6 -16 -3 -18 0 -26Z%22/%3E%3Cpath fill=%22%23e8a33a%22 transform=%22translate(220 40) rotate(-35) scale(1.1)%22 d=%22M0 -24 C14 -12 14 10 0 22 C-14 10 -14 -12 0 -24Z M-1 22 L-1 32 L1 32 L1 22Z%22/%3E%3Cpath fill=%22%23b8432a%22 transform=%22translate(150 170) rotate(60) scale(1.5)%22 d=%22M0 -26 C3 -18 6 -16 10 -20 C10 -12 14 -10 22 -12 C17 -6 17 -3 22 2 C14 3 11 6 13 12 C7 9 3 10 2 16 L2 28 L-2 28 L-2 16 C-3 10 -7 9 -13 12 C-11 6 -14 3 -22 2 C-17 -3 -17 -6 -22 -12 C-14 -10 -10 -12 -10 -20 C-6 -16 -3 -18 0 -26Z%22/%3E%3Cpath fill=%22%23d98a2b%22 transform=%22translate(270 230) rotate(10) scale(1.1)%22 d=%22M0 -26 C3 -18 6 -16 10 -20 C10 -12 14 -10 22 -12 C17 -6 17 -3 22 2 C14 3 11 6 13 12 C7 9 3 10 2 16 L2 28 L-2 28 L-2 16 C-3 10 -7 9 -13 12 C-11 6 -14 3 -22 2 C-17 -3 -17 -6 -22 -12 C-14 -10 -10 -12 -10 -20 C-6 -16 -3 -18 0 -26Z%22/%3E%3Cpath fill=%22%23c9a13a%22 transform=%22translate(70 250) rotate(-70) scale(1.2)%22 d=%22M0 -24 C14 -12 14 10 0 22 C-14 10 -14 -12 0 -24Z M-1 22 L-1 32 L1 32 L1 22Z%22/%3E%3C/svg%3E") 0 0/320px 320px,
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22320%22 height=%22320%22 viewBox=%220 0 320 320%22 opacity=%22.5%22%3E%3Cpath fill=%22%23d9622b%22 transform=%22translate(50 60) rotate(20) scale(1.3)%22 d=%22M0 -26 C3 -18 6 -16 10 -20 C10 -12 14 -10 22 -12 C17 -6 17 -3 22 2 C14 3 11 6 13 12 C7 9 3 10 2 16 L2 28 L-2 28 L-2 16 C-3 10 -7 9 -13 12 C-11 6 -14 3 -22 2 C-17 -3 -17 -6 -22 -12 C-14 -10 -10 -12 -10 -20 C-6 -16 -3 -18 0 -26Z%22/%3E%3Cpath fill=%22%23e8a33a%22 transform=%22translate(220 40) rotate(-35) scale(1.1)%22 d=%22M0 -24 C14 -12 14 10 0 22 C-14 10 -14 -12 0 -24Z M-1 22 L-1 32 L1 32 L1 22Z%22/%3E%3Cpath fill=%22%23b8432a%22 transform=%22translate(150 170) rotate(60) scale(1.5)%22 d=%22M0 -26 C3 -18 6 -16 10 -20 C10 -12 14 -10 22 -12 C17 -6 17 -3 22 2 C14 3 11 6 13 12 C7 9 3 10 2 16 L2 28 L-2 28 L-2 16 C-3 10 -7 9 -13 12 C-11 6 -14 3 -22 2 C-17 -3 -17 -6 -22 -12 C-14 -10 -10 -12 -10 -20 C-6 -16 -3 -18 0 -26Z%22/%3E%3Cpath fill=%22%23d98a2b%22 transform=%22translate(270 230) rotate(10) scale(1.1)%22 d=%22M0 -26 C3 -18 6 -16 10 -20 C10 -12 14 -10 22 -12 C17 -6 17 -3 22 2 C14 3 11 6 13 12 C7 9 3 10 2 16 L2 28 L-2 28 L-2 16 C-3 10 -7 9 -13 12 C-11 6 -14 3 -22 2 C-17 -3 -17 -6 -22 -12 C-14 -10 -10 -12 -10 -20 C-6 -16 -3 -18 0 -26Z%22/%3E%3Cpath fill=%22%23c9a13a%22 transform=%22translate(70 250) rotate(-70) scale(1.2)%22 d=%22M0 -24 C14 -12 14 10 0 22 C-14 10 -14 -12 0 -24Z M-1 22 L-1 32 L1 32 L1 22Z%22/%3E%3C/svg%3E") 160px 110px/420px 420px,
    radial-gradient(ellipse 70% 50% at 50% 110%, rgba(230,120,40,.22), transparent 70%),
    linear-gradient(180deg, #1a1210, #2a1810 60%, #331c10);
  animation:cv-leaves 60s linear infinite; }
@keyframes cv-leaves{ to{ background-position:-160px 640px, 0px 950px, 0 0, 0 0; } }

/* ALBUM OF THE WEEK: colors from the album cover (album.json → --al1..3), a soft round frame like an old sleeve photo */body[data-ch="album"], body[data-ch="album"] #standby{
  background:
    radial-gradient(circle at 50% 46%, transparent 0 34%, rgba(0,0,0,.35) 35% 36%, transparent 37%),
    radial-gradient(ellipse 65% 70% at 50% 46%, var(--al1, #c8a46a) 0%, var(--al2, #6b4a2a) 45%, var(--al3, #1c140c) 85%);
  background-color:var(--al3, #1c140c); }

/* BAYOU CITY BLUES: the bayou at night, a juke joint's red neon and a blue streetlight rippling on the water */body[data-ch="bayoublues"], body[data-ch="bayoublues"] #standby{
  background:
    repeating-linear-gradient(180deg, transparent 0 8px, rgba(255,70,60,.22) 8px 10px, transparent 10px 19px, rgba(90,150,255,.18) 19px 20px) 0 100%/100% 30% no-repeat,
    radial-gradient(ellipse 28% 18% at 86% 92%, rgba(255,60,50,.45), transparent 70%),
    radial-gradient(ellipse 22% 26% at 92% 60%, rgba(255,50,40,.28), transparent 70%),
    radial-gradient(ellipse 30% 20% at 8% 96%, rgba(90,150,255,.30), transparent 70%),
    radial-gradient(ellipse 22% 30% at 4% 30%, rgba(90,150,255,.20), transparent 70%),
    linear-gradient(180deg, #0a0c18 0%, #121a2a 66%, #08141a 70%, #050a0d 100%); }

/* WEEN: get down with the brown, a slow warm psychedelic swirl */body[data-ch="ween"], body[data-ch="ween"] #standby{
  background:
    radial-gradient(ellipse 60% 55% at 50% 50%, transparent 30%, rgba(14,8,4,.65) 100%),
    repeating-conic-gradient(from 0deg at 50% 52%, #3a2210 0deg 9deg, #5a3618 9deg 18deg, #2a180a 18deg 27deg, #6b4220 27deg 36deg),
    #2a180a; }

/* HAUNTED TUNES: a haunted house party: bats across a big moon, purple night, candlelight from below */body[data-ch="haunted"], body[data-ch="haunted"] #standby{
  background:
    url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22360%22 height=%22300%22 viewBox=%220 0 360 300%22 opacity=%22.85%22%3E%3Cg transform=%22translate(40 60) rotate(-8) scale(1.1)%22%3E%3Cpath fill=%22%230a0612%22 d=%22M0 0 C6 -8 14 -10 20 -4 C22 -10 26 -12 28 -8 C30 -12 34 -10 36 -4 C42 -10 50 -8 56 0 C48 -2 44 2 40 6 C36 2 32 2 28 8 C24 2 20 2 16 6 C12 2 8 -2 0 0Z%22/%3E%3C/g%3E%3Cg transform=%22translate(230 40) rotate(10) scale(0.8)%22%3E%3Cpath fill=%22%230a0612%22 d=%22M0 0 C6 -8 14 -10 20 -4 C22 -10 26 -12 28 -8 C30 -12 34 -10 36 -4 C42 -10 50 -8 56 0 C48 -2 44 2 40 6 C36 2 32 2 28 8 C24 2 20 2 16 6 C12 2 8 -2 0 0Z%22/%3E%3C/g%3E%3Cg transform=%22translate(150 170) rotate(4) scale(1.3)%22%3E%3Cpath fill=%22%230a0612%22 d=%22M0 0 C6 -8 14 -10 20 -4 C22 -10 26 -12 28 -8 C30 -12 34 -10 36 -4 C42 -10 50 -8 56 0 C48 -2 44 2 40 6 C36 2 32 2 28 8 C24 2 20 2 16 6 C12 2 8 -2 0 0Z%22/%3E%3C/g%3E%3Cg transform=%22translate(290 220) rotate(-12) scale(0.9)%22%3E%3Cpath fill=%22%230a0612%22 d=%22M0 0 C6 -8 14 -10 20 -4 C22 -10 26 -12 28 -8 C30 -12 34 -10 36 -4 C42 -10 50 -8 56 0 C48 -2 44 2 40 6 C36 2 32 2 28 8 C24 2 20 2 16 6 C12 2 8 -2 0 0Z%22/%3E%3C/g%3E%3Cg transform=%22translate(60 240) rotate(6) scale(0.7)%22%3E%3Cpath fill=%22%230a0612%22 d=%22M0 0 C6 -8 14 -10 20 -4 C22 -10 26 -12 28 -8 C30 -12 34 -10 36 -4 C42 -10 50 -8 56 0 C48 -2 44 2 40 6 C36 2 32 2 28 8 C24 2 20 2 16 6 C12 2 8 -2 0 0Z%22/%3E%3C/g%3E%3C/svg%3E") 0 0/360px 300px,
    radial-gradient(circle 120px at 80% 22%, rgba(255,236,190,.55), rgba(255,200,120,.18) 60%, transparent 72%),
    radial-gradient(ellipse 60% 30% at 50% 108%, rgba(255,150,40,.28), transparent 70%),
    linear-gradient(180deg, #1a0b2e, #2a1040 55%, #1a0a18); }

/* BODY MUSIC: a late-80s basement club: green lasers fanning through fog, a strobe flash in the corner, black walls */
body[data-ch="bodymusic"], body[data-ch="bodymusic"] #standby{
  background:
    repeating-conic-gradient(from 200deg at 8% 100%, transparent 0deg 4deg, rgba(60,255,120,.16) 4.3deg 4.8deg, transparent 5.1deg 11deg),
    repeating-conic-gradient(from 110deg at 92% 100%, transparent 0deg 5deg, rgba(60,255,120,.12) 5.3deg 5.8deg, transparent 6.1deg 13deg),
    radial-gradient(ellipse 30% 22% at 88% 10%, rgba(255,255,255,.22), transparent 70%),
    radial-gradient(ellipse 70% 40% at 50% 100%, rgba(140,160,150,.18), transparent 70%),
    radial-gradient(ellipse 60% 35% at 30% 80%, rgba(110,130,120,.12), transparent 70%),
    #050806; }