@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";*{box-sizing:border-box}body{font-family:Nunito,sans-serif;text-align:center;display:flex;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:20px;background:#1a1a1a;color:#f0f0f0}h1{font-size:2.2rem;font-weight:700;letter-spacing:2px;margin-bottom:16px;color:#fffacd}#contenedor{display:flex;flex-direction:column;align-items:center;gap:14px}#tablero{border:2px solid rgba(255,250,205,.3);border-radius:8px;margin:0 auto;width:fit-content;box-shadow:0 0 24px #fffacd26,inset 0 0 12px #0006;overflow:hidden}.box{border:1px solid rgba(255,255,255,.08);background-color:#ffffff0d;color:#f0f0f0;font-weight:700;font-size:.75rem;cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;justify-content:center}.box:hover{background-color:#fffacd26}#opciones{display:flex;justify-content:center;gap:16px}.btn{width:110px;padding:8px 0;border:none;border-radius:20px;background:#fffacd;color:#333;font-family:Nunito,sans-serif;font-weight:700;font-size:.9rem;letter-spacing:.5px;cursor:pointer;box-shadow:0 4px 14px #fffacd33;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fffacd59}.btn:active{transform:translateY(0)}#timerContainer{font-size:1.4rem;font-weight:700;color:#fffacd;letter-spacing:2px;margin:0}#leaderboard{margin-top:24px}#leaderboardName{font-size:1rem;font-weight:600;color:#aaa;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px}table{border-collapse:collapse;border-radius:12px;overflow:hidden;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0006}table th{background:#fffacd26;color:#fffacd;font-weight:700;font-size:.8rem;letter-spacing:1px;text-transform:uppercase;padding:10px 20px}table td{padding:8px 20px;color:#f0f0f0;border-bottom:1px solid rgba(255,255,255,.08);font-size:.9rem}table tbody tr:last-child td{border-bottom:none}table tbody tr:hover td{background:#fffacd0d}table tbody tr:first-child td{color:#fffacd;font-weight:700}.hearts-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.falling-heart{position:absolute;font-size:60px;animation:fall 2s linear forwards;opacity:1}@keyframes fall{0%{transform:translateY(-100px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}