/* BuddySocial v10.83 - restore individual player skins/effects without changing v10.82 compact layout */
.profile-player.profile-playlist{
  --skin-bg1:var(--player-bg,#26384a);
  --skin-bg2:var(--player-bg2,#7b2cff);
  --skin-accent:var(--player-accent,#f39a16);
  --skin-text:var(--player-text,#fff);
  color:var(--skin-text)!important;
}
.profile-player.profile-playlist .pp-title,
.profile-player.profile-playlist .pp-buddysocial-link{color:var(--skin-text)!important}
.profile-player.profile-playlist .pp-buddysocial-link{
  display:inline-flex!important;align-items:center!important;gap:4px!important;
  width:max-content!important;max-width:100%!important;margin-top:3px!important;
  padding:2px 6px!important;border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--skin-accent) 45%,transparent)!important;
  background:rgba(0,0,0,.20)!important;text-decoration:none!important;
  font-size:8px!important;font-weight:900!important;line-height:1.2!important;
  letter-spacing:.02em!important;opacity:.92!important;position:relative!important;z-index:3!important;
}
.profile-player.profile-playlist .pp-buddysocial-link:hover{filter:brightness(1.25)!important;opacity:1!important}

/* Uploaded personal background returns as a real player skin. */
.profile-player.profile-playlist.has-player-image{
  background:
    linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.28)),
    var(--player-image) center/cover no-repeat!important;
}

