body{
margin:0;min-height:100vh;display:flex;justify-content:center;align-items:center;
background:linear-gradient(135deg,#050816,#0f172a);font-family:Arial,sans-serif;color:white;
}
.glass{
backdrop-filter:blur(14px);background:rgba(255,255,255,.08);
padding:25px;border-radius:24px;text-align:center;width:min(92vw,700px);
box-shadow:0 0 40px rgba(0,255,255,.15);
}
#level-title{font-size:2.2rem}
.stats{display:flex;justify-content:space-around;margin:15px 0;font-weight:bold}
#startBtn{
padding:12px 24px;border:none;border-radius:30px;cursor:pointer;font-size:1rem;
margin-bottom:20px;
}
.container{
display:grid;grid-template-columns:repeat(2,1fr);gap:18px;
}
.btn{
aspect-ratio:1;border-radius:24px;cursor:pointer;transition:.2s;
}
.btn:hover{transform:scale(1.03)}
.green{background:#00ff88;box-shadow:0 0 25px #00ff88}
.red{background:#ff3366;box-shadow:0 0 25px #ff3366}
.yellow{background:#ffd400;box-shadow:0 0 25px #ffd400}
.blue{background:#33a1ff;box-shadow:0 0 25px #33a1ff}
.pressed{transform:scale(.92);filter:brightness(1.7)}
.game-over{animation:shake .25s 2}
@keyframes shake{
25%{transform:translateX(-4px)}75%{transform:translateX(4px)}
}
@media(max-width:600px){
#level-title{font-size:1.6rem}
}