Spaces:
Running
Running
| .win-animation { | |
| animation: pulse 0.5s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { transform: scale(1); } | |
| 50% { transform: scale(1.1); } | |
| 100% { transform: scale(1); } | |
| } | |
| .pixel-art { | |
| image-rendering: pixelated; | |
| image-rendering: -moz-crisp-edges; | |
| image-rendering: crisp-edges; | |
| } | |
| .btn-retro { | |
| background-color: #ff6b6b; | |
| border: 4px solid #fff; | |
| box-shadow: 0 4px 0 #ff0000; | |
| color: white; | |
| font-family: 'Press Start 2P', cursive; | |
| transition: all 0.1s; | |
| } | |
| .btn-retro:active { | |
| transform: translateY(4px); | |
| box-shadow: 0 0px 0 #ff0000; | |
| } | |
| .slot-window { | |
| background: rgba(0, 0, 0, 0.7); | |
| border: 8px solid #ffd700; | |
| box-shadow: 0 0 20px #ffd700; | |
| } | |
| .coin-counter { | |
| font-family: 'Press Start 2P', cursive; | |
| text-shadow: 2px 2px 0 #000; | |
| } | |
| .game-over { | |
| animation: pulse 1.5s infinite; | |
| } | |
| .spinner { | |
| border: 8px solid rgba(251, 191, 36, 0.3); | |
| border-top: 8px solid #fbbf24; | |
| border-radius: 50%; | |
| width: 60px; | |
| height: 60px; | |
| animation: spin 1s linear infinite; | |
| margin: 0 auto; | |
| } | |
| @keyframes spin { | |
| 0% { transform: rotate(0deg); } | |
| 100% { transform: rotate(360deg); } | |
| } | |
| @keyframes pulse { | |
| 0% { transform: scale(1); } | |
| 50% { transform: scale(1.05); } | |
| 100% { transform: scale(1); } | |
| } |