body { background: #fdf6e3; font-family: "Comic Sans MS", cursive; }
    .hero { background: linear-gradient(135deg, #ffecb3, #ffe0b2); padding: 10px 10px; border-radius: 15px; }
    .game-card { transition: transform 0.2s; border-radius: 20px; overflow: hidden; }
    .game-card:hover { transform: scale(1.05); box-shadow: 0 6px 15px rgba(0,0,0,0.15); }
    .ad-placeholder {
      background: #fff3cd; border: 2px dashed #ff9800;
      text-align: center; padding: 20px; margin: 15px 0;
      font-size: 14px; color: #555; border-radius: 10px;
    }
    .filter-btns button.active { background-color: #ff9800 !important; border-color: #ff9800 !important; }

    footer {
      background: #ffcc70;
      padding: 10px 10px;
      margin-top: 10px;
    }
    footer h5 {
      font-weight: bold;
      margin-bottom: 15px;
    }
    footer a {
      text-decoration: none;
      color: #333;
    }
    footer a:hover {
      color: #000;
      text-decoration: underline;
    }
    .footer-bottom {
      text-align: center;
      margin-top: 20px;
      border-top: 1px solid rgba(0,0,0,0.1);
      padding-top: 10px;
    }
     #answers button {
        font-size: 1.1rem;
        padding: 12px;
        border-radius: 30px;
        transition: 0.2s;
      }
      #answers button:hover {
        transform: scale(1.05);
      }