*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
body{background: radial-gradient(#1e1e3f,#000022);overflow-x:hidden;color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px;position:relative;}
body::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;box-shadow:50vw 10vh 2px 1px white,20vw 70vh 2px 1px white,80vw 50vh 2px 1px white,30vw 30vh 2px 1px white,70vw 20vh 2px 1px white;animation:twinkle 2s infinite alternate;z-index:0;}
@keyframes twinkle{0%{opacity:0.2;}100%{opacity:1;}}
h1{margin-top:20px;font-size:3rem;text-align:center;text-shadow:2px 2px 5px rgba(0,0,0,0.5);}
p{text-align:center;margin-bottom:30px;font-size:1.2rem;color:#dcdcdc;}
.games-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;width:100%;max-width:1000px;z-index:1;}
.game-card{background: rgba(255,255,255,0.1);border-radius:15px;padding:20px;text-align:center;transition:transform 0.3s,background 0.3s;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,0.2);}
.game-card:hover{transform:translateY(-5px);background: rgba(255,255,255,0.2);}
.game-card img{width:80px;height:80px;margin-bottom:15px;}
.game-card h2{font-size:1.3rem;margin-bottom:10px;}
.game-card p{font-size:0.9rem;color:#e0e0e0;}
footer{margin-top:40px;font-size:0.9rem;color:#cccccc;z-index:1;}
.game-area{margin-top:30px;width:100%;max-width:600px;background: rgba(255,255,255,0.1);padding:20px;border-radius:15px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.2);z-index:1;position:relative;}
input[type="number"]{padding:5px 10px;font-size:1rem;border-radius:5px;border:none;margin-right:10px;}
button{padding:8px 15px;font-size:1rem;border-radius:5px;border:none;background:#fff;color:#000dff;cursor:pointer;transition:background 0.2s;}
button:hover{background:#e0e0e0;}
.memory-board{display:grid;grid-template-columns:repeat(4,70px);grid-gap:10px;justify-content:center;margin-bottom:15px;}
.memory-card{width:70px;height:70px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;border-radius:5px;}
.mines-board{display:grid;grid-template-columns:repeat(5,50px);grid-gap:5px;justify-content:center;margin-bottom:15px;}
.mine-cell{width:50px;height:50px;background:#ccc;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;border-radius:5px;}
.quiz-options{display:flex;flex-direction:column;gap:10px;margin:15px 0;}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:none;align-items:center;justify-content:center;z-index:999;}
.overlay-content{background:#fff;color:#000dff;padding:30px;border-radius:15px;text-align:center;min-width:300px;}
.overlay-content h2{margin-bottom:15px;font-size:1.8rem;}
.overlay-content p{margin-bottom:20px;font-size:1.2rem;}
.overlay-content button{background:#000dff;color:#fff;}
.overlay-content button:hover{background:#3333ff;}
#particles-js {position: fixed;width: 100%;height: 100%;z-index: -1;top: 0;left: 0;}