*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background:linear-gradient(135deg,#1e1e2f,#12121b);color:#f0f0f0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 20px}#root{width:100%;max-width:600px;background:#292946;border-radius:15px;padding:20px;box-shadow:0 10px 30px #00000080}h1{color:#61dafb;text-align:center;margin-bottom:20px}h2,h3{margin-bottom:10px;text-align:center}.button,button{padding:12px 20px;margin:5px;background:linear-gradient(135deg,#61dafb,#21a1f1);border:none;border-radius:8px;cursor:pointer;color:#1e1e2f;font-weight:700;transition:all .2s ease}.button:hover,button:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d}button.fail{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}button.fail:hover{transform:scale(1.05);box-shadow:0 5px 15px #0000004d}.cards,.shop{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.card,.shop-item{background:#1e1e2f;border-radius:10px;padding:15px;margin:5px;flex:1 1 120px;text-align:center;transition:all .2s ease}.card:hover,.shop-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}.scoreboard{display:flex;justify-content:space-around;background:#1a1a2e;padding:15px;border-radius:10px;margin-bottom:20px}.scoreboard div{font-size:1.2rem;font-weight:700;color:#61dafb}
