/* body {
            background-color: #0b1326;
            color: #dae2fd;
        } */
        .glass-card {
            background: rgba(21, 25, 52, 0.7);
            backdrop-filter: blur(12px);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-left: 1px solid rgba(255, 255, 255, 0.05);
            box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
        }
        .neon-glow {
            box-shadow: 0 0 15px rgba(221, 183, 255, 0.4);
        }
        .lotto-machine {
            background: radial-gradient(circle at center, #151934 0%, #0b1326 100%);
            border: 2px solid rgba(221, 183, 255, 0.2);
            position: relative;
            overflow: hidden;
        }
        /* .lotto-ball definition removed to prevent conflict with style.css 3D balls */
        .scroll-hide::-webkit-scrollbar {
            display: none;
        }
        @keyframes rotate-slow {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        .animate-machine-core {
            animation: rotate-slow 10s linear infinite;
        }
        .custom-checkbox:checked {
            background-color: #ddb7ff;
            border-color: #ddb7ff;
        }
        .neon-cyan-border {
            border: 1px solid rgba(0, 242, 255, 0.3);
            box-shadow: inset 0 0 10px rgba(0, 242, 255, 0.1);
        }
        .range-slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: #ffdb15;
            cursor: pointer;
            box-shadow: 0 0 10px #ffdb15;
            border: 2px solid white;
        }
        .range-slider::-moz-range-thumb {
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: #ffdb15;
            cursor: pointer;
            box-shadow: 0 0 10px #ffdb15;
            border: 2px solid white;
        }
    

  @keyframes ticker-vertical {
    0% { transform: translateY(0); }
    25% { transform: translateY(-25%); }
    50% { transform: translateY(-50%); }
    75% { transform: translateY(-75%); }
    100% { transform: translateY(-100%); }
  }
  .ticker-container {
    height: 128px;
    overflow: hidden;
    position: relative;
  }
  .ticker-wrapper {
    display: flex;
    flex-direction: column;
    animation: ticker-vertical 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  }
  .ticker-item {
    height: 20px; /* One line height equivalent */
    display: flex;
    align-items: center;
    margin-bottom: 0.75rem;
  }