body {
      font-family: 'Outfit', sans-serif;
      background: #08090e;
      margin: 0;
      min-height: 100vh;
    }
    .font-display { font-family: 'Rajdhani', sans-serif; }
    
    /* Glass card effect */
    .glass {
      background: rgba(255,255,255,0.03);
      border: 1px solid rgba(255,255,255,0.06);
      backdrop-filter: blur(12px);
    }
    .glass-strong {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.1);
      backdrop-filter: blur(16px);
    }
    
    /* Keno board cell */
    .keno-cell {
      transition: all 0.15s ease;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(255,255,255,0.08);
      cursor: pointer;
      font-family: 'Rajdhani', sans-serif;
      font-weight: 600;
      font-size: 1.5rem;
      min-width: 44px;
      min-height: 44px;
    }
    .keno-cell:hover { background: rgba(255,255,255,0.1); border-color: rgba(255,255,255,0.2); }
    .keno-cell.selected { background: rgba(147,51,234,0.4); border-color: #9333ea; color: #e9d5ff; box-shadow: 0 0 12px rgba(147,51,234,0.3); }
    .keno-cell.drawn { background: rgba(239,68,68,0.15); border-color: rgba(239,68,68,0.4); color: #fca5a5; }
    .keno-cell.matched { background: rgba(34,197,94,0.35); border-color: #22c55e; color: #bbf7d0; box-shadow: 0 0 12px rgba(34,197,94,0.4); animation: matchPulse 0.5s ease; }
    .keno-cell.mystery-hit { position: relative; }
    .keno-cell.mystery-hit::after { content: ''; position: absolute; }
    
    @keyframes matchPulse {
      0% { transform: scale(1); }
      50% { transform: scale(1.15); }
      100% { transform: scale(1); }
    }
    
    /* Jackpot glow */
    .jackpot-glow {
      text-shadow: 0 0 20px rgba(234,179,8,0.6), 0 0 40px rgba(234,179,8,0.3);
    }
    
    /* Gradient text */
    .text-gradient {
      background: linear-gradient(135deg, #a855f7, #6366f1);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    
    /* Nav item */
    .nav-item {
      transition: all 0.2s ease;
      border-bottom: 2px solid transparent;
    }
    .nav-item:hover { border-color: rgba(147,51,234,0.5); }
    .nav-item.active { border-color: #9333ea; }
    
    /* Scrollbar */
    ::-webkit-scrollbar { width: 4px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 4px; }
    
    /* Countdown ring */
    .countdown-ring {
      animation: countdown-spin 15s linear infinite;
    }
    @keyframes countdown-spin {
      0% { stroke-dashoffset: 0; }
      100% { stroke-dashoffset: 188; }
    }
    
    /* Play button gradient */
    .play-btn {
      background: linear-gradient(135deg, #7c3aed, #4f46e5);
      transition: all 0.2s ease;
    }
    .play-btn:hover:not(:disabled) { background: linear-gradient(135deg, #8b5cf6, #6366f1); transform: translateY(-1px); box-shadow: 0 4px 20px rgba(124,58,237,0.4); }
    .play-btn:disabled { opacity: 0.4; cursor: not-allowed; }
    
    /* Subtle grid pattern background */
    .bg-pattern {
      background-image: 
        linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);
      background-size: 40px 40px;
    }