body { background-color: #050a05; color: #00ff00; font-family: 'Courier New', monospace; margin: 0; padding: 20px; display: flex; justify-content: center; }

.window { background-color: #000; border: 2px solid #00ff00; width: 98%; max-width: 1400px; padding: 10px; box-shadow: 0 0 15px rgba(0, 255, 0, 0.2); }

.title-bar { background-color: #4b0082; color: #ffffff; padding: 10px; font-weight: bold; text-transform: uppercase; display: flex; justify-content: space-between; margin-bottom: 25px; border-bottom: 2px solid #8a2be2; }

#oyun-alani { display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; padding: 20px; }

.kart { width: 130px; height: 180px; background-color: #050505; border: 1px solid #00ff00; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #00ff00; font-size: 13px; text-align: center; transition: all 0.3s; }

.kart:hover { background-color: #2e003e; border-color: #8a2be2; color: #fff; }