body { 
        background-color: var(--space-dark); 
        color: white;
      }

      .game-card {
        background: #1a1f28;
        border: 1px solid rgba(255, 140, 66, 0.1);
        border-radius: 20px;
        transition: all 0.4s ease;
        overflow: hidden;
        height: 100%;
      }

      .game-card:hover {
        transform: translateY(-15px) scale(1.02);
        box-shadow: 0 0 25px rgba(255, 140, 66, 0.3);
        border-color: var(--venus-orange);
      }

      .game-icon {
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(45deg, #0b0e14, #1a1f28);
        font-size: 5rem;
        color: var(--venus-orange);
      }

      .game-card:hover .game-icon i {
        filter: drop-shadow(0 0 10px var(--venus-orange));
        transform: rotate(10deg);
        transition: 0.3s;
      }

      .btn-play {
        background-color: var(--venus-orange);
        color: white;
        font-weight: 800;
        border: none;
        padding: 12px;
        border-radius: 10px;
        width: 100%;
        transition: 0.3s;
      }

      .btn-play:hover {
        background-color: #e67e35;
        color: white;
        box-shadow: 0 5px 15px rgba(255, 140, 66, 0.4);
      }

      .btn-play-link {
        color: var(--space-dark);
      }

      .coming-soon-card {
        cursor: not-allowed;
      }

      #arcade-section {
        position: relative;
        background-color: #0b0e14;
        overflow: hidden;
        padding: 60px 0 100px 0; /* Üstten boşluğu biraz azalttık */
        min-height: calc(100vh - 70px); /* Ekranın kalanını kaplaması için */
      }

      /* Arka planda süzülen kareler için */
      #arcade-section::before {
        content: "■";
        position: absolute;
        color: var(--venus-orange);
        opacity: 0.05;
        font-size: 20px;
        animation: float 10s infinite linear;
      }

      #arcade-section::after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), 
                    linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
        background-size: 100% 4px, 3px 100%;
        pointer-events: none;
        z-index: 3;
        opacity: 0.1;
      }

      /* Izgara Efekti */
      .grid-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: 
          linear-gradient(0deg, transparent 24%, rgba(255, 140, 66, .05) 25%, rgba(255, 140, 66, .05) 26%, transparent 27%, transparent 74%, rgba(255, 140, 66, .05) 75%, rgba(255, 140, 66, .05) 76%, transparent 77%, transparent),
          linear-gradient(90deg, transparent 24%, rgba(255, 140, 66, .05) 25%, rgba(255, 140, 66, .05) 26%, transparent 27%, transparent 74%, rgba(255, 140, 66, .05) 75%, rgba(255, 140, 66, .05) 76%, transparent 77%, transparent);
        background-size: 50px 50px;
        z-index: 1;
        transform: perspective(500px) rotateX(60deg);
        transform-origin: center top;
        animation: grid-move 20s linear infinite;
      }

      /* Izgaranın aşağı doğru akma animasyonu */
      @keyframes grid-move {
        from { background-position: 0 0; }
        to { background-position: 0 100%; }
      }

      /* İçeriği öne al */
      #arcade-section .container {
        position: relative;
        z-index: 2;
      }

      @keyframes float {
        from { transform: translateY(100vh) rotate(0deg); }
        to { transform: translateY(-100vh) rotate(360deg); }
      }

      .opacity-50:hover {
        opacity: 0.8 !important;
        animation: glitch 0.2s infinite;
      }

      @keyframes glitch {
        0% { transform: translate(0); }
        20% { transform: translate(-2px, 2px); }
        40% { transform: translate(-2px, -2px); }
        60% { transform: translate(2px, 2px); }
        80% { transform: translate(2px, -2px); }
        100% { transform: translate(0); }
      }