/* --- CLOWN_ALBUM_V1_START --- */
/* clowncore skin for:
   - album widget (:::album → .afmo-album)
   - +album index (body.t-album-index)
   - chat/talk embeds inside +album
*/

/* album widget: drive colors via the existing CSS vars */
:root{
  --afmo-album-bg: #fff0fb;
  --afmo-album-panel: rgba(255,255,255,.88);
  --afmo-album-text: #14001f;
  --afmo-album-muted: #5a2a7a;
  --afmo-album-line: rgba(0,0,0,.35);
  --afmo-album-accent: #ff00b8;
}

/* out-specificity the inline widget CSS without !important */
body .afmo-album{
  border: 4px double rgba(0,0,0,.55);
  box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 28px 80px rgba(0,0,0,.20);
  background-image:
    radial-gradient(circle at 12% 12%, rgba(255,0,200,.22), transparent 46%),
    radial-gradient(circle at 88% 18%, rgba(0,255,255,.18), transparent 52%),
    radial-gradient(circle at 50% 92%, rgba(255,255,0,.14), transparent 60%),
    repeating-linear-gradient(45deg, rgba(0,0,0,.02) 0 8px, rgba(255,255,255,.06) 8px 16px);
}

body .afmo-player__btn{
  border-width: 2px;
  box-shadow: 0 1px 0 rgba(255,255,255,.75) inset;
}

/* +album index vibes */
body.t-album-index{
  background:
    radial-gradient(circle at 10% 10%, rgba(255,0,200,.22), transparent 45%),
    radial-gradient(circle at 90% 20%, rgba(0,255,255,.18), transparent 50%),
    radial-gradient(circle at 50% 90%, rgba(255,255,0,.14), transparent 55%),
    repeating-linear-gradient(45deg, rgba(0,0,0,.02) 0 8px, rgba(255,255,255,.06) 8px 16px);
}

body.t-album-index .alb99-shell{
  border-radius: 18px;
  border: 4px double rgba(0,0,0,.55);
  box-shadow: 0 1px 0 rgba(255,255,255,.65) inset, 0 25px 80px rgba(0,0,0,.22);
}

body.t-album-index .talk-embed,
body.t-album-index .chat-embed,
body.t-album-index .afmo-chatbox{
  border: 2px solid rgba(0,0,0,.65);
  border-radius: 14px;
  background:
    radial-gradient(circle at 15% 10%, rgba(255,0,200,.12), transparent 45%),
    radial-gradient(circle at 85% 20%, rgba(0,255,255,.12), transparent 45%),
    radial-gradient(circle at 50% 90%, rgba(255,255,0,.10), transparent 55%),
    rgba(255,255,255,.86);
  box-shadow: 0 1px 0 rgba(255,255,255,.75) inset, 0 22px 60px rgba(0,0,0,.18);
}
/* --- CLOWN_ALBUM_V1_END --- */