/* Classic families */
.profile-player.profile-playlist.player-classic{
  background:linear-gradient(145deg,var(--skin-bg1),color-mix(in srgb,var(--skin-bg1) 72%,#13283d))!important;
  border-color:color-mix(in srgb,var(--skin-accent) 34%,#9db6ca)!important;
}
.profile-player.profile-playlist.player-classic2009{
  background:linear-gradient(#eef5fa 0 22px,#d9e8f3 22px 24px,#f8fbfd 24px 100%)!important;
  color:#254d6c!important;border-color:#9db8ca!important;box-shadow:0 2px 7px rgba(33,72,100,.22)!important;
}
.profile-player.profile-playlist.player-classic2009 .pp-title,
.profile-player.profile-playlist.player-classic2009 .pp-buddysocial-link{color:#214d70!important}
.profile-player.profile-playlist.player-mini{background:linear-gradient(180deg,#f9fbfd,#d9e7f1)!important;color:#285b7d!important;border-color:#aac1d1!important}
.profile-player.profile-playlist.player-mini .pp-title,.profile-player.profile-playlist.player-mini .pp-buddysocial-link{color:#285b7d!important}
.profile-player.profile-playlist.player-silver{background:linear-gradient(145deg,#eceff2,#87919a 48%,#2d343a)!important;border-color:#dfe4e8!important;color:#fff!important}
.profile-player.profile-playlist.player-blueclassic{background:linear-gradient(145deg,#287cbc,#123f66)!important;border-color:#65b2eb!important}
.profile-player.profile-playlist.player-orangeclassic{background:linear-gradient(145deg,#ffb132,#db6d08 56%,#7e3000)!important;border-color:#ffd596!important}

/* Retro players */
.profile-player.profile-playlist.player-winamp{background:linear-gradient(180deg,#303643,#11161c 52%,#252b34)!important;border-color:#89a15d!important;box-shadow:inset 0 0 0 2px #4b5260,0 8px 22px rgba(0,0,0,.28)!important}
.profile-player.profile-playlist.player-winamp .pp-title{color:#b7ff58!important;font-family:Consolas,monospace!important;text-shadow:0 0 8px rgba(178,255,76,.35)!important}
.profile-player.profile-playlist.player-cassette{background:linear-gradient(145deg,#d4b27f,#83613a 45%,#332619)!important;border-color:#f1d29c!important}
.profile-player.profile-playlist.player-jukebox{background:radial-gradient(circle at 50% 5%,#ffe38a,#a34716 28%,#381516 76%)!important;border-color:#ffd96c!important;box-shadow:0 0 18px rgba(255,168,33,.28),inset 0 0 18px rgba(255,224,118,.13)!important}

/* Modern / FX style backgrounds */
.profile-player.profile-playlist.player-dark{background:linear-gradient(145deg,#0b0d12,#15131b 52%,#090a0d)!important}
.profile-player.profile-playlist.player-neon{background:radial-gradient(circle at 15% 20%,rgba(0,234,255,.22),transparent 34%),radial-gradient(circle at 88% 75%,rgba(255,0,224,.18),transparent 38%),linear-gradient(145deg,#070914,#111025)!important;border-color:#00eaff!important;box-shadow:0 0 24px rgba(0,234,255,.34),inset 0 0 18px rgba(255,0,224,.10)!important}
.profile-player.profile-playlist.player-glass{background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(50,75,100,.22))!important;backdrop-filter:blur(10px) saturate(1.2)!important;border-color:rgba(255,255,255,.48)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 8px 22px rgba(0,0,0,.18)!important}
.profile-player.profile-playlist.player-candy{background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.45),transparent 22%),linear-gradient(135deg,#ff77c8,#8b70ff 55%,#55d8ff)!important;border-color:#ffd5ef!important}
.profile-player.profile-playlist.player-synthwave{background:linear-gradient(180deg,#120a31 0 48%,#d4208b 49%,#321055 53%,#09071b 100%)!important;border-color:#ff54d6!important;box-shadow:0 0 20px rgba(255,47,207,.30),inset 0 -15px 30px rgba(0,220,255,.08)!important}
.profile-player.profile-playlist.player-galaxy{background:radial-gradient(circle at 15% 30%,rgba(124,95,255,.34),transparent 22%),radial-gradient(circle at 77% 26%,rgba(0,209,255,.21),transparent 25%),radial-gradient(circle at 55% 80%,rgba(255,74,194,.18),transparent 25%),linear-gradient(145deg,#060817,#14113b 54%,#090a1d)!important;border-color:#7776ff!important}
.profile-player.profile-playlist.player-aurora{background:linear-gradient(115deg,#06141e,#12304b 34%,#123325 58%,#1b1741 78%,#07131e)!important;background-size:220% 220%!important;animation:bsSkinAurora 8s ease-in-out infinite!important;border-color:#51ffd7!important}
.profile-player.profile-playlist.player-hologram{background:linear-gradient(125deg,#172031,#513b7d,#237a91,#7a3f75,#172031)!important;background-size:300% 300%!important;animation:bsSkinHolo 7s linear infinite!important;border-color:rgba(195,255,255,.75)!important}
.profile-player.profile-playlist.player-fire{background:radial-gradient(ellipse at 50% 115%,#ffb000 0 9%,#ff4b00 18%,#5d1208 40%,transparent 62%),linear-gradient(145deg,#170505,#420c08 60%,#120303)!important;border-color:#ff6d13!important;box-shadow:0 0 18px rgba(255,91,14,.32)!important}
.profile-player.profile-playlist.player-rainbow{background:linear-gradient(120deg,#ff315d,#ff8d21,#ffe13a,#36dd71,#22b7ff,#7d54ff,#f13ddb,#ff315d)!important;background-size:500% 500%!important;animation:bsSkinRainbow 10s linear infinite!important;border-color:rgba(255,255,255,.65)!important}
.profile-player.profile-playlist.player-glitter{background:radial-gradient(circle at 14% 20%,rgba(255,255,255,.90) 0 1px,transparent 2px),radial-gradient(circle at 76% 34%,rgba(255,255,255,.8) 0 1px,transparent 2px),radial-gradient(circle at 45% 75%,rgba(255,255,255,.72) 0 1px,transparent 2px),linear-gradient(145deg,#3a1948,#7e478d 52%,#28102f)!important;background-size:38px 38px,52px 52px,31px 31px,auto!important;border-color:#efaaff!important}
.profile-player.profile-playlist.player-vinyl{background:radial-gradient(circle at 18% 40%,rgba(255,255,255,.05),transparent 30%),linear-gradient(145deg,#080808,#1b1b1b)!important;border-color:#5c5c5c!important}
.profile-player.profile-playlist.player-rgbbeat{background:linear-gradient(145deg,#090b10,#121828)!important;border-color:#00eaff!important;animation:bsRgbBorder 5s linear infinite!important}
.profile-player.profile-playlist.player-starlight{background:radial-gradient(circle at 10% 20%,#fff 0 1px,transparent 2px),radial-gradient(circle at 40% 70%,#a8cfff 0 1px,transparent 2px),radial-gradient(circle at 80% 32%,#fff 0 1px,transparent 2px),linear-gradient(145deg,#071020,#172449 55%,#090d1a)!important;background-size:43px 43px,67px 67px,79px 79px,auto!important;border-color:#b6cbff!important}
.profile-player.profile-playlist.player-pixelparty{background:linear-gradient(90deg,rgba(255,0,153,.10) 25%,transparent 25% 50%,rgba(0,234,255,.10) 50% 75%,transparent 75%),linear-gradient(0deg,rgba(255,218,47,.08) 25%,transparent 25% 50%,rgba(115,255,92,.08) 50% 75%,transparent 75%),#171323!important;background-size:18px 18px!important;border-color:#ff4edc!important}
.profile-player.profile-playlist.player-matrix{background:linear-gradient(180deg,#020805,#04150b 60%,#010604)!important;border-color:#19ff73!important;box-shadow:0 0 18px rgba(25,255,115,.28),inset 0 0 24px rgba(0,255,100,.06)!important}
.profile-player.profile-playlist.player-matrix::before{background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(51,255,130,.08) 19px 20px),repeating-linear-gradient(180deg,rgba(44,255,119,.06) 0 2px,transparent 3px 9px)!important;background-size:100% 100%,100% 36px!important;animation:bsMatrixRain 1.8s linear infinite!important;opacity:.9!important}
.profile-player.profile-playlist.player-matrix .pp-title,.profile-player.profile-playlist.player-matrix .pp-buddysocial-link{color:#7dffa9!important;text-shadow:0 0 8px rgba(39,255,119,.50)!important;font-family:Consolas,monospace!important}
.profile-player.profile-playlist.player-matrix .pp-eq span{background:linear-gradient(#b7ffd0,#1dff70,#087632)!important;box-shadow:0 0 7px rgba(0,255,106,.45)!important}

/* Extra effect layer: preserve selected effect even when style changes. */
.profile-player.profile-playlist.player-fx-glow{box-shadow:0 0 24px color-mix(in srgb,var(--skin-accent) 52%,transparent),inset 0 0 18px color-mix(in srgb,var(--skin-accent) 12%,transparent)!important}
.profile-player.profile-playlist.player-fx-pulse{animation:bsFxPulse var(--player-fx-speed,5s) ease-in-out infinite!important}
.profile-player.profile-playlist.player-fx-rainbow{border-color:transparent!important;animation:bsRainbowBorder var(--player-fx-speed,5s) linear infinite!important}
.profile-player.profile-playlist.player-fx-glitter::before{background-image:radial-gradient(circle,#fff 0 1px,transparent 1.7px),radial-gradient(circle,#ffd8ff 0 1px,transparent 1.7px)!important;background-size:29px 29px,41px 41px!important;background-position:0 0,12px 8px!important;animation:bsGlitter calc(var(--player-fx-speed,5s)*.65) linear infinite!important;opacity:.38!important}
.profile-player.profile-playlist.player-fx-scanlines::before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,.10) 2px 4px)!important;opacity:.55!important}
.profile-player.profile-playlist.player-fx-shine::before{background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.22) 43%,transparent 58%)!important;background-size:220% 100%!important;animation:bsShine var(--player-fx-speed,5s) linear infinite!important}
.profile-player.profile-playlist.player-fx-aurora::before{background:linear-gradient(110deg,rgba(0,255,200,.12),rgba(86,70,255,.16),rgba(255,77,193,.13),rgba(0,255,200,.12))!important;background-size:260% 260%!important;animation:bsSkinAurora var(--player-fx-speed,5s) ease infinite!important}
.profile-player.profile-playlist.player-fx-reactive.is-playing .pp-eq span{filter:brightness(1.35) saturate(1.35)!important}
.profile-player.profile-playlist.player-fx-reactive-neon.is-playing{box-shadow:0 0 28px color-mix(in srgb,var(--skin-accent) 70%,transparent)!important}
.profile-player.profile-playlist.player-fx-reactive-rgb.is-playing .pp-eq span{animation:bsEq1080 .58s ease-in-out infinite alternate,bsEqHue 2.6s linear infinite!important}
.profile-player.profile-playlist.player-fx-matrix::before{background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(63,255,137,.09) 15px 16px),repeating-linear-gradient(180deg,rgba(60,255,133,.07) 0 2px,transparent 3px 10px)!important;animation:bsMatrixRain calc(var(--player-fx-speed,5s)*.45) linear infinite!important;opacity:.65!important}

/* Keep all controls readable on bright skins. */
.profile-player.profile-playlist.player-rainbow .pp-main,
.profile-player.profile-playlist.player-candy .pp-main,
.profile-player.profile-playlist.player-orangeclassic .pp-main{background:rgba(0,0,0,.13)!important;border-radius:8px!important;padding:4px 6px!important}

/* Thumbnail for the new Matrix option. */
.player-style-thumb.player-matrix{background:repeating-linear-gradient(90deg,#021008 0 10px,#052514 10px 12px)!important;color:#56ff98!important;border-color:#22e875!important;text-shadow:0 0 5px #18ff76!important}

@keyframes bsSkinAurora{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes bsSkinHolo{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes bsSkinRainbow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes bsMatrixRain{0%{background-position:0 0,0 0}100%{background-position:0 36px,0 72px}}
@keyframes bsFxPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.14)}}
@keyframes bsRainbowBorder{0%{box-shadow:0 0 12px #ff315d}20%{box-shadow:0 0 12px #ffbf32}40%{box-shadow:0 0 12px #43e66f}60%{box-shadow:0 0 12px #35baff}80%{box-shadow:0 0 12px #9a64ff}100%{box-shadow:0 0 12px #ff315d}}
@keyframes bsGlitter{from{background-position:0 0,12px 8px}to{background-position:29px 29px,53px 49px}}
@keyframes bsShine{from{background-position:180% 0}to{background-position:-120% 0}}
@keyframes bsEqHue{from{filter:hue-rotate(0deg) brightness(1.25)}to{filter:hue-rotate(360deg) brightness(1.25)}}
@keyframes bsRgbBorder{0%,100%{box-shadow:0 0 14px rgba(0,234,255,.38)}33%{box-shadow:0 0 14px rgba(255,50,202,.38)}66%{box-shadow:0 0 14px rgba(111,255,74,.38)}}

@media(max-width:1100px){
  .profile-player.profile-playlist .pp-buddysocial-link{font-size:7px!important;margin-top:2px!important;padding:2px 5px!important}
}
@media(prefers-reduced-motion:reduce){
  .profile-player.profile-playlist,
  .profile-player.profile-playlist::before,
  .profile-player.profile-playlist .pp-eq span{animation:none!important}
}