*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#333}.header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a}.header h1{color:#fff;font-size:2rem;font-weight:700}.header nav{display:flex;gap:2rem}.header nav a,.nav-button{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s;background:none;border:none;cursor:pointer;font-size:1rem}.header nav a:hover,.nav-button:hover{background-color:#fff3}.container{max-width:1200px;margin:0 auto;padding:2rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.game-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0003;transition:transform .3s,box-shadow .3s}.game-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d}.game-icon{height:200px;background:linear-gradient(45deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center}.game-icon .icon{font-size:4rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.game-info{padding:1.5rem}.game-info h3{font-size:1.5rem;margin-bottom:.5rem;color:#333}.game-info p{color:#666;margin-bottom:1rem;line-height:1.5}.play-button{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;transition:transform .2s}.play-button:hover{transform:scale(1.05)}.reset-button{background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;margin-top:1rem;transition:transform .2s}.reset-button:hover{transform:scale(1.05)}.clear-button{background:linear-gradient(45deg,#ff4757,#ff3742);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;margin-bottom:2rem;transition:transform .2s}.clear-button:hover{transform:scale(1.05)}.scoreboard-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.score-section h3{color:#fff;margin-bottom:1rem;font-size:1.5rem}.scores-list{display:flex;flex-direction:column;gap:1rem}.score-card{background:#ffffffe6;padding:1rem;border-radius:10px;box-shadow:0 4px 6px #0000001a}.score-info h4{color:#333;margin-bottom:.5rem}.game-name{color:#666;font-size:.9rem;margin-bottom:.25rem}.score{font-size:1.2rem;font-weight:700;color:#667eea;margin-bottom:.25rem}.date{color:#999;font-size:.8rem}.win-message,.game-over{color:#ff6b6b;font-weight:700;text-align:center;margin:1rem 0}.game-info{text-align:center;margin-bottom:1rem}.game-info p{color:#fff;font-size:1.1rem;margin:.5rem 0}.stats span{padding:.5rem;background:#fffc;border-radius:5px;margin:0 .25rem}.no-scores{text-align:center;color:#666;font-style:italic;padding:1rem}.memory-game{max-width:600px;margin:0 auto;text-align:center;background:#ffffffe6;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003}.memory-game h2{color:#333;margin-bottom:1rem;font-size:2rem}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:400px;margin:0 auto 1rem}.card{aspect-ratio:1;cursor:pointer;perspective:1000px}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.card-front{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff}.card-back{background:#fff;color:#333;transform:rotateY(180deg);border:2px solid #ddd}.card:hover .card-front{background:linear-gradient(45deg,#5a6fd8,#6a4190)}.snake-game{max-width:500px;margin:0 auto;text-align:center;background:#fffffff2;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003;outline:none;font-family:Arial,sans-serif}.snake-game h2{color:#333;margin-bottom:1rem;font-size:2rem}.game-info{margin-bottom:1rem}.stats{display:flex;justify-content:space-between;font-size:1.2rem;margin-bottom:.5rem}.game-over{color:#ff6b6b;font-size:1.5rem;font-weight:700;margin:1rem 0;animation:shake .5s ease-in-out}.controls{margin-top:1rem}.controls p{color:#666;margin-bottom:1rem;font-style:italic}button{background-color:#4caf50;border:none;color:#fff;padding:.5rem 1rem;margin:.5rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease}button:hover{background-color:#45a049}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.minesweeper{max-width:500px;margin:0 auto;text-align:center;background:#ffffffe6;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003}.minesweeper h2{color:#333;margin-bottom:1rem;font-size:2rem}.stats{display:flex;justify-content:space-around;margin-bottom:1rem;font-weight:700;color:#333}.board{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;max-width:360px;margin:0 auto 1rem;background:#999;padding:5px;border-radius:5px}.row{display:contents}.cell{width:35px;height:35px;background:#ccc;border:2px outset #ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;transition:all .1s}.cell:hover{background:#ddd}.cell.revealed{background:#fff;border:1px inset #999;cursor:default}.cell.mine{background:#ff6b6b;color:#fff}.cell.flagged{background:#ffd93d}.cell.number-1{color:#00f}.cell.number-2{color:green}.cell.number-3{color:red}.cell.number-4{color:purple}.cell.number-5{color:maroon}.cell.number-6{color:teal}.cell.number-7{color:#000}.cell.number-8{color:gray}.win-message{color:#4caf50;font-size:1.2rem;font-weight:700;margin:1rem 0}.lose-message{color:#f44336;font-size:1.2rem;font-weight:700;margin:1rem 0}.dino-jump{max-width:600px;margin:0 auto;text-align:center;background:#ffffffe6;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003}.dino-jump h2{color:#333;margin-bottom:1rem;font-size:2rem}.game-area{position:relative;background:linear-gradient(to bottom,#87ceeb 0% 70%,#8b4513 70% 100%);border:3px solid #333;border-radius:10px;overflow:hidden}.dino{position:absolute;width:40px;height:60px;font-size:2rem;transition:bottom .6s ease-in-out;z-index:2}.dino.jumping{animation:jump .6s ease-in-out}@keyframes jump{0%{bottom:0}50%{bottom:100px}to{bottom:0}}.obstacle{position:absolute;width:30px;height:60px;font-size:1.5rem;z-index:1}.ground{position:absolute;bottom:0;left:0;right:0;height:20px;background:#8b4513}.game-over{color:#f44336;font-size:1.5rem;font-weight:700;margin:1rem 0;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.breakout{max-width:700px;margin:0 auto;text-align:center;background:#ffffffe6;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003}.breakout h2{color:#333;margin-bottom:1rem;font-size:2rem}.game-container{display:flex;justify-content:center;margin:1rem 0}.game-area{position:relative;background:#000;border:3px solid #333;border-radius:10px;overflow:hidden}.brick{position:absolute;width:60px;height:20px;border-radius:3px;box-shadow:inset 0 2px 4px #0000004d}.ball{position:absolute;width:15px;height:15px;background:#fff;border-radius:50%;font-size:.8rem;z-index:2}.paddle{position:absolute;width:100px;height:15px;background:#fff;border-radius:7px;font-size:.8rem;z-index:2}.start-button{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;cursor:pointer;margin:1rem;transition:transform .2s}.start-button:hover{transform:scale(1.05)}.rock-paper-scissors{max-width:600px;margin:0 auto;text-align:center;background:#ffffffe6;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003}.rock-paper-scissors h2{color:#333;margin-bottom:1rem;font-size:2rem}.score-board{display:flex;justify-content:space-around;margin-bottom:1rem;padding:1rem;background:#0000000d;border-radius:10px}.score-value{font-size:1.5rem;font-weight:700}.score-value.wins{color:#4caf50}.score-value.losses{color:#f44336}.score-value.draws{color:#ff9800}.result-message{font-size:1.5rem;font-weight:700;margin:1rem 0;padding:1rem;border-radius:10px;background:#0000000d}.game-area{display:flex;justify-content:space-between;align-items:center;margin:2rem 0;padding:1rem;background:#0000000d;border-radius:10px}.choice-section{flex:1}.choice-section h3{color:#333;margin-bottom:1rem}.choice-display{min-height:120px;display:flex;align-items:center;justify-content:center}.choice-item{display:flex;flex-direction:column;align-items:center}.choice-emoji{font-size:4rem;margin-bottom:.5rem}.choice-name{font-size:1.2rem;font-weight:700;color:#333}.choice-placeholder{font-size:3rem;color:#ccc}.vs-section{flex:0 0 100px;display:flex;align-items:center;justify-content:center}.vs-text{font-size:2rem;font-weight:700;color:#666}.choice-buttons{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.choice-button{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#fff;border:3px solid #ddd;border-radius:15px;cursor:pointer;transition:all .3s;min-width:120px}.choice-button:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 5px 15px #0003}.button-emoji{font-size:3rem;margin-bottom:.5rem}.button-text{font-size:1rem;font-weight:700;color:#333}.game-history{margin-top:2rem;text-align:left}.game-history h3{color:#333;margin-bottom:1rem;text-align:center}.history-list{max-height:200px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-bottom:1px solid #eee}.history-time{font-size:.8rem;color:#666;min-width:80px}.history-game{flex:1;margin:0 1rem;color:#333}.history-result{font-weight:700;padding:.25rem .5rem;border-radius:5px;min-width:30px;text-align:center}.history-result.win{background:#4caf50;color:#fff}.history-result.lose{background:#f44336;color:#fff}.history-result.draw{background:#ff9800;color:#fff}.game-2048{max-width:500px;margin:0 auto;text-align:center;background:#ffffffe6;padding:2rem;border-radius:15px;box-shadow:0 10px 30px #0003}.game-2048 h2{color:#333;margin-bottom:1rem;font-size:2rem}.score-display{display:flex;justify-content:space-around;margin-bottom:1rem;padding:1rem;background:#0000000d;border-radius:10px}.score-item{display:flex;flex-direction:column;align-items:center}.score-label{font-size:.9rem;color:#666;margin-bottom:.25rem}.score-value{font-size:1.5rem;font-weight:700;color:#333}.game-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:400px;margin:0 auto 1rem;background:#bbada0;padding:10px;border-radius:10px}.board-row{display:contents}.tile{width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;border-radius:5px;transition:all .2s}.tile:not(:empty){animation:tileAppear .2s ease-in-out}@keyframes tileAppear{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.win-message{color:#4caf50;font-size:1.5rem;font-weight:700;margin:1rem 0;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.game-over{color:#f44336;font-size:1.5rem;font-weight:700;margin:1rem 0}