/* Hartly · v51 · بلوک 041 از ۱۱۸
   v49: LIVE ROOM REDESIGN — MIC SEATS, LIVE CHAT, GIFT PANEL (
   تولید خودکار توسط tools/split-layers.py */
/* ── v51: صفحه Go Live (سینت‌ویو) ── */
#goLive51{position:fixed;inset:0;z-index:95;display:none;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#1a0b2e 0%,#2d1b4e 45%,#4c1d95 70%,#0ea5e9 130%)}
#goLive51.th1{background:linear-gradient(180deg,#0b1a2e 0%,#1b2e4e 45%,#1d4c95 70%,#38bdf8 130%)}
#goLive51.th2{background:linear-gradient(180deg,#0f0f13 0%,#1c1c24 50%,#2a2a35 100%)}
#goLive51::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 32% 8%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 58% 14%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 78% 22%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 90% 10%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 45% 26%,#fff 50%,transparent 51%);opacity:.7;pointer-events:none}
#goLive51::after{content:"";position:absolute;left:-20%;right:-20%;bottom:-38%;height:72%;background-image:repeating-linear-gradient(0deg,rgba(232,121,249,.35) 0 2px,transparent 2px 46px),repeating-linear-gradient(90deg,rgba(232,121,249,.3) 0 2px,transparent 2px 64px);transform:perspective(340px) rotateX(58deg);pointer-events:none}
.gl-x{position:absolute;top:18px;right:18px;z-index:5;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:16px;font-weight:900;border:0}
.gl-head{position:relative;z-index:3;display:flex;gap:12px;margin:56px 16px 0;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:12px;backdrop-filter:blur(8px)}
.gl-cover{width:74px;height:74px;border-radius:14px;overflow:hidden;background:rgba(0,0,0,.3);position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.gl-cover img{width:100%;height:100%;object-fit:cover}
.gl-cover span{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.55);color:#fff;font-size:8px;font-weight:800;text-align:center;padding:2px}
.gl-titlebox{flex:1;display:flex;flex-direction:column;justify-content:center}
.gl-titlebox input{background:transparent;border:0;outline:none;color:#fff;font-size:15px;font-weight:900;width:100%}
.gl-titlebox input::placeholder{color:rgba(255,255,255,.35)}
.gl-count{align-self:flex-end;color:rgba(255,255,255,.45);font-size:10px;font-weight:800}
.gl-stage{flex:1;position:relative;z-index:2}
.gl-opts{position:relative;z-index:3;display:flex;justify-content:center;gap:44px;margin-bottom:14px}
.gl-opt{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;color:rgba(255,255,255,.75);font-size:11px;font-weight:800}
.gl-start{position:relative;z-index:3;margin:0 24px;border:0;border-radius:999px;padding:16px;font-size:17px;font-weight:900;color:#fff;background:linear-gradient(135deg,#fb923c,#f43f5e);box-shadow:0 10px 28px rgba(244,63,94,.45)}
.gl-agree{position:relative;z-index:3;text-align:center;color:rgba(255,255,255,.45);font-size:10px;font-weight:700;margin:10px 24px 0}
.gl-agree b{color:#fda4af}
.gl-tabs{position:relative;z-index:3;display:flex;justify-content:center;gap:34px;padding:16px 0 26px}
.gl-tab{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer}
.gl-tic{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:.2s}
.gl-tab span{color:rgba(255,255,255,.6);font-size:11px;font-weight:800}
.gl-tab.solo.on .gl-tic{background:linear-gradient(135deg,#fb923c,#f43f5e)}
.gl-tab.multi.on .gl-tic{background:linear-gradient(135deg,#38bdf8,#2563eb)}
.gl-tab.audio.on .gl-tic{background:linear-gradient(135deg,#fde047,#f59e0b)}
.gl-tab.on span{color:#fff}
.gl-layouts{position:relative;z-index:3;margin:0 24px 12px}
.gl-preview{display:grid;gap:5px;margin-bottom:10px}
.gl-preview.cols2{grid-template-columns:repeat(2,1fr)}
.gl-preview.cols3{grid-template-columns:repeat(3,1fr)}
.gl-pcell{aspect-ratio:1.25;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-size:9px;font-weight:900}
.gl-pcell.host{background:rgba(244,63,94,.25);border-color:rgba(244,63,94,.5);color:#fda4af}
.gl-lopts{display:flex;justify-content:center;gap:26px}
.gl-lopt{display:flex;flex-direction:column;align-items:center;gap:5px;color:rgba(255,255,255,.55);font-size:10px;font-weight:800;cursor:pointer;padding:6px;border-radius:12px;border:2px solid transparent}
.gl-lopt.on{color:#fff;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08)}
.gl-rule{text-align:center;color:rgba(255,255,255,.5);font-size:10px;font-weight:800;margin:8px 0 0}
.gl-solotools{position:relative;z-index:3;display:flex;justify-content:center;gap:44px;margin-bottom:14px}
/* ── v51: صندلی مبل + مولتی‌گست ── */
.lr-seat.sofa .circ{border-color:rgba(255,201,64,.45)}
.lrMultiGrid{display:grid;gap:8px;padding:0 14px}
.lrMultiGrid.c2{grid-template-columns:repeat(2,1fr)}
.lrMultiGrid.c3{grid-template-columns:repeat(3,1fr)}
.lr-seat.v{width:auto;aspect-ratio:.86;position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.lrSeatVid{position:absolute;inset:0;display:none;z-index:1}
.lrSeatVid.on{display:block}
.lrSeatVid video{width:100%;height:100%;object-fit:cover}
.lrSeatVid.on~.vcirc{opacity:0}
.lr-seat.v .circ{position:relative;z-index:2}
.lr-seat.v .nm{position:absolute;bottom:5px;left:0;right:0;z-index:2;text-align:center}
.lr-hosttag{position:absolute;top:6px;left:6px;z-index:3;background:#f43f5e;color:#fff;font-size:8px;font-weight:900;padding:2px 8px;border-radius:6px}
/* ── v51: برترین هدیه‌دهنده ── */
.lr-topg{display:inline-flex;align-items:center;gap:5px;background:rgba(255,201,64,.14);border:1px solid rgba(255,201,64,.35);border-radius:999px;padding:3px 9px 3px 4px}
.lr-topg .tg-circ{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#FFC940,#FF9E2C);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:900}
.lr-topg b{color:#fde68a;font-size:10px;font-weight:900}
/* ── v51: بنر تبلیغاتی + پیام پین ── */
#lrPromo{padding:7px 16px 0}
.promo-in{display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#2563eb,#7c3aed);border:1px solid rgba(255,255,255,.25);border-radius:14px;padding:6px 10px;overflow:hidden}
.promo-mask{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.promo-txt{display:inline-block;white-space:nowrap;color:#fff;font-size:11px;font-weight:900;animation:promoScroll51 9s linear infinite}
@keyframes promoScroll51{0%{transform:translateX(105%)}100%{transform:translateX(-105%)}}
.promo-go{background:linear-gradient(135deg,#fde047,#f59e0b);color:#fff;border-radius:999px;padding:5px 14px;font-size:10px;font-weight:900;border:0;flex-shrink:0}
#lrPinned .pinned{background:rgba(124,58,237,.22);border:1px solid rgba(167,139,250,.4);border-radius:12px;margin:7px 16px 0;padding:8px 12px;font-size:11px;font-weight:800;color:#e9d5ff;line-height:1.7}
/* ── v51: پاپ‌آپ بازی ── */
#lrGame{position:absolute;right:10px;top:34%;z-index:6}
.game-card{position:relative;width:112px;border-radius:18px;padding:26px 8px 10px;text-align:center;background:linear-gradient(180deg,#2dd4bf,#0d9488);box-shadow:0 10px 26px rgba(0,0,0,.4);border:2px solid rgba(255,255,255,.35)}
.game-card.domino{background:linear-gradient(180deg,#a78bfa,#7c3aed)}
.game-title{position:absolute;top:-16px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:21px;font-weight:900;color:#fde047;text-shadow:0 2px 0 #b45309,0 4px 8px rgba(0,0,0,.5);font-style:italic}
.game-x{position:absolute;top:-9px;right:-9px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;border:1px solid rgba(255,255,255,.4);font-size:10px;font-weight:900}
.game-sub{color:#fff;font-size:9.5px;font-weight:800;opacity:.9;margin:2px 0 8px}
.game-dice{display:flex;justify-content:center;gap:8px;font-size:24px;min-height:30px;margin-bottom:6px}
.game-go{background:linear-gradient(135deg,#fde047,#f59e0b);color:#fff;border-radius:999px;padding:6px 22px;font-weight:900;font-size:11px;border:0;box-shadow:0 4px 10px rgba(0,0,0,.3)}
/* ── v51: منوی اتاق ۴تبه ── */
#roomMenu51{position:fixed;inset:0;z-index:97;background:rgba(0,0,0,.55);display:none;align-items:flex-end;justify-content:center}
.rm51-sheet{width:100%;max-width:430px;background:#1c1230;border-radius:26px 26px 0 0;padding-bottom:26px;animation:sheetUp .3s ease}
.rm51-tabs{display:flex;gap:24px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}
.rm51-tab{color:rgba(255,255,255,.5);font-size:13px;font-weight:900;padding:14px 0;position:relative;cursor:pointer}
.rm51-tab.on{color:#fff}
.rm51-tab.on::after{content:"";position:absolute;bottom:-1px;left:18%;right:18%;height:3px;border-radius:3px;background:#f43f5e}
.rm51-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 8px;padding:20px 16px 6px}
.rm51-item{display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}
.rm51-ic{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.rm51-item>span{font-size:9.5px;color:rgba(255,255,255,.75);font-weight:800;text-align:center;line-height:1.3}
/* ── v51: صفحه تنظیمات اتاق ── */
#roomSet51{position:fixed;inset:0;z-index:98;background:#f4f4f6;display:none;flex-direction:column;overflow-y:auto}
.rs-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:14px 16px;border-bottom:1px solid #eee}
.rs-head b{font-size:16px;font-weight:900;color:#111}
.rs-back{border:0;background:none;font-size:20px;color:#333;font-weight:900}
.rs-save{border:0;background:none;color:#f43f5e;font-size:14px;font-weight:900}
.rs-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;background:#fff;border-bottom:1px solid #f0f0f0}
.rs-label{font-size:13.5px;font-weight:800;color:#1c1c1e}
.rs-sub{font-size:10.5px;color:#9ca3af;font-weight:600;margin-top:2px}
.rs-val{color:#9ca3af;font-size:12.5px;font-weight:700}
.rs-input{border:0;outline:none;text-align:right;font-size:13px;font-weight:800;color:#111;background:transparent;max-width:56%}
.rs-input::placeholder{color:#c7c7cc;font-weight:600}
.rs-cover{width:56px;height:56px;border-radius:12px;object-fit:cover}
.rs-sw{width:46px;height:27px;border-radius:999px;background:#e5e7eb;position:relative;transition:.2s;border:0;flex-shrink:0}
.rs-sw.on{background:#f43f5e}
.rs-sw::after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#fff;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.rs-sw.on::after{left:22px}
.rs-sec{background:#fff;margin-top:10px}
/* ── v51: کارت پروفایل ── */
#profileCard51{position:fixed;inset:0;z-index:98;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center}
.pc-card{width:87%;max-width:365px;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#7c3aed 0%,#c4b5fd 34%,#f3e8ff 60%,#fff 100%);max-height:86vh;overflow-y:auto;position:relative}
.pc-x{position:absolute;top:12px;right:12px;z-index:5;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.3);color:#fff;border:0;font-weight:900}
.pc-frame{width:132px;height:118px;margin:26px auto 0;position:relative;display:flex;align-items:center;justify-content:center}
.pc-wings{position:absolute;inset:-16px -26px;pointer-events:none}
.pc-ava{width:92px;height:92px;border-radius:50%;object-fit:cover;border:4px solid #FFC940;box-shadow:0 0 0 3px rgba(255,201,64,.4),0 8px 22px rgba(0,0,0,.35);position:relative;z-index:2;background:#4c1d95}
.pc-avaD{width:92px;height:92px;border-radius:50%;border:4px solid #FFC940;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:900;background:linear-gradient(135deg,#7c3aed,#4c1d95);position:relative;z-index:2}
.pc-name{text-align:center;color:#fff;font-size:19px;font-weight:900;margin-top:8px;text-shadow:0 2px 6px rgba(0,0,0,.3)}
.pc-idrow{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}
.pc-on{display:inline-flex;align-items:center;gap:4px;background:rgba(74,222,128,.25);color:#bbf7d0;font-size:10px;font-weight:900;padding:3px 10px;border-radius:999px}
.pc-id{color:rgba(255,255,255,.85);font-size:11px;font-weight:800}
.pc-badges{display:flex;justify-content:center;gap:7px;margin-top:10px;flex-wrap:wrap;padding:0 16px}
.pc-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:900;color:#fff}
.pc-stats{display:flex;justify-content:center;gap:0;margin-top:18px}
.pc-stat{flex:1;text-align:center}
.pc-stat b{display:block;font-size:19px;font-weight:900;color:#1c1c1e}
.pc-stat span{font-size:10.5px;color:#6b7280;font-weight:800}
.pc-box{margin:14px 16px 0;background:#fff;border-radius:16px;padding:12px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.pc-box h4{margin:0 0 8px;font-size:11px;font-weight:900;color:#f43f5e}
.pc-top3{display:flex;gap:10px}
.pc-t3{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}
.pc-t3 img,.pc-t3 .t3d{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #FFC940}
.pc-t3 .t3d{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;font-weight:900}
.pc-t3 .rk{position:absolute;top:-7px;right:-3px;width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#fde047,#f59e0b);color:#fff;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center}
.pc-t3 span{font-size:9px;font-weight:800;color:#4b5563;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-t3 b{font-size:9px;color:#f59e0b;font-weight:900}
.pc-actions{display:flex;gap:10px;margin:16px;padding-bottom:20px}
.pc-btn{flex:1;border:0;border-radius:999px;padding:12px;font-size:13px;font-weight:900;color:#fff;background:linear-gradient(135deg,#fb923c,#f43f5e)}
.pc-btn.ghost{background:rgba(0,0,0,.08);color:#4b5563}
.pc-btn.banb{background:rgba(244,63,94,.14);color:#f43f5e}
/* ── v51: پنل هدیه نسخه ۲ ── */
.gp2-tabs{display:flex;gap:20px;overflow-x:auto;padding:0 16px;scrollbar-width:none;border-bottom:1px solid rgba(255,255,255,.07)}
.gp2-tabs::-webkit-scrollbar{display:none}
.gp2-gridwrap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.gp2-gridwrap::-webkit-scrollbar{display:none}
.gp2-page{min-width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;scroll-snap-align:start;padding:8px 10px 2px}
.gp2-dots{display:flex;justify-content:center;gap:5px;padding:7px 0 2px}
.gp2-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18)}
.gp2-dots i.on{background:#fff}
.game-dice.rolling{animation:diceRoll51 .7s ease}
@keyframes diceRoll51{0%{transform:rotate(0) scale(1)}50%{transform:rotate(360deg) scale(1.4)}100%{transform:rotate(720deg) scale(1)}}
.gp2-search{margin:0 16px 6px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border-radius:12px;padding:7px 12px}
.gp2-search input{flex:1;background:transparent;border:0;outline:none;color:#fff;font-size:12px;font-weight:700}
.gp2-icbtn{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.09);border:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}