.App{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}h1{color:#fff;font-size:3rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.game-info{margin-bottom:20px}.game-info h2{color:#fff;font-size:1.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.board{background:#2c5aa0;padding:15px;border-radius:10px;box-shadow:0 10px 30px #0000004d;display:inline-block}.board-row{display:flex}.cell{width:70px;height:70px;background:#2c5aa0;margin:5px;border-radius:50%;position:relative;cursor:pointer;transition:background .2s;box-shadow:inset 0 0 10px #00000080}.cell:hover{background:#3a6eb5}.cell.winning{animation:pulse .5s ease-in-out infinite alternate}@keyframes pulse{0%{box-shadow:inset 0 0 10px #00000080,0 0 10px #fffc}to{box-shadow:inset 0 0 10px #00000080,0 0 20px #fff}}.piece{width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;animation:drop .3s ease-out}@keyframes drop{0%{transform:translateY(-400px)}to{transform:translateY(0)}}.piece.red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#c92a2a);box-shadow:inset 0 -5px 10px #0000004d}.piece.yellow{background:radial-gradient(circle at 30% 30%,#ffd93d,#f9ca24);box-shadow:inset 0 -5px 10px #0000004d}.reset-button{margin-top:30px;padding:15px 40px;font-size:1.2rem;font-weight:700;color:#fff;background:#4caf50;border:none;border-radius:25px;cursor:pointer;box-shadow:0 5px 15px #0000004d;transition:all .3s}.reset-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 7px 20px #0006}.reset-button:active{transform:translateY(0);box-shadow:0 3px 10px #0000004d}.menu{text-align:center;padding:40px}.menu h2{color:#fff;font-size:2rem;margin-bottom:30px;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.mode-button{display:block;width:250px;margin:20px auto;padding:20px 40px;font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid white;border-radius:15px;cursor:pointer;box-shadow:0 5px 15px #0000004d;transition:all .3s}.mode-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #0006}.mode-button:active{transform:translateY(0) scale(1);box-shadow:0 3px 10px #0000004d}.game-mode-label{color:#fff;font-size:1rem;margin-top:10px;opacity:.9;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.button-group{display:flex;gap:15px;margin-top:30px}.menu-button{padding:15px 40px;font-size:1.2rem;font-weight:700;color:#fff;background:#ff9800;border:none;border-radius:25px;cursor:pointer;box-shadow:0 5px 15px #0000004d;transition:all .3s}.menu-button:hover{background:#f57c00;transform:translateY(-2px);box-shadow:0 7px 20px #0006}.menu-button:active{transform:translateY(0);box-shadow:0 3px 10px #0000004d}