*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#0f0f1a 0,#1a0a2e 100%);min-height:100vh;color:#333}header{background:rgba(0,0,0,.95);color:#fff;padding:1.5rem 2rem;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,.5)}.header-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.site-logo{width:150px;height:150px;border-radius:8px}header h1{font-size:2.5rem;margin-bottom:.25rem;letter-spacing:2px}.tagline{font-size:1.1rem;opacity:.9;font-style:italic}nav{background:rgba(0,0,0,.9);padding:1rem}nav ul{list-style:none;display:flex;justify-content:center;gap:2rem}nav a{color:#fff;text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:4px;transition:background .3s}nav a.active,nav a:hover{background:#e53935}.main-layout{display:grid;grid-template-columns:auto minmax(500px,1400px) auto;gap:1rem;max-width:1800px;margin:1.5rem auto;padding:0 1rem}.sidebar{display:flex;justify-content:center;align-items:flex-start}.ad-space{background:#fff;border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;width:300px;min-height:600px;display:flex;flex-direction:column;justify-content:center;color:#999;box-shadow:0 4px 10px rgba(0,0,0,.1)}.ad-space p{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.main-content{background:#fff;border-radius:10px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.3)}.games-section h2{font-size:2rem;margin-bottom:2rem;color:#333;text-align:center}.about-page .games-section h2{color:#f0f0f0}.game-selector{display:flex;gap:.4rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center;border-bottom:2px solid #eee;padding-bottom:1rem}.game-btn{background:#f0f0f0;border:1px solid #ddd;padding:.3rem .5rem;border-radius:4px;cursor:pointer;font-weight:600;transition:.3s;display:flex;align-items:center;gap:.2rem;font-size:.75rem}.game-btn .game-icon{font-size:.9rem}.game-btn:hover{background:#e0e0e0;border-color:#e53935;transform:translateY(-2px)}.game-btn.active{background:#e53935;color:#fff;border-color:#e53935;box-shadow:0 2px 8px rgba(229,57,53,.4)}.game-content{position:relative}.game-panel{display:none;animation:.3s ease-in fadeIn}.game-panel.active{display:block}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.game-panel h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333}.minesweeper-controls,.snake-controls,.sudoku-controls,.tictactoe-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center}.minesweeper-controls label,.snake-controls p{font-weight:600;display:flex;align-items:center;gap:.5rem}.minesweeper-controls select{padding:.6rem;border:1px solid #ddd;border-radius:4px;cursor:pointer}.btn{padding:.75rem 1.5rem;border:none;border-radius:5px;cursor:pointer;font-weight:600;font-size:1rem;transition:.3s}.btn-primary{background:#e53935;color:#fff}.btn-primary:hover{background:#c62828;transform:translateY(-2px);box-shadow:0 4px 12px rgba(229,57,53,.4)}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover{background:#d0d0d0;transform:translateY(-2px)}.btn-danger{background:#f44336;color:#fff}.btn-danger:hover{background:#da190b;transform:translateY(-2px)}.sudoku-board{display:grid;grid-template-columns:repeat(9,1fr);gap:0;margin:0 auto 1.5rem;background:#000;padding:1px;max-width:400px;border:3px solid #000;box-shadow:0 4px 15px rgba(0,0,0,.2)}.sudoku-cell{width:40px;height:40px;text-align:center;font-size:1rem;font-weight:600;border:1px solid #999;padding:0;background:#fff;cursor:pointer;color:#333}.sudoku-cell.original{background:#f5f5f5;color:#000;font-weight:700}.sudoku-cell:focus{outline:0;background:#e3f2fd;border-color:#e53935;box-shadow:inset 0 0 0 2px #e53935}.minesweeper-cell{width:30px;height:30px;min-width:30px;min-height:30px;max-width:30px;max-height:30px;background:#ddd;border:none;box-shadow:inset -1px -1px 0 0 #888,inset 1px 1px 0 0 #fff;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:.8rem;user-select:none}.minesweeper-cell:hover:not(.revealed){background:#eee}.minesweeper-cell.revealed{background:#999;border:none;box-shadow:inset 1px 1px 0 0 #666,inset -1px -1px 0 0 #aaa;color:#fff}.minesweeper-cell.mine{background:#f44336;color:#fff}.minesweeper-cell.flagged::before{content:'🚩'}.tictactoe-board{display:grid;grid-template-columns:repeat(3,100px);gap:5px;margin:0 auto 1.5rem;background:#333;padding:5px;border-radius:4px}.tictactoe-cell{width:100px;height:100px;background:#fff;border:none;font-size:2.5rem;font-weight:700;cursor:pointer;border-radius:4px;transition:.2s}.tictactoe-cell:hover{background:#f0f0f0}.tictactoe-cell:disabled{cursor:default}.connect4-board{display:grid;grid-template-columns:repeat(7,50px);gap:5px;margin:0 auto 1.5rem;background:#06c;padding:10px;border-radius:8px}.connect4-cell{width:50px;height:50px;border:2px solid #333;border-radius:50%;cursor:pointer;transition:.2s}.connect4-cell:hover{transform:translateY(-3px)}.connect4-cell:disabled{cursor:default}.board-2048{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:300px;margin:0 auto 1.5rem;background:#bbada0;padding:10px;border-radius:6px}.cell-2048{background:#cdc1b4;border-radius:3px;padding:20px;text-align:center;font-weight:700;color:#776e65;min-height:60px;display:flex;align-items:center;justify-content:center}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:400px;margin:0 auto 1.5rem}.memory-card{aspect-ratio:1;background:#e53935;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:2rem;font-weight:700;transition:.2s}.memory-card:hover:not(:disabled){transform:scale(1.05);background:#c62828}.memory-card:disabled{background:#f0f0f0;cursor:default}.hangman-display{text-align:center;margin-bottom:2rem}.hangman-keyboard{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:500px;margin:0 auto 1.5rem}.hangman-key{padding:8px;background:#e0e0e0;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:.2s}.hangman-key:hover{background:#e53935;color:#fff}.hangman-key:disabled{background:#ccc;cursor:default;color:#999}.simon-board{display:grid;grid-template-columns:repeat(2,100px);gap:10px;margin:0 auto 1.5rem;background:#333;padding:20px;border-radius:50%;width:fit-content}.simon-btn{width:100px;height:100px;border:none;border-radius:10px;cursor:pointer;transition:.2s}.simon-btn:hover{opacity:.8}.blackjack-display{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem auto;max-width:600px}.blackjack-hand{background:#f5f5f5;padding:1.5rem;border-radius:8px;text-align:center}.blackjack-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.snake-controls{justify-content:center}#snake-canvas{display:block;margin:0 auto 1rem;background:#000;border:3px solid #333;border-radius:4px;max-width:100%;height:auto}.game-instructions{text-align:center;color:#666;font-size:.9rem;margin-top:1rem}.game-message{text-align:center;padding:1rem;margin-top:1rem;background:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:5px;display:none;font-weight:600}.bubblepop-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center;justify-content:center}.bubblepop-controls p{font-weight:600;display:flex;align-items:center;gap:.5rem}#bubblepop-canvas{display:block;margin:0 auto 1rem;background:#1a1a2e;border:3px solid #333;border-radius:4px;max-width:100%;height:auto}.blockdrop-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center;justify-content:center}.blockdrop-controls p{font-weight:600;display:flex;align-items:center;gap:.5rem}#blockdrop-canvas{display:block;margin:0 auto 1rem;background:#000;border:3px solid #333;border-radius:4px;max-width:100%;height:auto}.gemswap-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;align-items:center;justify-content:center}.gemswap-controls p{font-weight:600;display:flex;align-items:center;gap:.5rem}.gemswap-board{display:grid;grid-template-columns:repeat(8,50px);gap:4px;max-width:424px;margin:0 auto 1.5rem;background:#333;padding:10px;border-radius:8px}.gemswap-cell{width:50px;height:50px;border:none;border-radius:8px;cursor:pointer;font-size:2rem;display:flex;align-items:center;justify-content:center;transition:.3s,transform .2s;background:#fff;opacity:1}.gemswap-cell:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(255,255,255,.5)}.gemswap-cell.selected{border:3px solid gold;transform:scale(1.05)}.gemswap-cell.matching{animation:.3s ease-in-out gemPulse}@keyframes gemPulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}100%{transform:scale(.8);opacity:0}}.towerdefense-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.towerdefense-controls p{font-weight:600;display:flex;align-items:center;gap:.5rem}.towerdefense-tower-select{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.tower-select-btn{background:#f0f0f0;border:2px solid #ddd;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s;display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:80px}.tower-select-btn:hover{background:#e0e0e0;border-color:#e53935;transform:translateY(-2px)}.tower-select-btn.selected{background:#e53935;color:#fff;border-color:#e53935}.tower-cost{font-size:.85rem;color:gold;font-weight:700}.tower-select-btn.selected .tower-cost{color:#fff}#towerdefense-canvas{display:block;margin:0 auto 1rem;background:#2d5016;border:3px solid #333;border-radius:4px;max-width:100%;height:auto;cursor:crosshair}.heroshooter-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.heroshooter-controls p{font-weight:600;display:flex;align-items:center;gap:.5rem}#heroshooter-canvas{display:block;margin:0 auto 1rem;background:#1a1a2e;border:3px solid #333;border-radius:4px;max-width:100%;height:auto}.slidepuzzle-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.slidepuzzle-controls p{font-weight:600}#slidepuzzle-canvas{display:block;margin:0 auto 1rem;background:#1a1a2e;border:3px solid #333;border-radius:8px;max-width:100%;height:auto;cursor:pointer}.solitaire-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}#solitaire-canvas{display:block;margin:0 auto 1rem;background:#1a6b3c;border:3px solid #333;border-radius:8px;max-width:100%;height:auto;cursor:pointer}.battleship-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.battleship-controls p{font-weight:600}#battleship-canvas{display:block;margin:0 auto 1rem;background:#0a1a3a;border:3px solid #333;border-radius:4px;max-width:100%;height:auto;cursor:crosshair}.endlessrunner-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.endlessrunner-controls p{font-weight:600}#endlessrunner-canvas{display:block;margin:0 auto 1rem;background:#87ceeb;border:3px solid #333;border-radius:4px;max-width:100%;height:auto}.wordhunch-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.wordhunch-controls p{font-weight:600}#wordhunch-canvas{display:block;margin:0 auto 1rem;background:#121213;border:3px solid #333;border-radius:4px;max-width:100%;height:auto}.skyhop-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.skyhop-controls p{font-weight:600}#skyhop-canvas{display:block;margin:0 auto 1rem;background:#70c5ce;border:3px solid #333;border-radius:4px;max-width:100%;height:auto}.crankycats-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.crankycats-controls p{font-weight:600}#crankycats-canvas{display:block;margin:0 auto 1rem;background:#87ceeb;border:3px solid #333;border-radius:4px;max-width:100%;height:auto;cursor:crosshair}.pool-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.pool-controls p{font-weight:600}#pool-canvas{display:block;margin:0 auto 1rem;background:#0a5c2a;border:3px solid #4a2800;border-radius:4px;max-width:100%;height:auto;cursor:crosshair}.dungeon-controls{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center;justify-content:center}.dungeon-controls p{font-weight:600}#dungeon-canvas{display:block;margin:0 auto 1rem;background:#1a1a2e;border:3px solid #333;border-radius:4px;max-width:100%;height:auto}footer{background:rgba(0,0,0,.8);color:#fff;text-align:center;padding:2rem;margin-top:3rem}@media (max-width:1200px){.main-layout{grid-template-columns:1fr}.sidebar{display:none}.game-selector{flex-wrap:nowrap;overflow-x:auto;padding-bottom:1rem}.game-btn{flex-shrink:0}}@media (max-width:768px){header{padding:.75rem}.header-content{gap:.5rem}.site-logo{width:70px;height:70px}header h1{font-size:1.4rem;margin-bottom:.2rem;letter-spacing:1px}.tagline{font-size:.8rem}nav{padding:.4rem}nav ul{gap:1rem}nav a{padding:.3rem .75rem;font-size:.9rem}.main-layout{margin:0;padding:0;gap:0}.main-content{border-radius:0;padding:.5rem;box-shadow:none}.games-section h2{font-size:1.3rem;margin-bottom:.75rem}.game-selector{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem;margin-bottom:.75rem;gap:.3rem;justify-content:flex-start;scrollbar-width:none}.game-selector::-webkit-scrollbar{display:none}.game-btn{flex-shrink:0;padding:.3rem .5rem;font-size:.7rem;white-space:nowrap}.game-btn .game-icon{font-size:.85rem}.game-panel h3{font-size:1.1rem;margin-bottom:.75rem}canvas{max-width:100%!important;height:auto!important}.battleship-controls,.blockdrop-controls,.bubblepop-controls,.crankycats-controls,.dungeon-controls,.endlessrunner-controls,.gemswap-controls,.heroshooter-controls,.minesweeper-controls,.pool-controls,.skyhop-controls,.slidepuzzle-controls,.snake-controls,.solitaire-controls,.sudoku-controls,.tictactoe-controls,.towerdefense-controls,.wordhunch-controls{gap:.4rem;margin-bottom:.5rem}.btn{padding:.5rem 1rem;font-size:.85rem}.sudoku-board{max-width:100%}.sudoku-cell{width:30px;height:30px;font-size:.8rem}.tictactoe-board{grid-template-columns:repeat(3,80px)}.tictactoe-cell{width:80px;height:80px;font-size:2rem}.connect4-board{grid-template-columns:repeat(7,40px);gap:3px;padding:6px}.connect4-cell{width:40px;height:40px}.gemswap-board{grid-template-columns:repeat(8,1fr);max-width:100%}.gemswap-cell{width:auto;height:auto;aspect-ratio:1;font-size:1.5rem}.memory-board{max-width:100%;gap:6px}.memory-card{font-size:1.5rem}.hangman-keyboard{max-width:100%;gap:3px}.blackjack-display{grid-template-columns:1fr;gap:1rem}.game-instructions{font-size:.8rem}footer{padding:1rem;margin-top:1rem;font-size:.85rem}}