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}#game-canvas-container{display:flex;justify-content:center;margin:10px 0}#game-canvas{background-color:#111;border-radius:8px;box-shadow:0 4px 8px #0003}#game-board{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px;background-color:#bbada0;border-radius:6px;padding:10px;width:100%;aspect-ratio:1/1;max-width:400px;margin:0 auto;position:relative}.cell{background-color:#cdc1b4;border-radius:4px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:transform .15s ease}.tile{width:100%;height:100%;border-radius:4px;font-size:24px;font-weight:700;display:flex;justify-content:center;align-items:center;transition:all .15s ease}.tile-2{background-color:#eee4da;color:#776e65}.tile-4{background-color:#ede0c8;color:#776e65}.tile-8{background-color:#f2b179;color:#f9f6f2}.tile-16{background-color:#f59563;color:#f9f6f2}.tile-32{background-color:#f67c5f;color:#f9f6f2}.tile-64{background-color:#f65e3b;color:#f9f6f2}.tile-128{background-color:#edcf72;color:#f9f6f2;font-size:20px}.tile-256{background-color:#edcc61;color:#f9f6f2;font-size:20px}.tile-512{background-color:#edc850;color:#f9f6f2;font-size:20px}.tile-1024{background-color:#edc53f;color:#f9f6f2;font-size:16px}.tile-2048{background-color:#edc22e;color:#f9f6f2;font-size:16px}#minesweeper-board{display:grid;grid-template-columns:repeat(var(--cols, 10),30px);grid-template-rows:repeat(var(--rows, 10),30px);gap:1px;background-color:#bdbdbd;border:3px solid #7b7b7b;border-radius:4px;margin:0 auto;max-width:100%;overflow:auto}#minesweeper-board .cell{width:30px;height:30px;background-color:silver;border:2px solid;border-color:#fff #7b7b7b #7b7b7b #fff;display:flex;justify-content:center;align-items:center;font-weight:700;-webkit-user-select:none;user-select:none;cursor:pointer}#minesweeper-board .cell.revealed{border-color:#7b7b7b;background-color:#d5d5d5}#minesweeper-board .cell.flagged:after{content:"🚩";font-size:18px}#minesweeper-board .cell.mine{background-color:red}#minesweeper-board .cell.mine:after{content:"💣";font-size:18px}#minesweeper-board .cell[data-value="1"]{color:#00f}#minesweeper-board .cell[data-value="2"]{color:green}#minesweeper-board .cell[data-value="3"]{color:red}#minesweeper-board .cell[data-value="4"]{color:#00008b}#minesweeper-board .cell[data-value="5"]{color:brown}#minesweeper-board .cell[data-value="6"]{color:teal}#minesweeper-board .cell[data-value="7"]{color:#000}#minesweeper-board .cell[data-value="8"]{color:gray}*{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}}