@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap";
.mira-app{--mira-bg:#0a0e27;--mira-bg2:#0e1330;--mira-card:#141938;--mira-card2:#1a2046;--mira-border:#7c3aed2e;--mira-purple:#7c3aed;--mira-purple-2:#9d5cff;--mira-pink:#ff6b6b;--mira-pink-2:#ff8a8a;--mira-gold:gold;--mira-text:#e8eaff;--mira-muted:#8a8fb5;--mira-green:#22c55e;--mira-red:#ef4444;min-height:100vh;color:var(--mira-text);direction:rtl;background:radial-gradient(at top,#131838 0%,#0a0e27 55%,#060a1f 100%);font-family:Cairo,system-ui,sans-serif}.mira-app *{box-sizing:border-box}.mira-phone{background:linear-gradient(#0a0e27 0%,#0c1130 100%);max-width:480px;min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #7c3aed1f}.mira-screen{flex-direction:column;min-height:100vh;display:flex;position:relative}.mira-content{flex:1;padding:64px 14px 96px;overflow-y:auto}.mira-header{z-index:20;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--mira-border);background:linear-gradient(#0a0e27f2 0%,#0a0e27b3 100%);justify-content:space-between;align-items:center;gap:8px;padding:12px 14px 10px;display:flex;position:sticky;top:0}.mira-logo{background:linear-gradient(90deg,#9d5cff 0%,#ff6b6b 100%);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800}.mira-coin-pill{color:var(--mira-gold);cursor:pointer;background:linear-gradient(90deg,#ffd70026,#ffd7000d);border:1px solid #ffd7004d;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.mira-coin-pill:hover{transform:scale(1.04);box-shadow:0 0 18px #ffd7004d}.mira-star-pill{color:#d6c2ff;cursor:pointer;background:linear-gradient(90deg,#7c3aed2e,#ff6b6b1f);border:1px solid #9d5cff66;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.mira-card{background:linear-gradient(135deg, var(--mira-card) 0%, var(--mira-card2) 100%);border:1px solid var(--mira-border);border-radius:18px;padding:14px;position:relative;overflow:hidden}.mira-card-glow:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#7c3aed2e,#0000 60%);position:absolute;inset:0}.mira-btn{cursor:pointer;color:#fff;border:none;border-radius:14px;outline:none;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-family:Cairo,sans-serif;font-size:14px;font-weight:700;transition:all .18s;display:inline-flex}.mira-btn:disabled{opacity:.5;cursor:not-allowed}.mira-btn-primary{background:linear-gradient(90deg,#7c3aed 0%,#ff6b6b 100%);box-shadow:0 8px 22px #7c3aed59}.mira-btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 28px #7c3aed73}.mira-btn-gold{color:#1a1408;background:linear-gradient(90deg,gold 0%,#ff9d3a 100%);box-shadow:0 8px 22px #ffd7004d}.mira-btn-gold:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 28px #ffd70073}.mira-btn-ghost{color:#d6c2ff;background:#7c3aed1f;border:1px solid #7c3aed4d}.mira-btn-ghost:hover{background:#7c3aed38}.mira-btn-danger{background:linear-gradient(90deg,#ef4444 0%,#b91c1c 100%);box-shadow:0 8px 22px #ef44444d}.mira-btn-sm{border-radius:11px;padding:7px 12px;font-size:12px}.mira-btn-lg{border-radius:16px;padding:14px 24px;font-size:16px}.mira-btn-block{width:100%}.mira-input{border:1px solid var(--mira-border);width:100%;color:var(--mira-text);background:#141938b3;border-radius:14px;outline:none;padding:12px 14px;font-family:Cairo,sans-serif;font-size:15px;transition:all .2s}.mira-input::placeholder{color:var(--mira-muted)}.mira-input:focus{border-color:var(--mira-purple);box-shadow:0 0 0 3px #7c3aed2e}.mira-avatar{color:#fff;-webkit-user-select:none;user-select:none;background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative}.mira-avatar-ring{box-shadow:0 0 0 2px var(--mira-card), 0 0 0 4px #7c3aed80}.mira-avatar-speaker{box-shadow:0 0 0 2px var(--mira-card), 0 0 0 4px var(--mira-pink);animation:1.4s ease-in-out infinite mira-pulse-ring}@keyframes mira-pulse-ring{0%,to{box-shadow:0 0 0 2px var(--mira-card), 0 0 0 4px var(--mira-pink), 0 0 18px #ff6b6b80}50%{box-shadow:0 0 0 2px var(--mira-card), 0 0 0 5px var(--mira-pink), 0 0 28px #ff6b6bb3}}.mira-online-dot{background:var(--mira-green);border:2px solid var(--mira-card);border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.mira-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--mira-border);width:100%;max-width:480px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));z-index:30;background:linear-gradient(#141938f2 0%,#0a0e27fa 100%);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mira-nav-item{color:var(--mira-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:6px 0;font-family:Cairo,sans-serif;font-size:11px;font-weight:600;transition:color .18s;display:flex;position:relative}.mira-nav-item.active{color:var(--mira-purple-2)}.mira-nav-item.active:before{content:"";background:linear-gradient(90deg, var(--mira-purple), var(--mira-pink));border-radius:0 0 6px 6px;width:32px;height:3px;position:absolute;top:0}.mira-room-card{background:linear-gradient(135deg, var(--mira-card) 0%, var(--mira-card2) 100%);border:1px solid var(--mira-border);cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.mira-room-card:hover{border-color:#7c3aed73;transform:translateY(-2px);box-shadow:0 12px 32px #7c3aed2e}.mira-room-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b6b26,#0000 70%);width:120px;height:120px;position:absolute;top:-40px;left:-40px}.mira-speakers{flex-wrap:wrap;justify-content:center;gap:14px;padding:16px 8px;display:flex}.mira-speaker{flex-direction:column;align-items:center;gap:6px;width:72px;display:flex}.mira-speaker-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:flex;position:relative}.mira-speaker-mic{border:2px solid var(--mira-card);background:#1a2046;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex;position:absolute;bottom:-2px;right:-2px}.mira-speaker-name{color:var(--mira-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:72px;font-size:11px;font-weight:600;overflow:hidden}.mira-listeners{grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:10px;padding:12px;display:grid}.mira-chat{flex-direction:column;gap:6px;padding:8px 4px;display:flex}.mira-msg{align-items:flex-start;gap:8px;animation:.25s mira-slide-in;display:flex}.mira-msg-bubble{border:1px solid var(--mira-border);word-break:break-word;background:#141938d9;border-radius:14px;max-width:220px;padding:8px 12px;font-size:13px}.mira-msg-bubble.gift{background:linear-gradient(135deg,#ffd70026,#ff6b6b1a);border-color:#ffd70066}.mira-msg-name{color:var(--mira-purple-2);margin-bottom:2px;font-size:11px;font-weight:700}.mira-msg-text{color:var(--mira-text);font-size:13px;line-height:1.4}.mira-system-msg{text-align:center;color:var(--mira-muted);padding:4px;font-size:11px}@keyframes mira-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mira-gift-anim{z-index:60;pointer-events:none;text-align:center;animation:3s ease-out forwards mira-gift-fly;position:fixed;bottom:20%;left:50%;transform:translate(-50%)}.mira-gift-anim-icon{filter:drop-shadow(0 0 18px #ffd700b3);font-size:56px}.mira-gift-anim-name{color:#fff;text-shadow:0 0 10px #7c3aedcc;margin-top:6px;font-size:14px;font-weight:700}@keyframes mira-gift-fly{0%{opacity:0;transform:translate(-50%)scale(.4)}15%{opacity:1;transform:translate(-50%,-10px)scale(1.2)}35%{transform:translate(-50%,-20px)scale(1)}to{opacity:0;transform:translate(-50%,-200px)scale(.9)}}.mira-podium{grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:8px;padding:16px 4px 8px;display:grid}.mira-podium-col{flex-direction:column;align-items:center;gap:6px;display:flex}.mira-podium-base{border-radius:12px 12px 0 0;flex-direction:column;align-items:center;width:100%;padding:8px 4px;font-weight:800;display:flex}.mira-podium-base.p1{height:90px;color:var(--mira-gold);background:linear-gradient(#ffd7004d,#ffd7000d);border:1px solid #ffd70066}.mira-podium-base.p2{color:#d4d4d4;background:linear-gradient(#c0c0c02e,#c0c0c008);border:1px solid #c0c0c04d;height:70px}.mira-podium-base.p3{color:#d4a373;background:linear-gradient(#cd7f3238,#cd7f320a);border:1px solid #cd7f3259;height:55px}.mira-tabs{scrollbar-width:none;gap:6px;padding:4px 0;display:flex;overflow-x:auto}.mira-tabs::-webkit-scrollbar{display:none}.mira-tab{border:1px solid var(--mira-border);color:var(--mira-muted);cursor:pointer;white-space:nowrap;background:#14193899;border-radius:12px;padding:8px 14px;font-family:Cairo,sans-serif;font-size:13px;font-weight:700;transition:all .18s}.mira-tab.active{background:linear-gradient(90deg, var(--mira-purple), var(--mira-pink));color:#fff;border-color:#0000;box-shadow:0 6px 18px #7c3aed4d}.mira-fab{background:linear-gradient(135deg, var(--mira-purple) 0%, var(--mira-pink) 100%);color:#fff;cursor:pointer;z-index:25;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;position:fixed;bottom:88px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #7c3aed73}.mira-fab:hover{transform:translate(-50%)scale(1.06)rotate(90deg)}.mira-fab i{font-size:32px;font-style:normal;font-weight:300;line-height:1}.mira-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:80;background:#050819c7;justify-content:center;align-items:flex-end;animation:.2s mira-fade;display:flex;position:fixed;inset:0}.mira-modal{background:linear-gradient(180deg, var(--mira-card) 0%, var(--mira-bg2) 100%);border-top:1px solid var(--mira-border);width:100%;max-width:480px;padding:18px 16px calc(20px + env(safe-area-inset-bottom));border-top-left-radius:24px;border-top-right-radius:24px;max-height:85vh;animation:.3s cubic-bezier(.22,1,.36,1) mira-sheet-up;overflow-y:auto}@keyframes mira-fade{0%{opacity:0}to{opacity:1}}@keyframes mira-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mira-gift-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 0;display:grid}.mira-gift-item{border:1px solid var(--mira-border);cursor:pointer;background:#14193899;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;transition:all .18s;display:flex}.mira-gift-item:hover{background:#7c3aed29;border-color:#7c3aed66;transform:translateY(-2px)}.mira-gift-item.selected{border-color:var(--mira-purple);background:linear-gradient(135deg,#7c3aed52,#ff6b6b2e)}.mira-gift-icon{font-size:28px}.mira-gift-name{color:var(--mira-text);font-size:11px;font-weight:600}.mira-gift-price{color:var(--mira-gold);font-size:11px;font-weight:700}.mira-spinner{border:3px solid #7c3aed2e;border-top-color:var(--mira-purple);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite mira-spin}@keyframes mira-spin{to{transform:rotate(360deg)}}.mira-toast{border:1px solid var(--mira-border);color:var(--mira-text);z-index:100;text-align:center;background:#141938f2;border-radius:14px;max-width:360px;padding:10px 18px;font-size:13px;font-weight:600;animation:.25s mira-toast-in;position:fixed;top:70px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0006}.mira-toast.error{color:#fecaca;background:#ef444433;border-color:#ef444480}.mira-toast.success{color:#bbf7d0;background:#22c55e33;border-color:#22c55e80}@keyframes mira-toast-in{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.mira-otp{direction:ltr;justify-content:center;gap:10px;display:flex}.mira-otp input{text-align:center;border:1px solid var(--mira-border);width:56px;height:64px;color:var(--mira-text);background:#141938b3;border-radius:14px;outline:none;font-family:Cairo,sans-serif;font-size:26px;font-weight:800;transition:all .18s}.mira-otp input:focus{border-color:var(--mira-purple);box-shadow:0 0 0 3px #7c3aed33}.mira-game-tile{cursor:pointer;border:1px solid var(--mira-border);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:all .2s;display:flex;position:relative;overflow:hidden}.mira-game-tile:hover{border-color:#7c3aed73;transform:translateY(-3px);box-shadow:0 14px 28px #7c3aed33}.mira-game-icon{filter:drop-shadow(0 0 10px #7c3aed4d);font-size:36px}.mira-divider{background:linear-gradient(90deg, transparent, var(--mira-border), transparent);height:1px;margin:14px 0}.mira-section-title{color:var(--mira-text);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:16px;font-weight:800;display:flex}.mira-badge{color:#d6c2ff;background:#7c3aed2e;border:1px solid #7c3aed66;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.mira-badge.gold{color:var(--mira-gold);background:#ffd70026;border-color:#ffd70066}.mira-badge.green{color:#86efac;background:#22c55e26;border-color:#22c55e66}.mira-loading-screen{z-index:200;background:radial-gradient(at top,#131838 0%,#0a0e27 55%,#060a1f 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.mira-scroll::-webkit-scrollbar{display:none}.mira-scroll{scrollbar-width:none}.mira-balance{background:linear-gradient(135deg,gold 0%,#ff9d3a 100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:800}.mira-balance-stars{background:linear-gradient(135deg,#9d5cff 0%,#ff6b6b 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:800}.mira-flag{font-size:18px;line-height:1}