/* ===== Shop cosmetics: new bubble skins, badges, name glows, VIP/perk cards ===== */
.bubble-skin-sunset{background:linear-gradient(135deg,rgba(255,120,40,0.20),rgba(255,60,140,0.12)) !important;border-color:rgba(255,110,90,0.5) !important;box-shadow:0 0 10px rgba(255,90,90,0.15) !important}
.bubble-skin-ocean{background:linear-gradient(135deg,rgba(0,90,200,0.20),rgba(0,200,220,0.10)) !important;border-color:rgba(0,160,230,0.45) !important;box-shadow:0 0 10px rgba(0,140,220,0.15) !important}
.bubble-skin-emerald{background:linear-gradient(135deg,rgba(0,150,80,0.20),rgba(0,230,140,0.08)) !important;border-color:rgba(0,220,120,0.45) !important;box-shadow:0 0 10px rgba(0,200,110,0.14) !important}
.bubble-skin-sakura{background:linear-gradient(135deg,rgba(255,150,190,0.18),rgba(255,200,220,0.08)) !important;border-color:rgba(255,150,190,0.5) !important;box-shadow:0 0 10px rgba(255,150,190,0.14) !important}
.bubble-skin-midnight{background:linear-gradient(135deg,rgba(20,10,80,0.45),rgba(60,40,160,0.18)) !important;border-color:rgba(100,80,230,0.45) !important;box-shadow:0 0 10px rgba(80,60,220,0.18) !important}
.bubble-skin-blood{background:linear-gradient(135deg,rgba(120,0,10,0.35),rgba(200,0,30,0.12)) !important;border-color:rgba(220,20,40,0.55) !important;box-shadow:0 0 10px rgba(200,0,30,0.2) !important}
.bubble-skin-mint{background:linear-gradient(135deg,rgba(120,255,200,0.14),rgba(60,220,170,0.07)) !important;border-color:rgba(110,240,190,0.45) !important;box-shadow:0 0 10px rgba(90,230,180,0.12) !important}
.bubble-skin-steel{background:linear-gradient(135deg,rgba(170,180,195,0.16),rgba(90,100,120,0.12)) !important;border-color:rgba(180,190,205,0.45) !important;box-shadow:0 0 10px rgba(150,160,180,0.12) !important}
.bubble-skin-lemon{background:linear-gradient(135deg,rgba(255,230,0,0.16),rgba(255,200,60,0.08)) !important;border-color:rgba(255,225,40,0.5) !important;box-shadow:0 0 10px rgba(255,220,0,0.14) !important}
.bubble-skin-rainbow{background:rgba(255,255,255,0.04) !important;border:1px solid transparent !important;border-image:linear-gradient(90deg,#ff3366,#ffe600,#00ff88,#00e5ff,#a855ff,#ff3366) 1 !important;animation:cosRainbowBorder 4s linear infinite}
@keyframes cosRainbowBorder{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}
.cosmetic-badge{background:rgba(255,255,255,0.07);border-color:rgba(255,255,255,0.28);color:#fff;font-size:11px;line-height:1.2}
.cbadge-dragon{background:rgba(255,80,0,0.14);border-color:rgba(255,90,0,0.5)}
.cbadge-crystal{background:rgba(0,229,255,0.12);border-color:rgba(0,229,255,0.5)}
.cbadge-crown{background:rgba(255,200,0,0.14);border-color:rgba(255,200,0,0.55)}
.cbadge-medal{background:rgba(255,200,0,0.14);border-color:rgba(255,200,0,0.55)}
.cbadge-rainbow{background:rgba(255,0,150,0.10);border-color:rgba(160,90,255,0.55)}
.cbadge-clover{background:rgba(0,255,100,0.10);border-color:rgba(0,255,100,0.45)}
.cbadge-fox{background:rgba(255,120,0,0.12);border-color:rgba(255,130,20,0.5)}
.cbadge-wolf{background:rgba(150,160,190,0.12);border-color:rgba(170,180,210,0.5)}
.cbadge-brain{background:rgba(255,100,160,0.12);border-color:rgba(255,110,170,0.5)}
.cbadge-ufo{background:rgba(0,255,150,0.10);border-color:rgba(0,255,150,0.45)}
.cbadge-eagle{background:rgba(200,140,60,0.12);border-color:rgba(210,150,70,0.5)}
.cbadge-target{background:rgba(255,50,80,0.12);border-color:rgba(255,60,90,0.5)}
.cbadge-invader{background:rgba(120,255,120,0.10);border-color:rgba(120,255,120,0.45)}
.cbadge-gamer{background:rgba(0,229,255,0.10);border-color:rgba(0,229,255,0.45)}
.cbadge-retro{background:rgba(255,0,200,0.10);border-color:rgba(255,0,200,0.45)}
.nglow-green{text-shadow:0 0 6px #00ff88,0 0 14px #00ff8899}
.nglow-green *{text-shadow:0 0 6px #00ff88,0 0 14px #00ff8899}
.nglow-orange{text-shadow:0 0 6px #ff9a1f,0 0 14px #ff9a1f99}
.nglow-orange *{text-shadow:0 0 6px #ff9a1f,0 0 14px #ff9a1f99}
@keyframes cosGlowRainbow{0%{text-shadow:0 0 8px #ff3366,0 0 16px #ff336699}25%{text-shadow:0 0 8px #ffe600,0 0 16px #ffe60099}50%{text-shadow:0 0 8px #00ff88,0 0 16px #00ff8899}75%{text-shadow:0 0 8px #00e5ff,0 0 16px #00e5ff99}100%{text-shadow:0 0 8px #ff3366,0 0 16px #ff336699}}

/* VIP / perk cards in the shop */
.shop-vip-section{background:linear-gradient(160deg,rgba(255,214,0,0.07),rgba(255,0,153,0.05));border:1px solid rgba(255,214,0,0.3);border-radius:14px;padding:12px 12px 14px}
.shop-new-tag{font-size:8px;letter-spacing:1px;padding:2px 6px;border-radius:4px;background:rgba(0,255,136,0.14);border:1px solid rgba(0,255,136,0.5);color:var(--green);vertical-align:middle;margin-left:6px}
.shop-status-line{font-size:10px;letter-spacing:1px;color:var(--yellow);min-height:14px;margin-bottom:8px}
.shop-status-line:empty{display:none}
.shop-item.is-vip-card{border-color:rgba(255,214,0,0.45);background:rgba(255,214,0,0.06);grid-column:1/-1;flex-direction:row;flex-wrap:wrap;justify-content:center;text-align:left;gap:10px 14px}
.shop-item.is-vip-card .shop-item-icon{font-size:38px}
.shop-item.is-vip-card .shop-item-name{font-size:14px}
.shop-item.is-vip-card .shop-item-desc{flex:1 1 180px;text-align:left}
.shop-item.is-vip-card .shop-btn{padding:10px 18px;font-size:11px}

.nglow-green,.nglow-green *{text-shadow:0 0 6px #00e676,0 0 14px #00e67699}
.nglow-red,.nglow-red *{text-shadow:0 0 6px #ff2030,0 0 14px #ff203099}
.nglow-yellow,.nglow-yellow *{text-shadow:0 0 6px #ffe600,0 0 14px #ffe60099}
.nglow-blue,.nglow-blue *{text-shadow:0 0 6px #2f7bff,0 0 14px #2f7bff99}
.nglow-orange,.nglow-orange *{text-shadow:0 0 6px #ff9a1f,0 0 14px #ff9a1f99}
.nglow-white,.nglow-white *{text-shadow:0 0 6px #ffffff,0 0 14px #ffffff99}
.nglow-black,.nglow-black *{text-shadow:0 0 3px #000,0 0 8px #000,0 0 1px #777}

.shop-btn-unequip{cursor:pointer !important;font-size:9px !important;letter-spacing:1px !important;line-height:1.3}
.shop-btn-unequip:hover{border-color:var(--red) !important;color:var(--red) !important;background:rgba(255,40,70,.08) !important}

/* menu pill colours for newer buttons (text was inheriting black on desktop) */
.mpb-stats{color:#4dd0e1}.mpb-stats:hover{color:#4dd0e1;box-shadow:inset 0 -2px 0 #4dd0e1}
.mpb-invite{color:#ffd54f}.mpb-invite:hover{color:#ffd54f;box-shadow:inset 0 -2px 0 #ffd54f}
.mpb-stats .mpb-label,.mpb-invite .mpb-label{color:inherit}
/* friends screen: never cut off the top when the content is taller than the window */
#screen-friends{justify-content:flex-start !important;overflow-y:auto !important;align-items:center !important}
#screen-friends .fr-wrapper{margin:0 auto !important;padding-top:64px !important;padding-bottom:40px !important;max-height:none !important;height:auto !important;flex:0 0 auto}