/* A Web — social.css. Load LAST (after features.css). Glass + glow + cursor are desktop-only: html.lite (phones) stays flat and fast. */

/* ===== glassmorphism (desktop / strong devices) ===== */
html:not(.lite) body :is(.box,.card,.mod,.rooms,.nw,.fxsum,.fxadm){background:rgba(20,20,30,.6)!important;-webkit-backdrop-filter:blur(12px) saturate(1.2)!important;backdrop-filter:blur(12px) saturate(1.2)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 40px -18px rgba(0,0,0,.65)!important}
html:not(.lite) body header{background:rgba(20,20,30,.6)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}

/* ===== A Sports player cards: image zoom + pink/purple glow ===== */
@media(hover:hover){
 html:not(.lite) :is(#sp,.th~.grid) .card{overflow:hidden;transition:transform .35s var(--spring,ease),box-shadow .35s,border-color .35s}
 html:not(.lite) :is(#sp,.th~.grid) .card .cv{transition:transform .5s var(--ease,ease)}
 html:not(.lite) :is(#sp,.th~.grid) .card:hover .cv{transform:scale(1.05)}
 html:not(.lite) body :is(#sp,.th~.grid) .card:hover{border-color:rgba(255,79,216,.65)!important;box-shadow:0 0 0 1px rgba(255,79,216,.45),0 12px 30px -6px rgba(255,79,216,.5),0 0 44px -8px rgba(168,85,247,.75)!important}
}

/* ===== neon cursor + trail ===== */
html.awc body{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.25' stop-color='%23ff4fd8'/%3E%3Cstop offset='1' stop-color='%23a855f7' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='13' fill='url(%23g)'/%3E%3C/svg%3E") 14 14,auto}
html.awc :is(a,button,summary,select,label,.btn,[data-act],[data-vp],[data-cf],[data-pft]){cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Cdefs%3E%3CradialGradient id='g'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.3' stop-color='%23a855f7'/%3E%3Cstop offset='1' stop-color='%23ff4fd8' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Ccircle cx='14' cy='14' r='13' fill='url(%23g)'/%3E%3C/svg%3E") 14 14,pointer}
html.awc :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea){cursor:text}
#awt{position:fixed;inset:0;z-index:9999;pointer-events:none}

/* ===== name badges + donor gold name ===== */
.bgx{display:inline-flex;align-items:center;gap:4px;margin-inline-start:6px;vertical-align:middle;font:700 11px Manrope,sans-serif;color:var(--c)}
.bgx svg{width:15px;height:15px;filter:drop-shadow(0 0 4px var(--c)) drop-shadow(0 0 8px var(--c))}
.vipn{display:inline-block;background:linear-gradient(90deg,#ffb703,#fff3b0,#ffd166,#ffb703);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;animation:vipg 3s linear infinite}
@keyframes vipg{to{background-position:-240% 0}}
html.lite .vipn{animation:none}
.vpl{cursor:pointer}.vpl:hover{text-decoration:underline}
.vpb{margin-inline-start:auto;align-self:center;padding:5px 12px;border-radius:99px;border:1px solid var(--line);background:var(--soft);color:var(--ink);font:700 12px Manrope,sans-serif;cursor:pointer}
.vpb:hover{border-color:var(--g)}
#top .pvb{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--ink);font-size:18px;cursor:pointer;margin-inline-start:8px;padding:0}

/* ===== profile pop-up ===== */
.pfx{max-width:560px}
.pfh{display:flex;gap:16px;align-items:center;margin-bottom:10px}.pfh h2{margin:0}.pfh small{color:var(--mut)}.pfh q{display:block;margin-top:4px;color:var(--mut)}
.pfa{width:72px;height:72px;border-radius:50%;overflow:hidden;flex:none;display:grid;place-items:center;font:800 28px Outfit,sans-serif;background:linear-gradient(135deg,var(--g),var(--v,#7b3cff));color:#fff}.pfa img{width:100%;height:100%;object-fit:cover}
.pfbd{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.pfbd .bgx{margin:0;padding:5px 11px;border-radius:99px;border:1px solid color-mix(in srgb,var(--c) 55%,transparent);background:color-mix(in srgb,var(--c) 14%,transparent)}
.pfbio{margin:6px 0;line-height:1.6}
.pfst{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.pfst div{padding:10px;border-radius:14px;background:var(--soft);border:1px solid var(--line);text-align:center}.pfst b{display:block;font:800 22px Outfit,sans-serif}.pfst small{color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.pft{margin:12px 0;overflow-x:auto;flex-wrap:nowrap}.pft button{flex:none;white-space:nowrap}
#pfb{max-height:42vh;overflow:auto;display:grid;gap:8px}
.pfi{padding:10px 12px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}.pfi p{margin:4px 0;line-height:1.5;overflow-wrap:anywhere}.pfi small{color:var(--mut)}.pfi img{max-width:100%;max-height:150px;border-radius:10px;object-fit:cover}.pfq{display:block;font-style:italic}.pfi.vis b{display:block}
.pfm{color:var(--mut);margin:6px 0}

/* ===== Community A: side column (birthdays + confession box) ===== */
.cmx{display:grid;gap:18px;align-items:start}.cmm{min-width:0}.cms{display:grid;gap:14px;min-width:0}
@media(min-width:960px){.cmx{grid-template-columns:minmax(0,1fr) 320px}.cms{position:sticky;top:84px}}
@media(max-width:959px){.cms{order:-1}}
.cmw h3{margin:0 0 10px;font:800 17px Outfit,sans-serif}.cmw h4{margin:12px 0 6px}.cmw small{color:var(--mut)}
.bdr{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:12px}.bdr small{display:block}.bdr.now{background:linear-gradient(90deg,color-mix(in srgb,#ffd166 22%,transparent),transparent)}
.bdr .fa{width:36px;height:36px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--g),var(--v,#7b3cff));color:#fff;flex:none;font-weight:800}.bdr .fa img{width:100%;height:100%;object-fit:cover}
#cnff{display:grid;gap:8px;margin-top:8px}#cnff textarea{min-height:90px}
.cmw summary{cursor:pointer;font-weight:700}
.cfi{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}.cfi p{margin:4px 0;line-height:1.5;overflow-wrap:anywhere}.cfi.pend{border-color:#ffd166}.cfi span{display:flex;gap:6px}
.upm .btn{margin-inline-start:8px}