@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg:#0a0e1a;--bg2:#111827;--bg3:#1a2035;--accent:#00e5ff;--accent2:#7c3aed;--gold:#fbbf24;--green:#34d399;--red:#f87171;--text:#e2e8f0;--text2:#94a3b8;--glow:0 0 20px rgba(0,229,255,0.3)}
body{font-family:'Heebo',sans-serif;background:var(--bg);color:var(--text);direction:rtl;min-height:100vh}
body::before{content:'';position:fixed;inset:0;background:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent);background-size:200px 100px;animation:stars 60s linear infinite;z-index:0;pointer-events:none}
@keyframes stars{to{transform:translateY(-100px)}}
.container{max-width:700px;margin:0 auto;padding:16px;position:relative;z-index:1}
.header{text-align:center;padding:24px 0 16px}
.header h1{font-size:2.2em;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.header .subtitle{color:var(--text2);font-size:0.85em}
.user-bar{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid rgba(0,229,255,0.15);border-radius:14px;padding:14px 18px;margin-bottom:16px;box-shadow:var(--glow)}
.coins-display{font-size:1.6em;font-weight:700;color:var(--gold)}
.name-input{background:var(--bg3);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:6px 12px;color:var(--text);font-family:'Heebo';font-size:0.95em;direction:rtl;width:130px;text-align:center}
.name-input:focus{outline:none;border-color:var(--accent)}
.status-card{background:linear-gradient(135deg,var(--bg2),var(--bg3));border:1px solid rgba(124,58,237,0.3);border-radius:14px;padding:20px;margin-bottom:16px;text-align:center}
.rocket-icon{font-size:2.5em;margin-bottom:8px}
.launch-name{color:var(--accent);font-size:0.9em;margin-bottom:6px}
.time-since{font-size:1.2em;font-weight:700;margin-bottom:10px}
.prob-bar{background:var(--bg);border-radius:8px;height:20px;overflow:hidden;margin-top:8px}
.prob-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width 1s;display:flex;align-items:center;justify-content:center;font-size:0.7em;font-weight:700;color:white;min-width:35px}
.section-title{font-size:1.1em;font-weight:700;margin:20px 0 10px;color:var(--accent)}
.info-text{text-align:center;color:var(--text2);font-size:0.8em;margin-bottom:16px;padding:10px;background:rgba(124,58,237,0.1);border-radius:8px}
.slots-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.slot-card{display:flex;align-items:center;justify-content:space-between;background:var(--bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:12px 16px;cursor:pointer;transition:all 0.2s}
.slot-card:hover{border-color:var(--accent);box-shadow:var(--glow)}
.slot-card.selected{border-color:var(--accent);background:rgba(0,229,255,0.08);box-shadow:var(--glow)}
.slot-time{font-size:1em;font-weight:500;min-width:120px}
.slot-multiplier{font-size:1.3em;font-weight:900;color:var(--gold)}
.slot-multiplier.hot{color:var(--red);text-shadow:0 0 10px rgba(248,113,113,0.5)}
.slot-multiplier.warm{color:#fb923c}
.slot-prob{font-size:0.8em;color:var(--text2);min-width:50px;text-align:left}
.bet-controls{display:none;background:var(--bg2);border:1px solid var(--accent);border-radius:14px;padding:16px;margin-bottom:16px;text-align:center;animation:slideDown 0.3s}
.bet-controls.show{display:block}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
.selected-info{margin-bottom:12px}
.bet-amount-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.bet-amount-input{background:var(--bg3);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:8px 12px;color:var(--gold);font-size:1.2em;font-weight:700;font-family:'Heebo';width:100px;text-align:center}
.bet-amount-input:focus{outline:none;border-color:var(--accent)}
.quick-btn{background:var(--bg3);border:1px solid rgba(255,255,255,0.1);border-radius:6px;padding:6px 12px;color:var(--text);cursor:pointer;font-family:'Heebo';transition:all 0.2s}
.quick-btn:hover{border-color:var(--accent);color:var(--accent)}
.bet-btn{background:linear-gradient(135deg,var(--accent2),var(--accent));border:none;border-radius:10px;padding:12px 36px;color:white;font-size:1.1em;font-weight:700;font-family:'Heebo';cursor:pointer;transition:all 0.3s}
.bet-btn:hover{transform:scale(1.05);box-shadow:0 0 30px rgba(0,229,255,0.4)}
.bet-btn:disabled{opacity:0.5;cursor:not-allowed;transform:none}
.potential-win{margin-top:8px;color:var(--green);font-weight:500;margin-bottom:10px}
.bets-list{margin-bottom:16px}
.bet-item{background:var(--bg2);border:1px solid rgba(255,255,255,0.08);border-radius:10px;padding:10px 14px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;font-size:0.9em}
.bet-item.won{border-color:var(--green);background:rgba(52,211,153,0.08)}
.bet-item.lost{border-color:var(--red);background:rgba(248,113,113,0.05);opacity:0.6}
.bet-status{font-weight:700;font-size:0.85em}
.bet-status.active{color:var(--accent)}
.bet-status.won{color:var(--green)}
.bet-status.lost{color:var(--red)}
.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.tab-btn{background:var(--bg3);border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:8px 14px;color:var(--text2);cursor:pointer;font-family:'Heebo';font-size:0.85em;transition:all 0.2s}
.tab-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(0,229,255,0.08)}
.tab-btn:hover{border-color:var(--accent)}
.leaderboard-list{margin-bottom:30px}
.leader-item{background:var(--bg2);border-radius:10px;padding:10px 14px;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}
.leader-item.top:nth-child(1){border:1px solid var(--gold)}
.leader-item.top:nth-child(2){border:1px solid #94a3b8}
.leader-item.top:nth-child(3){border:1px solid #b45309}
.leader-rank{font-weight:900;color:var(--accent);width:28px}
.leader-name{flex:1}
.leader-coins{font-weight:700;color:var(--gold)}
.empty{text-align:center;color:var(--text2);padding:20px}
.bonus-toast{position:fixed;top:16px;left:50%;transform:translateX(-50%) translateY(-100px);background:linear-gradient(135deg,var(--accent2),var(--accent));padding:14px 26px;border-radius:12px;font-weight:700;z-index:100;transition:transform 0.5s cubic-bezier(0.68,-0.55,0.265,1.55);text-align:center;white-space:nowrap}
.bonus-toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:600px){.container{padding:10px}.header h1{font-size:1.6em}.user-bar{flex-direction:column;gap:8px}.slot-time{min-width:90px;font-size:0.9em}.tabs{justify-content:center}}

/* Footer info */
.footer-info{margin-top:30px;background:var(--bg2);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:24px;margin-bottom:30px}
.footer-info h3{color:var(--accent);margin-bottom:16px;font-size:1.1em}
.faq p{margin-bottom:14px;line-height:1.7;font-size:0.9em;color:var(--text2)}
.faq p strong{color:var(--text)}
.credits{text-align:center;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.08);color:var(--text2);font-size:0.8em}

/* Disclaimers */
.disclaimer-inline{text-align:center;color:var(--text2);font-size:0.8em;margin:-8px 0 12px;opacity:0.7}
.disclaimer{margin-top:20px;background:rgba(255,200,50,0.08);border:1px solid rgba(255,200,50,0.2);border-radius:10px;padding:16px;margin-bottom:14px}
.disclaimer h4{color:var(--gold);margin-bottom:8px;font-size:0.95em}
.disclaimer p{color:var(--text2);font-size:0.85em;line-height:1.6;margin-bottom:8px}
.disclaimer p:last-child{margin-bottom:0}

/* Daily Summary Popup */
.summary-overlay {
  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.8); z-index: 1000;
  display: flex; align-items: center; justify-content: center;
  animation: fadeIn 0.3s;
}
.summary-popup {
  background: linear-gradient(135deg, #1a1a3e, #0d0d2b);
  border: 2px solid var(--gold);
  border-radius: 16px;
  padding: 24px;
  max-width: 400px; width: 90%;
  text-align: center; direction: rtl;
  box-shadow: 0 0 40px rgba(255,215,0,0.3);
}
.summary-popup h2 { color: var(--gold); margin: 0 0 16px; font-size: 1.4em; }
.summary-bonus { background: rgba(255,215,0,0.1); border-radius: 8px; padding: 10px; margin: 8px 0; color: #ffd700; }
.summary-win { background: rgba(0,255,100,0.1); border-radius: 8px; padding: 10px; margin: 8px 0; color: var(--green); }
.summary-loss { background: rgba(255,50,50,0.1); border-radius: 8px; padding: 10px; margin: 8px 0; color: #ff6b6b; }
.summary-total { margin: 16px 0 12px; font-size: 1.1em; color: #fff; }
.summary-popup button {
  background: linear-gradient(135deg, #ffd700, #ffaa00);
  color: #0d0d2b; border: none; border-radius: 8px;
  padding: 10px 32px; font-size: 1.1em; font-weight: bold;
  cursor: pointer; margin-top: 8px;
}
.summary-popup button:hover { transform: scale(1.05); }