:root { --neon: #00f2ff; --fire: #ff4500; --green: #2ecc71; --dark: #05050b; }
body { margin: 0; background: var(--dark); color: #fff; font-family: 'Rajdhani', sans-serif; overflow: hidden; }

/* Fire Background */
.fire-background {
    position: fixed; inset: 0; z-index: -2;
    background-image: url('https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExOHMzdG5pM2NqZXRyYXpxZ3R5Z3R6Z3R5Z3R5Z3R5Z3R5Z3R5Z3R5JmVwPXYxX2ludGVybmFsX2dpZl9ieV9pZCZjdD1n/3o7TKMGpxx7y95E5wI/giphy.gif');
    background-size: cover; background-position: center; opacity: 0.55;
}
.overlay-gradient { position: fixed; inset: 0; z-index: -1; background: radial-gradient(circle, transparent, var(--dark) 90%); }

.screen-fullscreen { position: fixed; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 100; }

/* Reward Cards */
.reward-item { background: rgba(0,0,0,0.75); border: 1px solid rgba(255, 69, 0, 0.3); border-radius: 15px; padding: 15px; text-align: center; backdrop-filter: blur(5px); }
.reward-item:hover { border-color: var(--fire); box-shadow: 0 0 20px var(--fire); transform: translateY(-5px); transition: 0.3s; }
.reward-item img { width: 85px; pointer-events: none; filter: drop-shadow(0 5px 10px #000); }

.claim-btn { background: var(--fire); color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; font-family: 'Orbitron'; font-weight: bold; margin-top: 10px; }

/* Final Green Button */
.robot-btn {
    background: linear-gradient(#2ecc71, #27ae60); border: 1px solid #1e8449; padding: 15px 40px;
    border-radius: 8px; color: white; font-family: 'Orbitron'; font-size: 20px; cursor: pointer;
    display: flex; align-items: center; box-shadow: 0 0 20px rgba(46, 204, 113, 0.4);
}
.robot-btn:hover { transform: scale(1.05); box-shadow: 0 0 35px var(--green); }
.check-icon { font-size: 24px; margin-right: 15px; }

/* Input Card */
.luxury-terminal { background: rgba(13, 13, 27, 0.9); border: 2px solid var(--neon); padding: 40px; border-radius: 20px; text-align: center; width: 320px; box-shadow: 0 0 30px rgba(0, 242, 255, 0.2); }
#rbx-user { width: 100%; background: transparent; border: none; border-bottom: 2px solid #444; color: var(--neon); font-size: 18px; text-align: center; padding: 10px; outline: none; font-family: 'Orbitron'; }
