:root {
    --bg: #0a0a12;
    --bg2: #0f0f1e;
    --bg3: #14142a;
    --card: #16162e;
    --card2: #1c1c38;
    --border: #2a2a50;
    --neon: #00ff88;
    --neon2: #00d4ff;
    --neon3: #ff00aa;
    --neon4: #ffaa00;
    --text: #e0e0ff;
    --muted: #7070a0;
    --gold: #ffd700;
    --win: #00ff88;
    --lose: #ff4466;
    --warn: #ffaa00;
  }
  * { margin:0; padding:0; box-sizing:border-box; }
  body {
    background: var(--bg);
    color: var(--text);
    font-family: 'Segoe UI', system-ui, sans-serif;
    min-height: 100vh;
    overflow-x: hidden;
  }

  /* Scrollbar */
  ::-webkit-scrollbar { width:6px; }
  ::-webkit-scrollbar-track { background: var(--bg2); }
  ::-webkit-scrollbar-thumb { background: var(--border); border-radius:3px; }

  /* ANIMATIONS */
  @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} }
  @keyframes glow { 0%,100%{text-shadow:0 0 10px var(--neon),0 0 20px var(--neon)} 50%{text-shadow:0 0 20px var(--neon),0 0 40px var(--neon),0 0 60px var(--neon)} }
  @keyframes float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
  @keyframes spin { to{transform:rotate(360deg)} }
  @keyframes slideIn { from{transform:translateY(-20px);opacity:0} to{transform:translateY(0);opacity:1} }
  @keyframes slideUp { from{transform:translateY(20px);opacity:0} to{transform:translateY(0);opacity:1} }
  @keyframes pop { 0%{transform:scale(0.8);opacity:0} 80%{transform:scale(1.05)} 100%{transform:scale(1);opacity:1} }
  @keyframes shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }
  @keyframes bounce { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} }
  @keyframes winFlash { 0%{background:rgba(0,255,136,0.3)} 50%{background:rgba(0,255,136,0)} 100%{background:rgba(0,255,136,0.3)} }
  @keyframes numberReveal {
    0%{transform:scale(0) rotate(-180deg);opacity:0}
    60%{transform:scale(1.3) rotate(10deg)}
    100%{transform:scale(1) rotate(0deg);opacity:1}
  }

  /* BG Particles */
  .bg-particles {
    position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:0;
  }
  .particle {
    position:absolute; width:2px; height:2px; border-radius:50%;
    background:var(--neon); opacity:.3;
    animation: float 3s infinite ease-in-out;
  }

  /* LOGIN */
  #loginScreen {
    position:fixed; inset:0; z-index:1000;
    background: radial-gradient(ellipse at center, #0f0f2e 0%, #0a0a12 100%);
    display:flex; align-items:center; justify-content:center; padding:20px;
  }
  .login-box {
    background: var(--card);
    border: 1px solid var(--border);
    border-radius:24px;
    padding:40px;
    width:100%; max-width:420px;
    box-shadow: 0 0 60px rgba(0,255,136,0.1), 0 0 120px rgba(0,212,255,0.05);
    animation: pop .4s ease-out;
  }
  .login-logo {
    text-align:center; margin-bottom:32px;
  }
  .login-logo .logo-icon {
    font-size:48px; display:block; margin-bottom:8px; animation:float 3s infinite;
  }
  .login-logo h1 {
    font-size:28px; font-weight:900;
    background: linear-gradient(135deg, var(--neon), var(--neon2));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    animation: glow 2s infinite;
  }
  .login-logo p { color:var(--muted); font-size:13px; margin-top:4px; }
  .form-group { margin-bottom:16px; }
  .form-group label { display:block; font-size:12px; color:var(--muted); margin-bottom:6px; text-transform:uppercase; letter-spacing:.5px; }
  .form-input {
    width:100%; padding:12px 16px;
    background: var(--bg2); border: 1px solid var(--border);
    border-radius:10px; color:var(--text); font-size:15px;
    outline:none; transition: all .3s;
  }
  .form-input:focus { border-color:var(--neon); box-shadow:0 0 15px rgba(0,255,136,0.15); }
  .btn {
    padding:12px 24px; border:none; border-radius:10px;
    font-size:15px; font-weight:700; cursor:pointer;
    transition: all .2s; letter-spacing:.5px;
  }
  .btn-primary {
    background: linear-gradient(135deg, var(--neon), #00cc70);
    color:#000; width:100%;
  }
  .btn-primary:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(0,255,136,0.4); }
  .btn-primary:active { transform:translateY(0); }
  
  .btn-deposit {
    background: linear-gradient(135deg, var(--neon), #00cc70);
    color:#000;
  }
  .btn-deposit:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(0,255,136,0.4); }
  .btn-deposit:active { transform:translateY(0); }
  
  
  
  
  
  .btn-danger { background: linear-gradient(135deg,#ff4466,#cc0033); color:#fff; }
  .btn-warn { background: linear-gradient(135deg,var(--warn),#cc8800); color:#000; }
  .btn-blue { background: linear-gradient(135deg,var(--neon2),#0088cc); color:#fff; }
  .btn-sm { padding:7px 14px; font-size:12px; border-radius:7px; }

  /* MAIN APP */
  #mainApp { display:none; min-height:100vh; position:relative; z-index:1; }

  /* HEADER */
  .header {
    background: var(--card);
    border-bottom: 1px solid var(--border);
    padding:12px 20px;
    display:flex; align-items:center; justify-content:space-between;
    position:sticky; top:0; z-index:100;
    box-shadow: 0 2px 20px rgba(0,0,0,.5);
  }
  .header-logo {
    font-size:20px; font-weight:900;
    background: linear-gradient(135deg,var(--neon),var(--neon2));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
    display:flex; align-items:center; gap:8px;
  }
  .header-right { display:flex; align-items:center; gap:12px; }
  .balance-chip {
    background: var(--bg2); border:1px solid var(--neon);
    border-radius:20px; padding:6px 14px;
    font-size:14px; font-weight:700; color:var(--neon);
    display:flex; align-items:center; gap:6px;
  }
  .avatar {
    width:36px; height:36px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-weight:700; font-size:14px; cursor:pointer;
    border:2px solid var(--neon);
  }
  .round-badge {
    background: var(--bg2); border:1px solid var(--border);
    border-radius:20px; padding:5px 12px; font-size:12px;
    display:flex; align-items:center; gap:6px;
  }
  .status-dot {
    width:8px; height:8px; border-radius:50%;
    animation: pulse 1.5s infinite;
  }
  .status-OPEN { background:var(--neon); }
  .status-HOLD { background:var(--warn); }
  .status-STOP { background:var(--lose); }
  .status-RESULT { background:var(--neon2); animation:none; }

  /* NAV TABS */
  .nav-tabs {
    display:flex; gap:4px;
    background: var(--bg2); border-bottom:1px solid var(--border);
    padding:0 16px; overflow-x:auto; scrollbar-width:none;
  }
  .nav-tabs::-webkit-scrollbar { display:none; }
  .nav-tab {
    padding:14px 18px; font-size:13px; font-weight:600;
    color:var(--muted); cursor:pointer; border-bottom:2px solid transparent;
    transition:all .2s; white-space:nowrap; display:flex; align-items:center; gap:6px;
  }
  .nav-tab:hover { color:var(--text); }
  .nav-tab.active { color:var(--neon); border-bottom-color:var(--neon); }

  /* VIEWS */
  .view { display:none; padding:20px; animation:slideUp .3s ease; }
  .view.active { display:block; }

  /* GAME GRID */
  .game-layout {
    display:grid; grid-template-columns:1fr 340px; gap:20px; max-width:1200px; margin:0 auto;
  }
  @media(max-width:900px) { .game-layout { grid-template-columns:1fr; } }

  /* NUMBER GRID */
  .number-grid-title {
    font-size:16px; font-weight:700; color:var(--text);
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:16px;
  }
  .number-grid {
    display:grid; grid-template-columns:repeat(10,1fr); gap:6px;
  }
  .num-cell {
    aspect-ratio:1; border-radius:8px;
    display:flex; align-items:center; justify-content:center;
    font-size:13px; font-weight:700; cursor:pointer;
    border:1px solid var(--border);
    background: var(--card2);
    transition: all .15s;
    position:relative; user-select:none;
  }
  .num-cell:hover { border-color:var(--neon); box-shadow:0 0 12px rgba(0,255,136,0.3); transform:scale(1.05); }
  .num-cell.selected {
    border-color:var(--neon); background:rgba(0,255,136,0.15);
    box-shadow:0 0 15px rgba(0,255,136,0.4);
    color:var(--neon);
  }
  .num-cell.double {
    border-color:rgba(255,170,0,0.4);
    background: linear-gradient(135deg, rgba(255,170,0,0.08), rgba(255,170,0,0.04));
    color:var(--warn);
  }
  .num-cell.double.selected { border-color:var(--warn); background:rgba(255,170,0,0.2); box-shadow:0 0 15px rgba(255,170,0,0.4); }
  .num-cell.has-bets::after {
    content:''; position:absolute; bottom:3px; right:3px;
    width:5px; height:5px; border-radius:50%; background:var(--neon2);
  }
  .num-cell.hot { border-color:rgba(255,0,100,0.5); background:rgba(255,0,100,0.08); }

  /* BET PANEL */
  .bet-panel {
    background: var(--card); border:1px solid var(--border);
    border-radius:16px; padding:20px;
    height:fit-content; position:sticky; top:80px;
  }
  .bet-panel-title { font-size:16px; font-weight:700; margin-bottom:16px; color:var(--neon); }
  .selected-numbers {
    min-height:60px; background:var(--bg2);
    border:1px dashed var(--border); border-radius:10px;
    padding:10px; margin-bottom:16px;
    display:flex; flex-wrap:wrap; gap:6px; align-content:flex-start;
  }
  .sel-chip {
    background: var(--card2); border:1px solid var(--neon);
    border-radius:20px; padding:4px 10px;
    font-size:13px; font-weight:700; color:var(--neon);
    display:flex; align-items:center; gap:6px; cursor:pointer;
    transition:all .15s;
  }
  .sel-chip.double-chip { border-color:var(--warn); color:var(--warn); }
  .sel-chip:hover { background:rgba(255,70,100,0.1); border-color:var(--lose); color:var(--lose); }
  .sel-chip .remove { font-size:10px; }
  .bet-amount-row {
    display:flex; align-items:center; gap:8px; margin-bottom:12px;
  }
  .bet-amount-input {
    flex:1; padding:10px 14px;
    background:var(--bg2); border:1px solid var(--border);
    border-radius:8px; color:var(--text); font-size:15px;
    outline:none; font-weight:700;
  }
  .bet-amount-input:focus { border-color:var(--neon); }
  .quick-amounts { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:16px; }
  .qa-btn {
    padding:5px 10px; border:1px solid var(--border);
    border-radius:6px; background:var(--bg2); color:var(--muted);
    font-size:12px; cursor:pointer; transition:all .15s;
  }
  .qa-btn:hover { border-color:var(--neon); color:var(--neon); }
  .bet-summary {
    background:var(--bg2); border-radius:10px; padding:12px;
    margin-bottom:16px; font-size:13px;
  }
  .summary-row { display:flex; justify-content:space-between; padding:3px 0; }
  .summary-row.total { font-weight:700; color:var(--neon); border-top:1px solid var(--border); padding-top:8px; margin-top:5px; }
  .place-bet-btn {
    width:100%; padding:14px; border:none; border-radius:10px;
    background: linear-gradient(135deg,var(--neon),#00cc70);
    color:#000; font-size:16px; font-weight:900;
    cursor:pointer; transition:all .2s; letter-spacing:1px;
  }
  .place-bet-btn:hover { transform:translateY(-2px); box-shadow:0 8px 25px rgba(0,255,136,0.5); }
  .place-bet-btn:disabled { opacity:.5; cursor:not-allowed; transform:none; }
  .round-closed-msg {
    text-align:center; padding:20px; color:var(--muted);
  }

  /* CARDS */
  .card {
    background:var(--card); border:1px solid var(--border);
    border-radius:16px; padding:20px; margin-bottom:16px;
  }
  .card-title {
    font-size:14px; font-weight:700; color:var(--muted);
    text-transform:uppercase; letter-spacing:.5px; margin-bottom:16px;
    display:flex; align-items:center; gap:8px;
  }

  /* ROUND INFO */
  .round-info-grid {
    display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px;
  }
  @media(max-width:600px) { .round-info-grid { grid-template-columns:repeat(2,1fr); } }
  .info-box {
    background:var(--bg2); border-radius:10px; padding:12px; text-align:center;
    border:1px solid var(--border);
  }
  .info-box .val { font-size:20px; font-weight:900; color:var(--neon); }
  .info-box .lbl { font-size:11px; color:var(--muted); margin-top:4px; }

  /* RESULT REVEAL */
  .result-reveal {
    text-align:center; padding:40px 20px;
    background: radial-gradient(ellipse at center, rgba(0,255,136,.1) 0%, transparent 70%);
    border-radius:20px; margin-bottom:20px;
  }
  .result-number {
    font-size:80px; font-weight:900; line-height:1;
    animation: numberReveal .8s cubic-bezier(.34,1.56,.64,1);
    text-shadow:0 0 30px var(--neon), 0 0 60px var(--neon), 0 0 100px var(--neon);
    color:var(--neon);
  }
  .result-number.double { color:var(--warn); text-shadow:0 0 30px var(--warn), 0 0 60px var(--warn); }
  .result-label { font-size:13px; color:var(--muted); margin-top:8px; }

  /* BET HISTORY TABLE */
  .table-wrapper { overflow-x:auto; }
  table { width:100%; border-collapse:collapse; font-size:13px; }
  th { padding:10px 12px; text-align:left; color:var(--muted); font-weight:600; font-size:11px; text-transform:uppercase; border-bottom:1px solid var(--border); white-space:nowrap; }
  td { padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.04); white-space:nowrap; }
  tr:hover td { background:rgba(255,255,255,.02); }
  .badge {
    padding:3px 8px; border-radius:20px; font-size:11px; font-weight:700;
    display:inline-block;
  }
  .badge-win { background:rgba(0,255,136,.15); color:var(--neon); border:1px solid rgba(0,255,136,.3); }
  .badge-lose { background:rgba(255,68,102,.15); color:var(--lose); border:1px solid rgba(255,68,102,.3); }
  .badge-pending { background:rgba(255,170,0,.15); color:var(--warn); border:1px solid rgba(255,170,0,.3); }
  .badge-open { background:rgba(0,255,136,.15); color:var(--neon); }
  .badge-hold { background:rgba(255,170,0,.15); color:var(--warn); }
  .badge-stop { background:rgba(255,68,102,.15); color:var(--lose); }
  .badge-result { background:rgba(0,212,255,.15); color:var(--neon2); }

  /* LEADERBOARD */
  .lb-row {
    display:flex; align-items:center; gap:12px;
    padding:12px; border-radius:12px;
    background:var(--bg2); margin-bottom:8px;
    border:1px solid var(--border); transition:all .2s;
  }
  .lb-row:hover { border-color:var(--neon); transform:translateX(4px); }
  .lb-rank { font-size:18px; font-weight:900; width:30px; text-align:center; }
  .lb-rank.r1 { color:var(--gold); }
  .lb-rank.r2 { color:#c0c0c0; }
  .lb-rank.r3 { color:#cd7f32; }
  .lb-info { flex:1; }
  .lb-name { font-weight:700; font-size:14px; }
  .lb-sub { font-size:11px; color:var(--muted); }
  .lb-wins { text-align:right; }
  .lb-wins .amount { font-size:16px; font-weight:900; color:var(--neon); }
  .lb-wins .label { font-size:10px; color:var(--muted); }

  /* SLIP MODAL */
  .modal-overlay {
    position:fixed; inset:0; background:rgba(0,0,0,.8);
    z-index:500; display:flex; align-items:center; justify-content:center;
    padding:20px; backdrop-filter:blur(4px);
    animation: fadeIn .2s ease;
  }
  @keyframes fadeIn { from{opacity:0} to{opacity:1} }
  .modal-box {
    background: var(--card); border:1px solid var(--neon);
    border-radius:20px; padding:28px; width:100%; max-width:440px;
    max-height:90vh; overflow-y:auto;
    animation: pop .3s ease-out;
    box-shadow: 0 0 40px rgba(0,255,136,0.2);
  }
  .slip-header { text-align:center; margin-bottom:20px; }
  .slip-logo { font-size:30px; }
  .slip-title { font-size:20px; font-weight:900; color:var(--neon); }
  .slip-id { font-size:11px; color:var(--muted); margin-top:4px; }
  .slip-divider { border:none; border-top:1px dashed var(--border); margin:16px 0; }
  .slip-row { display:flex; justify-content:space-between; padding:6px 0; font-size:13px; }
  .slip-row .label { color:var(--muted); }
  .slip-bets { background:var(--bg2); border-radius:10px; padding:12px; margin:12px 0; }
  .slip-bet-item {
    display:flex; justify-content:space-between; align-items:center;
    padding:6px 0; border-bottom:1px solid var(--border);
    font-size:13px;
  }
  .slip-bet-item:last-child { border-bottom:none; }
  .slip-num { 
    width:36px; height:36px; border-radius:8px; border:2px solid var(--neon);
    display:flex; align-items:center; justify-content:center;
    font-weight:900; font-size:14px; color:var(--neon);
  }
  .slip-num.double-num { border-color:var(--warn); color:var(--warn); }
  .slip-total { font-size:18px; font-weight:900; color:var(--neon); text-align:center; margin:8px 0; }
  .slip-actions { display:flex; gap:8px; margin-top:16px; }

  /* TOAST */
  .toast-container { position:fixed; top:80px; right:20px; z-index:9999; display:flex; flex-direction:column; gap:8px; }
  .toast {
    background:var(--card); border-radius:10px; padding:14px 18px;
    font-size:14px; min-width:260px; max-width:320px;
    box-shadow:0 4px 20px rgba(0,0,0,.5);
    animation: slideIn .3s ease;
    display:flex; align-items:center; gap:10px;
    border-left:3px solid var(--neon);
  }
  .toast.error { border-color:var(--lose); }
  .toast.warn { border-color:var(--warn); }
  .toast.info { border-color:var(--neon2); }

  /* RESULT WINNER BANNER */
  .win-banner {
    background: linear-gradient(135deg, rgba(0,255,136,.15), rgba(0,212,255,.1));
    border:1px solid var(--neon); border-radius:16px; padding:20px;
    text-align:center; margin-bottom:20px;
    animation: winFlash 2s infinite;
  }
  .win-banner h2 { font-size:24px; color:var(--neon); font-weight:900; }
  .win-banner p { color:var(--muted); font-size:13px; }
  .win-amount { font-size:32px; font-weight:900; color:var(--gold); }

  /* NO ROUND */
  .no-round {
    text-align:center; padding:60px 20px; color:var(--muted);
  }
  .no-round .icon { font-size:60px; margin-bottom:16px; animation:float 3s infinite; }
  .no-round h3 { font-size:20px; color:var(--text); margin-bottom:8px; }

  /* LOADING */
  .loader {
    width:40px; height:40px; border:3px solid var(--border);
    border-top-color:var(--neon); border-radius:50%;
    animation:spin 1s linear infinite; margin:40px auto;
  }

  /* HISTORY NUMBER BALL */
  .num-ball {
    width:40px; height:40px; border-radius:50%;
    display:inline-flex; align-items:center; justify-content:center;
    font-weight:900; font-size:15px;
    background: linear-gradient(135deg, var(--card2), var(--bg2));
    border:2px solid var(--neon); color:var(--neon);
  }
  .num-ball.double { border-color:var(--warn); color:var(--warn); }



  /* PROFILE DROPDOWN */
  .dropdown {
    position:relative;
  }
  .dropdown-menu {
    position:absolute; right:0; top:calc(100% + 8px);
    background:var(--card); border:1px solid var(--border);
    border-radius:12px; padding:8px; min-width:180px;
    box-shadow:0 8px 30px rgba(0,0,0,.5);
    display:none; z-index:200;
    animation: slideIn .2s ease;
  }
  .dropdown-menu.open { display:block; }
  .dropdown-item {
    padding:9px 14px; border-radius:8px; cursor:pointer;
    font-size:14px; display:flex; align-items:center; gap:8px;
    transition:all .15s; color:var(--text);
  }
  .dropdown-item:hover { background:var(--bg2); color:var(--neon); }

  .shimmer {
    background: linear-gradient(90deg, var(--card) 25%, var(--card2) 50%, var(--card) 75%);
    background-size:200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius:8px; height:40px;
  }

  .section-header {
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:16px;
  }
  .section-header h2 { font-size:18px; font-weight:800; }

  .empty-state { text-align:center; padding:40px; color:var(--muted); font-size:14px; }

  .tx-amount-pos { color:var(--neon); font-weight:700; }
  .tx-amount-neg { color:var(--lose); font-weight:700; }

  .pulse-ring {
    display:inline-block; width:10px; height:10px; border-radius:50%;
    animation:pulse 1s infinite;
  }

  @media(max-width:480px) {
    .header { padding:10px 14px; }
    .header-logo { font-size:16px; }
    .balance-chip { padding:5px 10px; font-size:12px; }
    .number-grid { grid-template-columns:repeat(10,1fr); gap:4px; }
    .num-cell { font-size:11px; border-radius:6px; }
    .view { padding:12px; }
    .result-number { font-size:60px; }
  }
  .num-cell {
  flex-direction: column;
  gap: 2px;
  position: relative;
}

.num-amount {
  font-size: 5px;
  font-weight: 700;
  color: var(--gold);
}

.amt-btn{ padding:10px 14px; border-radius:8px; border:1px solid #444; background:#1a1a1a; color:white; cursor:pointer; }
.amt-btn:hover{ border-color:var(--neon); }
.round-timer-box{
  margin-top:15px;
  padding:18px;
  border-radius:16px;
  text-align:center;
  background:linear-gradient(145deg,#111827,#0f172a);
  border:1px solid rgba(255,255,255,0.06);
}

.timer-label{
  font-size:12px;
  color:var(--muted);
  margin-bottom:10px;
  letter-spacing:1px;
}

.round-timer{
  font-size:40px;
  font-weight:900;
  color:var(--neon);
  line-height:1;
  transition:0.2s;
  text-shadow:0 0 20px rgba(0,255,136,0.35);
}

.round-timer.danger{
  color:#ff4444;
  animation:pulse 1s infinite;
  text-shadow:0 0 20px rgba(255,68,68,0.5);
}

.timer-bar{
  width:100%;
  height:8px;
  background:#1f2937;
  border-radius:20px;
  overflow:hidden;
  margin-top:16px;
}

#timerProgress{
  height:100%;
  width:100%;
  background:linear-gradient(90deg,#00ff88,#00d4ff);
  transition:width 1s linear;
}

@keyframes pulse{
  0%{transform:scale(1)}
  50%{transform:scale(1.06)}
  100%{transform:scale(1)}
}
@keyframes winGlow {
  0% { text-shadow: 0 0 5px #00ff88; transform: scale(1); }
  50% { text-shadow: 0 0 25px #00ff88, 0 0 40px #00ff88; transform: scale(1.08); }
  100% { text-shadow: 0 0 5px #00ff88; transform: scale(1); }
}

@keyframes lossGlow {
  0% { text-shadow: 0 0 5px #ff4d4d; transform: scale(1); }
  50% { text-shadow: 0 0 25px #ff4d4d, 0 0 40px #ff4d4d; transform: scale(1.08); }
  100% { text-shadow: 0 0 5px #ff4d4d; transform: scale(1); }
}

@keyframes profitPulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.05); box-shadow: 0 0 20px rgba(0,255,136,0.4); }
  100% { transform: scale(1); }
}

.win-anim {
  animation: winGlow 0.8s ease-in-out 2;
}

.loss-anim {
  animation: lossGlow 0.8s ease-in-out 2;
}

.profit-pulse {
  animation: profitPulse 1s ease-in-out infinite;
}