header{background-color:#2c3e50;color:#fff;padding:1rem 0;text-align:center}header h1{margin-bottom:1rem;font-size:2.5rem;font-weight:700;color:#3498db;text-shadow:1px 1px 2px rgba(0,0,0,.5)}nav ul{display:flex;justify-content:center;list-style:none}nav ul li{margin:0 1rem}nav ul li a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}nav ul li a:hover,nav ul li a.active{background-color:#3498db}@media (max-width: 768px){header h1{font-size:2rem}nav ul{flex-direction:column}nav ul li{margin:.5rem 0}}footer{background-color:#2c3e50;color:#fff;text-align:center;padding:1rem 0;margin-top:2rem}footer p{font-size:.9rem}.game-cards{margin-top:2rem}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.game-preview{border:1px solid #eaeaea}.play-button{font-weight:700;letter-spacing:.5px}.game-page{max-width:800px;margin:0 auto;padding:1rem}.game-page h2{text-align:center;margin-bottom:1.5rem;color:#2c3e50}.game-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;margin-bottom:2rem}.game-info{display:flex;justify-content:space-between;margin-bottom:1rem;font-weight:700}#game-canvas-container{display:flex;justify-content:center;margin:1rem 0}.game-controls{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.game-instructions{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1.5rem}.game-instructions h3{color:#2c3e50;margin-bottom:1rem}.game-instructions ul{margin-top:.5rem;padding-left:1.5rem}.game-instructions li{margin-bottom:.5rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f5f5f5;color:#333;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}main{flex:1;max-width:1200px;margin:2rem auto;padding:0 2rem}.game-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;width:100%;max-width:400px;text-align:center;transition:transform .3s}.card:hover{transform:translateY(-5px)}.card h2{color:#2c3e50;margin-bottom:1rem}.game-preview{margin-bottom:1rem;height:200px;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;border-radius:4px;overflow:hidden}.game-preview img{max-width:100%;max-height:100%;object-fit:cover}.card p{margin-bottom:1.5rem}.play-button{display:inline-block;background-color:#3498db;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:700;transition:background-color .3s}.play-button:hover{background-color:#2980b9}.game-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:1.5rem;margin:0 auto;max-width:800px}.game-info{display:flex;justify-content:space-between;margin-bottom:1rem}.game-controls{margin-top:1rem;text-align:center}.btn{background-color:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s}.btn:hover{background-color:#2980b9}@media (max-width: 768px){.game-cards{flex-direction:column;align-items:center}}