/* Hartly · v75 · بلوک 088 از ۱۱۸
   V75
   تولید خودکار توسط tools/split-layers.py */
/* ============ V75 — استیکر SVG / پنل Guest live / فیکس لایو تصویری ============ */
/* --- آیکون‌های SVG استیکر --- */
.stk75-ic{display:inline-flex;align-items:center;justify-content:center;line-height:0}
.stk75-ic svg{display:block;overflow:visible}
.stkf-heart svg{animation:stkH74 .7s ease-in-out infinite}
.stkf-bounce svg{animation:stkB75 .55s ease-in-out infinite}
.stkf-swing svg{animation:stkSw75 .8s ease-in-out infinite;transform-origin:50% 85%}
.stkf-spin svg{animation:stkSp75 1.1s linear infinite}
.stkf-shake svg{animation:stkSh75 .4s ease-in-out infinite}
.stkf-flame .fl{animation:stkFl75 .5s ease-in-out infinite;transform-origin:50% 100%}
.stkf-spark .sp{animation:stkSk75 .9s ease-in-out infinite}
.stkf-spark .sp2{animation:stkSk75 .9s .3s ease-in-out infinite}
.stkf-clap .hL{animation:stkClL75 .45s ease-in-out infinite;transform-origin:70% 70%}
.stkf-clap .hR{animation:stkClR75 .45s ease-in-out infinite;transform-origin:30% 70%}
.stkf-fly .rkt{animation:stkRk75 .6s ease-in-out infinite}
.stkf-twinkle{animation:stkTw75 1s ease-in-out infinite}
@keyframes stkB75{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes stkSw75{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(11deg)}}
@keyframes stkSp75{to{transform:rotate(360deg)}}
@keyframes stkSh75{0%,100%{transform:translate(0,0)}25%{transform:translate(-3px,1px)}75%{transform:translate(3px,-1px)}}
@keyframes stkFl75{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.18) scaleX(.92)}}
@keyframes stkSk75{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}
@keyframes stkClL75{0%,100%{transform:rotate(0)}50%{transform:rotate(14deg) translate(2px,-2px)}}
@keyframes stkClR75{0%,100%{transform:rotate(0)}50%{transform:rotate(-14deg) translate(-2px,-2px)}}
@keyframes stkRk75{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-5px) rotate(2deg)}}
@keyframes stkTw75{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}
/* استیکر پروازشی بزرگ SVG */
.stkFly74 .stk75-ic svg{width:88px;height:88px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}
/* --- دکمه درخواست ورود مهمان (بیننده) — بازطراحی --- */
#reqJoin65{position:absolute;bottom:168px;right:14px;z-index:8;display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#fb7185,#f43f5e 55%,#e11d48);color:#fff;font-weight:900;font-size:13px;border:1.5px solid rgba(255,255,255,.35);cursor:pointer;box-shadow:0 12px 28px -6px rgba(244,63,94,.65);animation:reqPulse75 2s ease-in-out infinite;font-family:inherit}
#reqJoin65 svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
@keyframes reqPulse75{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
#reqJoin65.pending{background:linear-gradient(135deg,#44403c,#1c1917);color:#fcd34d;border:1.5px solid rgba(252,211,77,.55);animation:none}
#reqJoin65.live{background:linear-gradient(135deg,#16a34a,#15803d);border-color:rgba(255,255,255,.35);animation:none}
/* --- دکمه زنگوله هاست --- */
#reqHost65{position:absolute;bottom:168px;right:14px;z-index:8;width:52px;height:52px;border-radius:99px;border:1.5px solid rgba(252,211,77,.5);background:linear-gradient(135deg,#44403c,#1c1917);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px rgba(0,0,0,.5)}
#reqHost65 .bdg{position:absolute;top:-5px;left:-5px;min-width:21px;height:21px;border-radius:99px;background:#f43f5e;color:#fff;font-size:10.5px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #1c1917}
/* --- پنل Guest live به سبک Ligo --- */
#glPanel75{position:fixed;inset:0;z-index:101;background:rgba(0,0,0,.5);display:flex;align-items:flex-end;justify-content:center}
#glPanel75 .gl75-sheet{width:100%;max-width:430px;height:64%;background:#fff;border-radius:26px 26px 0 0;overflow:hidden;display:flex;flex-direction:column;animation:stkUp74 .28s ease}
.gl75-head{position:relative;height:108px;flex-shrink:0;background:linear-gradient(135deg,#fb7185 0%,#f97316 100%)}
.gl75-head .gl75-ttl{position:absolute;top:18px;left:20px;color:#fff;font-weight:900;font-size:21px;text-shadow:0 2px 8px rgba(0,0,0,.25);display:flex;align-items:center;gap:9px}
.gl75-head svg.wave{position:absolute;bottom:-1px;left:0;width:100%;height:44px;display:block}
.gl75-hearts{position:absolute;top:14px;right:18px;opacity:.85}
.gl75-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px}
.gl75-row .n{font-weight:900;font-size:15px;color:#1c1917}
.gl75-row .tg{display:flex;align-items:center;gap:9px;font-weight:800;font-size:13.5px;color:#44403c}
.gl75-sw{position:relative;width:52px;height:30px;border-radius:99px;background:#e7e5e4;transition:background .2s;cursor:pointer;border:0;padding:0;flex-shrink:0}
.gl75-sw::after{content:"";position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:99px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:transform .2s}
.gl75-sw.on{background:#22c55e}
.gl75-sw.on::after{transform:translateX(-22px)}
.gl75-list{flex:1;overflow-y:auto;padding:4px 16px 24px;display:flex;flex-direction:column;gap:9px}
.gl75-empty{margin:auto;display:flex;flex-direction:column;align-items:center;gap:12px;color:#a8a29e;font-weight:800;font-size:13.5px;padding:30px 0}
.gl75-item{display:flex;align-items:center;gap:11px;background:#fafaf9;border:1.5px solid #f5f5f4;border-radius:18px;padding:9px 12px}
.gl75-item img,.gl75-item .av75{width:44px;height:44px;border-radius:99px;object-fit:cover;background:linear-gradient(135deg,#fda4af,#fb7185);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:17px;flex-shrink:0}
.gl75-item .nm{flex:1;font-weight:900;font-size:13.5px;color:#1c1917;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gl75-item .nm small{display:block;font-size:9.5px;color:#a8a29e;font-weight:700}
.gl75-ok{border:0;border-radius:99px;padding:8px 15px;font-weight:900;font-size:12px;color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);cursor:pointer;font-family:inherit}
.gl75-no{border:0;border-radius:99px;padding:8px 13px;font-weight:900;font-size:12px;color:#e11d48;background:#fff1f2;cursor:pointer;font-family:inherit}
.gl75-sec{font-size:10.5px;font-weight:900;color:#a8a29e;padding:6px 6px 0}