@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--bg:#07080c;--panel:#12141b;--panel2:#1b1e27;--line:#292d37;--text:#f4f5f8;--muted:#969ba8;--blue:#08a9e7;--purple:#9200c7;--gold:#ffcb37;--green:#00d3a2;--danger:#ff5374;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Vazirmatn',Tahoma,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer;color:inherit}.boot{min-height:100dvh;display:grid;place-content:center;text-align:center;font-size:32px;font-weight:800;color:var(--blue)}.boot span{display:block;font-size:13px;color:var(--muted);font-weight:400;margin-top:12px}.shell{max-width:680px;margin:auto;min-height:100dvh;padding-bottom:84px}.topbar{position:sticky;top:0;z-index:5;background:#0a0b10ed;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);padding:16px 18px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:23px;letter-spacing:-1px}.brand i{font-style:normal;color:var(--blue)}.coin-pill{background:var(--panel2);border:1px solid var(--line);padding:8px 12px;border-radius:30px;color:var(--gold)}.content{padding:16px}.muted{color:var(--muted)}.small{font-size:12px}.btn{border-radius:14px;padding:11px 14px;background:var(--blue);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.secondary{background:var(--panel2);border:1px solid var(--line)}.btn.purple{background:linear-gradient(100deg,#7d00bd,#b800cb)}.btn.gold{background:var(--gold);color:#17120a}.btn.danger{background:#3a1722;color:#ffb9c8}.btn.block{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.field{width:100%;background:#0d0f14;border:1px solid #303541;color:var(--text);padding:13px 14px;border-radius:12px;outline:none}.field:focus{border-color:var(--blue)}label{display:block;margin:12px 0 6px;color:#c6c9d1}.auth{min-height:100dvh;max-width:520px;margin:auto;padding:24px 20px 34px;display:flex;flex-direction:column;justify-content:center}.logo{font-size:38px;font-weight:800;text-align:center;margin-bottom:8px}.logo span{color:var(--purple)}.auth h2{text-align:center;margin:14px 0 22px}.auth .switch{display:flex;gap:8px;margin-bottom:10px}.auth .switch button{flex:1;padding:11px;background:var(--panel);border-radius:12px;color:var(--muted)}.auth .switch .active{background:#251132;color:#e9aaff}.auth .hint{text-align:center;color:var(--muted);font-size:12px;margin-top:16px}.bottomnav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:2px;background:#101116f5;border-top:1px solid var(--line);padding:9px 4px calc(9px + env(safe-area-inset-bottom));backdrop-filter:blur(15px)}.navitem{flex:1;display:grid;justify-items:center;gap:3px;background:none;color:var(--muted);font-size:11px;padding:3px 0}.navitem b{font-size:22px;font-weight:400;line-height:1.2}.navitem.active{color:var(--blue)}.card{background:linear-gradient(145deg,#171922,#101116);border:1px solid var(--line);border-radius:var(--radius);padding:15px;margin-bottom:12px}.hero{padding:19px;background:radial-gradient(circle at 90% 0,#173b63,transparent 60%),linear-gradient(120deg,#141821,#0b0d12);border:1px solid #173e65;border-radius:20px;margin-bottom:14px}.hero h2{margin:0 0 7px;font-size:21px}.hero p{color:#c4cad5;margin:0 0 15px}.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 2px 12px;font-weight:700;font-size:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile{min-height:104px;text-align:right;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:13px;display:flex;flex-direction:column;justify-content:space-between}.tile .emoji{font-size:22px}.tile strong{font-size:14px}.tile small{color:var(--muted)}.profile-head{display:flex;align-items:center;gap:14px}.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#0bb3ee,#8700b8);display:grid;place-items:center;font-size:23px;font-weight:800;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.statsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px}.stat strong{display:block;font-size:21px;margin:5px 0}.userrow{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.userrow:last-child{border:0}.userrow .avatar{width:48px;height:48px;font-size:18px}.userrow .grow{flex:1;min-width:0}.userrow .grow strong,.userrow .grow small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;align-items:center;gap:8px}.grow{flex:1}.chat-layout{position:fixed;inset:0;z-index:20;background:var(--bg);display:flex;flex-direction:column;max-width:680px;margin:auto}.chat-head{padding:12px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:#101116}.chat-head .avatar{width:42px;height:42px}.messages{flex:1;overflow-y:auto;padding:15px 12px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:78%;align-self:flex-start;background:#20242d;border-radius:15px 15px 15px 4px;padding:8px 11px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7;position:relative}.bubble.mine{align-self:flex-end;background:#075a80;border-radius:15px 15px 4px 15px}.bubble img,.bubble audio{max-width:100%;display:block}.bubble time{display:block;color:#c4ced5;font-size:9px;text-align:left;margin-top:3px}.chat-compose{display:flex;align-items:flex-end;gap:7px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#101116}.chat-compose textarea{flex:1;resize:none;max-height:110px;min-height:42px;border-radius:20px}.iconbtn{width:40px;height:40px;border-radius:50%;background:var(--panel2);font-size:19px;display:grid;place-items:center;flex-shrink:0}.empty{text-align:center;color:var(--muted);padding:38px 12px}.wheel{width:min(280px,78vw);height:min(280px,78vw);margin:22px auto;border-radius:50%;border:8px solid #e4bd43;background:conic-gradient(#f44336 0 60deg,#ffbd24 60deg 120deg,#10b981 120deg 180deg,#0ea5e9 180deg 240deg,#8b5cf6 240deg 300deg,#f97316 300deg);display:grid;place-items:center;position:relative;transition:transform 3.5s cubic-bezier(.13,.78,.13,1);box-shadow:0 0 25px #ffcc3733}.wheel:before{content:'▼';position:absolute;top:-17px;color:white;font-size:28px;text-shadow:0 2px 4px #000}.wheel span{background:#11131b;border:4px solid #e4bd43;border-radius:50%;width:85px;height:85px;display:grid;place-items:center;font-size:25px}.toast{position:fixed;z-index:50;bottom:90px;left:15px;right:15px;max-width:600px;margin:auto;padding:13px 16px;border:1px solid #334052;border-radius:14px;background:#1a202b;box-shadow:0 8px 30px #0008}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.pill{border-radius:50px;padding:6px 10px;background:#242833;color:#cdd3de;font-size:12px}.ticketmsg{padding:10px;border-bottom:1px solid var(--line)}.hidden{display:none!important}.adminrow{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.adminrow input,.adminrow select{max-width:160px}.divider{height:1px;background:var(--line);margin:15px 0}@media(min-width:700px){body{background:#050609}.shell{border-left:1px solid #171a22;border-right:1px solid #171a22}.bottomnav{max-width:680px;left:50%;transform:translateX(-50%);border-radius:18px 18px 0 0}.chat-layout{left:50%;transform:translateX(-50%);border-left:1px solid var(--line);border-right:1px solid var(--line)}}
.quota{margin:14px 0}.quota-track{height:9px;border-radius:20px;background:var(--panel2);overflow:hidden;margin-top:7px}.quota-track i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--purple),var(--blue))}button:disabled{opacity:.45;cursor:not-allowed}main.content ul{padding-right:22px;line-height:2.1}main.content li{margin:4px 0}
.voice-card{display:flex;align-items:center;gap:10px;min-width:220px;padding:8px 10px;border-radius:16px;background:rgba(90,105,130,.18)}.voice-play{width:38px;height:38px;border:0;border-radius:50%;background:#7ca4c8;color:white;font-size:16px;flex-shrink:0}.voice-wave{display:flex;align-items:center;gap:3px;height:32px;flex:1;overflow:hidden}.voice-wave i{display:block;width:3px;min-width:2px;border-radius:4px;background:#a8b5c5;opacity:.9}.voice-wave audio{display:none}.voice-label{font-size:11px;color:var(--muted)}
.profile-hero{background:linear-gradient(145deg,#20232c,#111318);overflow:hidden}.profile-top-actions{display:flex;justify-content:space-between;align-items:center}.profile-center{text-align:center;padding:6px 0 18px}.avatar.large{width:104px;height:104px;margin:8px auto 12px;border:3px solid #299bdb;box-shadow:0 0 0 5px #299bdb22}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#ffffff0b;border-radius:20px;padding:14px;text-align:center}.profile-stats strong,.profile-stats small{display:block}.profile-stats strong{font-size:21px}.profile-stats small{font-size:12px;color:var(--muted)}.profile-bio{text-align:center;margin:12px 0 0}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.profile-actions .coin-pill{grid-column:1/-1;justify-content:center}.profile-empty{text-align:center;padding:34px 16px}.empty-icon{font-size:42px;color:#677083;margin-bottom:8px}.profile-empty h3{margin:8px 0}.profile-empty p{margin-bottom:0}details summary{cursor:pointer;font-weight:700;margin-bottom:10px}

/* Polished direct-message voice cards, stickers and notification states */
.voice-card{min-width:230px;max-width:100%;padding:10px 12px;background:linear-gradient(135deg,#283448,#1a2434);border:1px solid #52657b;border-radius:20px;box-shadow:0 5px 16px #0003}.voice-play{background:linear-gradient(135deg,#86a9cc,#577a9c);box-shadow:0 2px 8px #0004}.voice-wave i{background:linear-gradient(180deg,#dce9f7,#8da7c2)}.chat-image{max-width:min(240px,65vw);max-height:320px;object-fit:contain;border-radius:12px}.chat-sticker{width:120px;height:120px;object-fit:contain}.notification-card{padding-top:13px;padding-bottom:13px}.btn.danger{background:#5a1825;color:#ffc2cb}.btn.purple{background:linear-gradient(100deg,#7c3aed,#a855f7);color:white}

.emoji-sticker{display:inline-block;font-size:42px;line-height:1.2;padding:3px 8px;filter:drop-shadow(0 3px 5px #0004)}

/* Creator-only global announcements: gold neon theme */
.creator-broadcast-tile{border-color:#8b6a19;background:radial-gradient(circle at 90% 0,#60440d88,transparent 65%),linear-gradient(145deg,#211b0d,#111116);box-shadow:inset 0 0 0 1px #ffd34d22,0 0 14px #ffd34d10}.creator-broadcast-tile .emoji{filter:drop-shadow(0 0 7px #ffd34d)}.creator-broadcast-preview{border-color:#d8a927;background:radial-gradient(ellipse at 50% 0,#7b5b1580,transparent 72%),linear-gradient(135deg,#201a0b,#101116);box-shadow:0 0 22px #ffca2830,inset 0 0 18px #ffca2810}.broadcast-badge{display:inline-block;color:#ffe99a;border:1px solid #c99b2a;border-radius:30px;padding:7px 12px;text-shadow:0 0 8px #ffd34d;box-shadow:0 0 12px #ffd34d30;margin-bottom:12px;font-weight:800}.creator-broadcast-preview h2{color:#ffe28a;text-shadow:0 0 10px #ffc92866;overflow-wrap:anywhere}.creator-broadcast-preview p{color:#fff1bf;white-space:pre-wrap;overflow-wrap:anywhere}.creator-broadcast-button{background:linear-gradient(100deg,#a97508,#ffe477,#c58b12);color:#1b1404;box-shadow:0 0 16px #ffd34d55;font-weight:900}.creator-broadcast-notification{border:1px solid #9a741e!important;border-right:4px solid #ffd34d!important;border-radius:14px;background:radial-gradient(ellipse at 100% 0,#6b501a44,transparent 75%),linear-gradient(135deg,#201a0d,#111116);box-shadow:0 0 16px #ffd34d20,inset 0 0 12px #ffd34d08;margin:10px 0;padding:14px 12px!important}.creator-broadcast-notification b{color:#ffe28a;text-shadow:0 0 8px #ffd34d66}.creator-broadcast-notification div{color:#fff2c2;white-space:pre-wrap;overflow-wrap:anywhere}.creator-broadcast-notification small{color:#cdbb84!important}

/* Games and universal back navigation */
.topbar{gap:10px}.back-btn{flex:0 0 auto;width:38px;height:38px;border-radius:12px;background:#1a202b;color:#fff;border:1px solid #303949;font-size:22px}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-tile{min-height:150px;border:1px solid #30384a;border-radius:18px;background:linear-gradient(145deg,#171c29,#10131c);color:var(--text,#f6f7fb);display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;text-align:right}.game-tile>span{font-size:30px}.game-tile small{color:#a3adbf}.game-tile em{font-style:normal;color:#ffcc4d;font-weight:700;margin-top:auto}.rank-tabs{display:flex;gap:8px;margin:10px 0}.rank-tabs .btn{flex:1;padding:10px 4px}.rank-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #29303d}.rank-row:last-child{border-bottom:0}.rank-place{min-width:28px;text-align:center}.board-mini{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:12px 0}.board-cell{position:relative;min-height:38px;border-radius:8px;background:#1b2230;border:1px solid #30394b;display:flex;align-items:center;justify-content:center;font-size:12px;color:#cbd5e1}.board-cell.occupied{background:#273a50;border-color:#2aa6e8}.board-cell small{position:absolute;bottom:1px;right:2px;background:#ffcc4d;color:#111;border-radius:50%;width:15px;height:15px;display:flex;align-items:center;justify-content:center;font-size:10px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grid3 .tile{padding:12px 6px}.grid3 .emoji,.grid3 span{font-size:27px}@media(max-width:380px){.game-grid{grid-template-columns:1fr}.coin-pill{font-size:10px}}

/* بازی‌ها: برد مار و پله رنگی و ۱۰×۱۰ */
.board-mini.snakes-board{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;padding:5px;border-radius:14px;background:linear-gradient(135deg,#182031,#10131c);border:1px solid #34415a}
.snakes-board .board-cell{min-width:0;min-height:clamp(25px,7vw,42px);border-radius:5px;font-size:clamp(9px,2.7vw,12px);font-weight:700;color:#fff;border-color:#ffffff20}
.snakes-board .color-cell-0{background:linear-gradient(145deg,#166534,#14532d)}.snakes-board .color-cell-1{background:linear-gradient(145deg,#1d4ed8,#1e40af)}.snakes-board .color-cell-2{background:linear-gradient(145deg,#9a3412,#7c2d12)}.snakes-board .color-cell-3{background:linear-gradient(145deg,#6d28d9,#4c1d95)}.snakes-board .color-cell-4{background:linear-gradient(145deg,#0f766e,#115e59)}.snakes-board .color-cell-5{background:linear-gradient(145deg,#a16207,#854d0e)}.snakes-board .ladder-cell{box-shadow:inset 0 0 0 2px #facc15}.snakes-board .snake-cell{box-shadow:inset 0 0 0 2px #fb7185}.snakes-board .board-cell.occupied{background:linear-gradient(145deg,#fef08a,#f59e0b);color:#171717;border:2px solid #fff;z-index:1}.snakes-board .board-cell small{width:14px;height:14px;bottom:0;right:0;font-size:9px;background:#111827;color:#fff}
.game-tile[data-join-game="snakes"]{background:radial-gradient(circle at 85% 15%,#16a34a55,transparent 55%),linear-gradient(145deg,#142b25,#10131c);border-color:#287957}.game-tile[data-join-game="ludo"]{background:radial-gradient(circle at 85% 15%,#e11d4855,transparent 55%),linear-gradient(145deg,#301923,#10131c);border-color:#8d344c}.game-tile[data-join-game="rps"]{background:radial-gradient(circle at 85% 15%,#7c3aed55,transparent 55%),linear-gradient(145deg,#211a35,#10131c);border-color:#5b4690}.message-pass-card{border-color:#8b6a19;background:radial-gradient(ellipse at 100% 0,#80601944,transparent 70%),linear-gradient(145deg,#211b0d,#111116)}.ticket-status{max-width:115px;padding:7px}

.game-turn-timer{margin:10px 0;padding:10px 12px;border-radius:12px;background:#311d22;border:1px solid #7f3545;color:#fecdd3;font-weight:800;text-align:center}

/* Dor Dor refresh: admin color-coded panels, 20 themes, custom backgrounds and full-screen snakes board */
.admin-users-tile{background:linear-gradient(140deg,#102e42,#11131b);border-color:#1689ba}.admin-economy-tile{background:linear-gradient(140deg,#3c2b08,#15130e);border-color:#b88616}.admin-activity-tile{background:linear-gradient(140deg,#143b2b,#101713);border-color:#239b67}.admin-support-tile{background:linear-gradient(140deg,#39214a,#15101b);border-color:#9b59b6}.admin-permissions-tile{background:linear-gradient(140deg,#49202a,#181014);border-color:#d94a66}.admin-users-tile .emoji{color:#38bdf8}.admin-economy-tile .emoji{color:#facc15}.admin-activity-tile .emoji{color:#34d399}.admin-support-tile .emoji{color:#d8b4fe}.admin-permissions-tile .emoji{color:#fb7185}.theme-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.theme-swatch{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:8px 4px;display:grid;justify-items:center;gap:5px;min-width:0}.theme-swatch i{width:25px;height:25px;border-radius:50%;background:var(--swatch);box-shadow:0 0 12px color-mix(in srgb,var(--swatch),transparent 45%)}.theme-swatch small{font-size:10px;overflow-wrap:anywhere}.game-fullscreen{background:#07110e}.game-fullscreen .shell{max-width:none;min-height:100dvh;padding:0 0 env(safe-area-inset-bottom)}.game-fullscreen .bottomnav{display:none}.game-fullscreen .content{padding:8px;max-width:100%;margin:0}.game-fullscreen .game-board-card{min-height:calc(100dvh - 64px);border:1px solid #276348;border-radius:15px;background:linear-gradient(160deg,#0d241b,#07110e);padding:8px}.game-full-head{display:flex;align-items:center;gap:10px;padding:8px 10px;justify-content:space-between}.game-full-head .pill{margin-right:auto}.game-board-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#c8f4dc;margin-bottom:8px}.board-mini.snakes-board{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;padding:4px;margin:0 auto 10px;max-width:900px}.game-fullscreen .snakes-board .board-cell{min-height:clamp(29px,9.1vw,78px);font-size:clamp(9px,2.5vw,16px);border-radius:4px}.cell-num{position:relative;z-index:1}.cell-mark{position:absolute;left:0;top:0;font-size:clamp(8px,2.5vw,16px);width:auto!important;height:auto!important;background:transparent!important;color:inherit!important}.player-dot{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-size:8px;font-style:normal;z-index:2}.jump-legend{display:grid;gap:5px;margin:8px 0 12px}.jump-legend h4{margin:5px 0;font-size:12px}.jump-legend>div{display:flex;gap:5px;flex-wrap:wrap}.jump-chip{font-size:10px;background:#16251e;border:1px solid #355342;border-radius:8px;padding:4px 6px;color:#dcfce7}.dice-button{background:linear-gradient(100deg,#15803d,#22c55e);color:white;min-height:48px;font-size:17px}.game-fullscreen .game-turn-timer{margin:7px 0;padding:7px}.reward-countdown{display:grid;gap:7px}.reward-countdown div{font-size:20px;font-weight:800;color:var(--gold);direction:ltr;text-align:center}.ban-panel{padding:12px;border:1px solid #1e8c61;border-radius:14px;background:#0e251d;margin-top:14px}.ban-panel.is-banned{border-color:#c43d58;background:#2b1219}.ban-panel h3{margin:0 0 8px}.ban-toggle{display:flex;align-items:center;gap:8px}.ban-toggle input{width:20px;height:20px}


/* Glassmorphism polish for cards and setting shortcuts */
.glass-setting{
 display:flex;align-items:center;gap:14px;width:100%;margin:12px 0;padding:17px 16px;
 text-align:right;direction:rtl;color:var(--text,#f5f5f7);
 border:1px solid rgba(255,255,255,.14);border-radius:20px;
 background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035));
 -webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.12);
 cursor:pointer;transition:transform .18s,border-color .18s,background .18s
}
.glass-setting:active{transform:scale(.985)}
.glass-setting:hover{border-color:rgba(255,255,255,.26);background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.055))}
.glass-setting>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}
.glass-setting b{font-size:15px;font-weight:750}
.glass-setting small{font-size:12px;color:var(--muted,#a1a1aa)}
.glass-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border-radius:15px;background:rgba(255,255,255,.085);border:1px solid rgba(255,255,255,.12);font-size:24px}
.glass-arrow{font-size:28px;color:var(--blue,#08a9e7);opacity:.9}
.card,.tile,.user-row,.chat-row,.admin-section{background-color:rgba(18,20,29,.72)!important;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);border-color:rgba(255,255,255,.12)!important}
.chat-messages,.chat-panel,.message-list{background:rgba(7,8,12,.28)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
/* Background image is shared with private chat while keeping message contrast */
.chat-layout{background-color:rgba(7,8,12,.30)!important;background-image:var(--chat-wallpaper,none)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}
.chat-head,.chat-compose{background:rgba(12,14,21,.78)!important;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}
.messages{background:rgba(7,8,12,.22)!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}


/* FINAL GLASS FIX: show the selected wallpaper clearly through surfaces */
body{background-color:var(--bg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}
.shell{background:transparent!important}
.card,.tile,.user-row,.userrow,.chat-row,.admin-section,.profile-hero,.profile-stats,.stat,.game-tile,.glass-setting,.theme-swatch,.admin-users-tile,.admin-economy-tile,.admin-activity-tile,.admin-support-tile,.admin-permissions-tile{
 background-color:rgba(18,20,29,.24)!important;
 background-image:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.018))!important;
 border-color:rgba(255,255,255,.20)!important;
 -webkit-backdrop-filter:blur(7px) saturate(145%)!important;
 backdrop-filter:blur(7px) saturate(145%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 24px rgba(0,0,0,.12)!important;
}
.glass-setting{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.25)!important;min-height:82px}
.glass-icon{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important}
.btn.secondary,.iconbtn,.pill,.coin-pill,.back-btn{background-color:rgba(255,255,255,.09)!important;background-image:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.19)!important;-webkit-backdrop-filter:blur(8px) saturate(145%);backdrop-filter:blur(8px) saturate(145%)}
.topbar,.bottomnav{background:rgba(10,11,16,.56)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;backdrop-filter:blur(18px) saturate(150%)!important}
.chat-layout{background-color:rgba(7,8,12,.12)!important;background-image:var(--chat-wallpaper,none)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}
.chat-head,.chat-compose{background:rgba(12,14,21,.40)!important;-webkit-backdrop-filter:blur(12px) saturate(145%)!important;backdrop-filter:blur(12px) saturate(145%)!important}
.messages,.chat-messages,.chat-panel,.message-list{background:rgba(7,8,12,.12)!important;-webkit-backdrop-filter:blur(3px) saturate(135%)!important;backdrop-filter:blur(3px) saturate(135%)!important}
.bubble{background:rgba(32,36,45,.72)!important;border:1px solid rgba(255,255,255,.10)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.bubble.mine{background:rgba(7,90,128,.78)!important}
.field,input.field,textarea.field,select.field{background:rgba(8,10,16,.48)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* Notification controls and compact coming-soon stats action */
.notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 12px}
.notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.notification-delete{width:30px;height:30px;flex:0 0 30px;display:inline-grid;place-items:center;border-radius:10px;color:#ffc1cb;background:linear-gradient(145deg,rgba(239,68,68,.20),rgba(190,24,93,.13));border:1px solid rgba(251,113,133,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-size:20px;line-height:1;transition:transform .15s ease,background .15s ease}
.notification-delete:active{transform:scale(.93)}
.notification-delete-all{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(244,63,94,.20),rgba(127,29,29,.18));border:1px solid rgba(251,113,133,.30);color:#ffbdc8;font-weight:700;font-size:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.notification-delete-all:disabled{opacity:.38;cursor:not-allowed}
.stats-coming-soon{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:34px;padding:7px 10px;border-radius:11px;background:rgba(130,138,155,.08);border:1px solid rgba(150,160,180,.14);color:rgba(210,215,225,.58);font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap}
.security-status{padding:11px 12px;border-radius:12px;margin:12px 0;font-size:13px;border:1px solid var(--line)}
.security-ok{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.25);color:#9ae6ca}
.security-warning{background:rgba(245,158,11,.09);border-color:rgba(245,158,11,.25);color:#f8d69a}

/* چهارخونه و نقاشی و حدس */
.connect4-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:10px;background:#14233e;border-radius:16px;margin:14px 0;direction:ltr}.connect4-cell{aspect-ratio:1;border:0;border-radius:50%;background:#09111f;box-shadow:inset 0 2px 5px #0008;min-width:0;padding:0}.connect4-cell.red-piece{background:radial-gradient(circle at 35% 30%,#ff9b9b,#ef4444 55%,#991b1b);box-shadow:0 2px 7px #ef444466}.connect4-cell.yellow-piece{background:radial-gradient(circle at 35% 30%,#fff1a8,#facc15 55%,#a16207);box-shadow:0 2px 7px #facc1544}.connect4-cell:not(:disabled){cursor:pointer;outline:1px solid #ffffff20}.guess-list{max-height:180px;overflow:auto;margin-top:10px}.guess-list p{padding:8px 10px;border-radius:10px;background:var(--card-2,#151a25);margin:5px 0}.guess-list small{color:#22c55e;font-weight:700}

/* Dordor UX refinements */
.profile-avatar-button{display:inline-grid;place-items:center;background:transparent;padding:0;border:0;border-radius:50%;cursor:zoom-in}
.profile-rank{display:inline-flex;align-items:center;gap:5px;margin-top:7px;padding:5px 10px;border:1px solid rgba(250,204,21,.22);border-radius:999px;background:rgba(250,204,21,.07);color:#f5d77a;font-size:11px}
.profile-hero .stats-coming-soon,.stats-coming-soon{min-height:26px;padding:4px 7px;font-size:10px;opacity:.68;border-radius:9px}
.edit-profile-card{padding:18px}.edit-profile-avatar{display:grid;justify-items:center;gap:10px;padding:12px 0 18px}.edit-profile-avatar .avatar{margin:0}.readonly-field{opacity:.66;letter-spacing:.2px}.edit-profile-card label{margin-top:15px}.avatar-viewer{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;backdrop-filter:blur(14px)}.avatar-viewer img{max-width:min(92vw,560px);max-height:78dvh;object-fit:contain;border-radius:18px;box-shadow:0 15px 60px #0009}.avatar-viewer div{color:#fff;font-weight:700}.avatar-viewer-close{position:absolute;top:calc(18px + env(safe-area-inset-top));right:18px;width:42px;height:42px;border-radius:50%;background:#ffffff20;font-size:28px}
.explore-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0 20px}.explore-action{min-width:0;min-height:115px;border-radius:18px;padding:13px 8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:right;border:1px solid #ffffff22;box-shadow:inset 0 1px #ffffff1c,0 8px 24px #0002;transition:transform .16s}.explore-action:active{transform:scale(.97)}.explore-action b{font-size:25px}.explore-action span{font-weight:800;font-size:12px}.explore-action small{font-size:10px;color:#ffffffb8}.random-action{background:linear-gradient(145deg,#55216e,#261439)}.game-action{background:linear-gradient(145deg,#145b57,#102c37)}.people-action{background:linear-gradient(145deg,#8a3d29,#3b2025)}
.chat-search-wrap{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:4px 12px;margin-bottom:16px}.chat-search-wrap>span{font-size:25px;color:var(--muted)}.chat-search-wrap .field{border:0;background:transparent!important;box-shadow:none!important}.chat-list-card{padding:8px 13px}.chat-list-row{gap:8px}.chat-list-row .avatar{width:52px;height:52px;border:1px solid #ffffff20}.message-state{font-size:10px;color:#a8e6ff;margin-right:5px;letter-spacing:-2px}.chat-action-overlay{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.58);display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(4px)}.chat-action-sheet{width:min(100%,680px);border-radius:24px 24px 0 0;padding:12px 18px calc(18px + env(safe-area-inset-bottom));background:#171a23;border:1px solid #ffffff20;box-shadow:0 -18px 60px #0007}.sheet-handle{width:42px;height:4px;border-radius:4px;background:#727988;margin:0 auto 14px}.chat-action-sheet h3{margin:8px 0 14px}.chat-action-sheet button{display:block;width:100%;text-align:right;padding:14px 12px;margin:5px 0;border-radius:13px;background:#ffffff09;border:1px solid #ffffff0c}.chat-action-sheet .sheet-danger{color:#ff9bab;background:#ef444414}.anon-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.anon-controls #endAnonymous{grid-column:1/-1}.chat-layout{background-image:none!important;background-color:transparent!important}
.game-mode-hero{text-align:center;padding:24px 18px;background:radial-gradient(circle at 50% 0,#7546ff2b,transparent 62%),linear-gradient(145deg,#171b29,#10131b);border:1px solid #34364c}.game-mode-icon{font-size:42px}.game-mode-grid{display:grid;grid-template-columns:1fr;gap:13px;margin:16px 0 24px}.game-mode-card{min-height:142px;text-align:right;border-radius:20px;padding:18px;border:1px solid #343b4e;color:var(--text,#fff);display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#151923}.game-mode-card>span{font-size:30px}.game-mode-card b{font-size:19px}.game-mode-card small{color:#a9b2c4}.game-mode-card em{font-style:normal;font-weight:700;margin-top:6px}.public-mode{background:radial-gradient(circle at 90% 5%,#0ea5e944,transparent 55%),linear-gradient(130deg,#122631,#141722);border-color:#23637b}.public-mode em{color:#67d7ff}.private-mode{background:radial-gradient(circle at 90% 5%,#a855f744,transparent 55%),linear-gradient(130deg,#291c36,#141722);border-color:#684080}.private-mode em{color:#d7a2ff}.private-waiting-card .lobby-chat{margin-top:18px;padding-top:14px;border-top:1px solid #2d3544}.lobby-messages{max-height:180px;overflow:auto;padding:10px;background:#0c1018;border-radius:12px;margin:10px 0}.lobby-messages p{margin:6px 0;font-size:13px;overflow-wrap:anywhere}.voice-lobby{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding:12px;border-radius:14px;background:#131a25}.voice-lobby audio{display:none}.voice-lobby #lobbyMicToggle[aria-pressed="true"]{background:#7f1d1d;border-color:#ef4444;color:#fff}.game-mode-grid .game-mode-card:active,.game-tile:active{transform:scale(.99)}
@media(min-width:520px){.game-mode-grid{grid-template-columns:1fr 1fr}}
/* گزارش‌ها و سوابق بازی */
.admin-reports-tile{background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(30,41,59,.8));border:1px solid rgba(248,113,113,.35)}
.report-entry{padding:14px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.09));overflow-wrap:anywhere}
.report-entry:last-child{border-bottom:0}.report-entry h3{margin:0 0 10px;color:#fca5a5}.report-entry p{margin:7px 0;font-size:14px;line-height:1.8}.report-entry .field{max-width:190px}
/* Ludo track: colorful, touch-friendly independent game board */
.ludo-board-card{background:linear-gradient(145deg,#111827,#0b1020);border:1px solid #34445d;border-radius:18px;padding:14px;overflow:hidden}
.ludo-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:14px 0;max-height:54vh;overflow:auto;padding:4px}
.ludo-cell{min-height:52px;border:1px solid #354155;border-radius:9px;background:linear-gradient(145deg,#1f2937,#121722);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;position:relative;color:#dbeafe;font-size:10px}
.ludo-cell small{font-size:10px;color:#aebbd0}.ludo-cell.ludo-home{background:linear-gradient(145deg,#3b1b27,#21131d);border-color:#b94761}.ludo-cell.ludo-finish{background:linear-gradient(145deg,#155e42,#0d3328);border-color:#34d399}.ludo-token{font-size:17px;font-style:normal;line-height:1}.token-0{filter:drop-shadow(0 0 4px #ef4444)}.token-1{filter:drop-shadow(0 0 4px #facc15)}.token-2{filter:drop-shadow(0 0 4px #22c55e)}.token-3{filter:drop-shadow(0 0 4px #60a5fa)}
.ludo-players{display:grid;gap:4px;margin:12px 0}.ludo-players .rank-row{padding:8px;border-radius:10px;background:#ffffff08}
.group-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 16px}.group-tabs .active{background:linear-gradient(135deg,#d91f45,#7e1530);color:#fff;border-color:#ef3157}.group-add{width:46px;min-width:46px;height:46px;border:0;border-radius:14px;color:#fff;font-size:30px;line-height:1;background:linear-gradient(135deg,#ff4b6e,#7c35ff);box-shadow:0 5px 20px #a32c654d}.chat-search-wrap{display:flex;align-items:center;gap:8px}.chat-search-wrap .field{flex:1;min-width:0}.group-avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:16px;background:linear-gradient(145deg,#3c1728,#17151d);border:1px solid #a52b4e;font-size:23px}.group-avatar.big{width:82px;height:82px;border-radius:25px;font-size:36px}.group-create-sheet{max-width:480px}.group-create-sheet form{display:grid;gap:10px}.group-cover{display:flex;flex-direction:column;align-items:center;width:100%;padding:25px 16px;border:1px solid #44202d;border-radius:22px;background:radial-gradient(ellipse at top,#3b1424,#151318 70%);color:inherit;text-align:center}.group-cover h2{margin:12px 0 3px}.group-cover p{margin:4px 0 10px;color:var(--muted,#aaa)}.group-stats{display:flex;justify-content:space-around;gap:8px;flex-wrap:wrap;padding:13px 8px;margin:12px 0;border-radius:14px;background:#17151d;border:1px solid #29232d;font-size:13px}.group-messages{display:flex;flex-direction:column;gap:10px;min-height:180px;max-height:52vh;overflow:auto;padding:8px 0}.group-message{align-self:flex-start;max-width:90%;padding:10px 13px;border-radius:5px 16px 16px 16px;background:#1c1921;border:1px solid #302632;overflow-wrap:anywhere}.group-message p{margin:6px 0}.group-message small{color:#999;font-size:11px}.group-compose{display:flex;gap:8px;position:sticky;bottom:64px;padding:8px 0;background:var(--background,#080808)}.group-compose .field{flex:1;min-width:0}.group-tools{justify-content:space-between;gap:8px;flex-wrap:wrap}.group-tools .btn{flex:1;font-size:12px;white-space:nowrap}
/* Final chat/group layout refinements */
.chat-layout{background:var(--bg)!important;background-image:none!important;backdrop-filter:none!important}
.chat-delete-btn{color:#ff7187;background:rgba(255,65,96,.12);border:1px solid rgba(255,65,96,.25)}
.group-chat-full{position:fixed;inset:0;z-index:30;max-width:680px;margin:auto;display:flex;flex-direction:column;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}
.group-chat-head{height:66px;flex-shrink:0;display:flex;align-items:center;gap:9px;padding:8px 12px;background:#101116;border-bottom:1px solid var(--line)}
.group-head-profile{width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ff4b6e,#7c35ff);display:grid;place-items:center;font-size:21px;flex-shrink:0}
.group-head-profile img,.group-profile-avatar img{width:100%;height:100%;object-fit:cover}
.group-head-name{background:none;text-align:right;flex:1;min-width:0;padding:4px;display:flex;flex-direction:column;gap:3px}.group-head-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-head-name small{font-size:11px;color:var(--muted)}
.group-chat-full .group-messages{flex:1;min-height:0;max-height:none;overflow:auto;padding:14px 12px;display:flex;flex-direction:column;gap:7px}
.group-chat-full .group-message{max-width:72%;font-size:13px;padding:7px 10px;border-radius:13px 13px 13px 3px;align-self:flex-start;background:#1c1921}.group-chat-full .group-message.mine{align-self:flex-end;border-radius:13px 13px 3px 13px;background:#075a80}.group-chat-full .group-message p{margin:4px 0;line-height:1.5}.group-chat-full .group-message small{font-size:9px;display:block;text-align:left}
.group-chat-full .group-compose{position:static;flex-shrink:0;padding:8px 10px;background:#101116;border-top:1px solid var(--line);padding-bottom:calc(8px + env(safe-area-inset-bottom))}
.group-profile-sheet{text-align:center;max-height:85dvh;overflow:auto}.group-profile-avatar{width:86px;height:86px;border-radius:24px;margin:4px auto 12px;overflow:hidden;display:grid;place-items:center;font-size:38px;background:linear-gradient(135deg,#ff4b6e,#7c35ff);border:1px solid #ffffff24}.group-profile-sheet .group-stats{font-size:12px}.reward-amounts{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.reward-amounts .btn{flex:1;min-width:78px;font-size:12px}.reward-amounts .active{background:linear-gradient(135deg,#ff4b6e,#7c35ff);border-color:transparent}